(
课件网) 3.1设计导航电子课件 中职 高教版《网店装修》 《网店装修》 设计导航 知识目标 1. 理解导航的作用； 2. 了解导航的分类； 3. 熟悉导航的设计规范。 技能目标 1. 能够根据网店风格,设计出导航。 情感目标 1. 培养学生善于思考和规划的能力； 2. 提高学生的审美能力。 学习目标 任务描述 王力师傅带着李东开始了“乐享办公”网络店铺导航的设计与制作的工作中，王力师傅先让李东查找相关资料，想让他首先了解导航的基本理论知识。 活动一 ：认识导航 【想一想】同学们，我们平时在浏览网店的时候，是通过什么方式来找到我们想要购买的商品的呢 比如，在一家网络书店里，想要买一本关于网店美工方面的书籍，需要怎么操作呢？ 网络店铺上的导航，也可以叫做导航栏，导航条，导航菜单等。通常网店的导航主要包括网店的首页和产品栏目及各个单页面的导入链接。通过产品栏目链接可以让客户更容易地找到需要的商品，能对客户起到很好的引导作用。 导航在网店设计中的地位举足轻重，它引导着客户进行浏览和查找，一个合理的导航能让客户在离开网店时感觉享受了一次愉快的旅程。 例如，文具店导航如图3-1-1所示： 一. 什么是导航： 二.导航的意义： 导航就是网店的眼睛或者是地图，方便客户查看或者寻找所需要的商品信息。导航的意义在于以下几点： 1.导航起到的是一个引导作用。 2. 导航这个网站中最主要的、必不可少的内容。 3. 导航设置整个网店回流的最核心的部分。 三.了解导航的分类： 1.主导航: 主导航一般位于网页页眉顶部，或者店标的下部。第一时间引导客户指向他所需要的信息栏目。 例如，玩具店主导航如图3-1-2所示： 次导航一般位于网站的两侧。当客户需要浏览网店时，想去别的栏目看看，可以通过次导航进入其他栏目。 例如，文具专卖店次导航如图3-1-3所示： 2.次导航: 当鼠标滑过导航菜单项时即可展开相应的分类导航横向或纵向子菜单，卖家利用分类导航将商品分类放置,方便客户快速的找到店铺内的相应商品。 例如，淘宝网横向子菜单，如图3-1-4所示: 3.分类导航菜单: 当客户想要具体的浏览网店里的商品分类，就可以利用纵向子菜单，例如，想查看衬衫，就打开分类菜单中的上装类别，这时菜单中会出现所有的上装类别商品，用户可以在菜单中找到衬衫。 例如，服饰网店的纵向子菜单如图3-1-5所示: 活动二：掌握导航的设计要领 【写一写】同学们，请观察下面这幅图，这是一个文具店的导航，分析一下这家店铺为什么要运用这样的色调和内容？ 在网店导航设计的过程中，导航的尺寸是有一定限制的，例如淘宝网规定导航的尺寸宽度为950像素，高度为50像素。如图3-1-6所示: 一、导航的规格： 在网店装修的前期，我们已经确定网店装修的风格，导航通常是在店招的下方，因此色彩搭配也应与店面色调一致，否则会显得突兀，形成喧宾夺主的效果。 例如，鲜花店中的导航使用红底白字的色彩搭配，突出了导航内容，同时也显得温馨浪漫，符合网店的风格。如图3-1-7所示: 二、导航的背景色彩： 导航文字除了使用单一的中文信息，还可以使用数字和英文，将这些文字信息合理摆放，可以提升导航的设计感，给人眼前一亮的感觉。 例如，童装店和化妆品的导航文字如图3-1-8和图3-1-9所示: 三、导航的文字： 导航的作用就是让客户更方便快捷的找到自己所需要商品信息，那么导航内容的设置就非常重要了。例如你的网店主要销售女装，那么导航内容可以有如下信息，连衣裙，半身裙，衬衫，外套等，将主要商品信息类别罗列出来。也可以添加其他信息，这些信息也是客户想要了解的，如夏季特卖，商场同款，优惠专区，热卖爆款等。 四、导航的内容： 活动三：设计“乐享办公用品店”的导航 ... ...
