3.1设计导航电子课件 中职 电子教案《网店装修》.pptxVIP

;《网店装修》;知识目标;任务描述;; 网络店铺上的导航，也可以叫做导航栏，导航条，导航菜单等。通常网店的导航主要包括网店的首页和产品栏目及各个单页面的导入链接。通过产品栏目链接可以让客户更容易地找到需要的商品，能对客户起到很好的引导作用。 导航在网店设计中的地位举足轻重，它引导着客户进行浏览和查找，一个合理的导航能让客户在离开网店时感觉享受了一次愉快的旅程。 例如，文具店导航如图3-1-1所示：;二.导航的意义：;三.了解导航的分类：; 次导航一般位于网站的两侧。当客户需要浏览网店时，想去别的栏目看看，可以通过次导航进入其他栏目。 例如，文具专卖店次导航如图3-1-3所示：; 当鼠标滑过导航菜单项时即可展开相应的分类导航横向或纵向子菜单，卖家利用分类导航将商品分类放置,方便客户快速的找到店铺内??相应商品。 例如，淘宝网横向子菜单，如图3-1-4所示:; 当客户想要具体的浏览网店里的商品分类，就可以利用纵向子菜单，例如，想查看衬衫，就打开分类菜单中的上装类别，这时菜单中会出现所有的上装类别商品，用户可以在菜单中找到衬衫。 例如，服饰网店的纵向子菜单如图3-1-5所示:;; 在网店导航设计的过程中，导航的尺寸是有一定限制的，例如淘宝网规定导航的尺寸宽度为950像素，高度为50像素。如图3-1-6所示:; 在网店装修的前期，我们已经确定网店装修的风格，导航通常是在店招的下方，因此色彩搭配也应与店面色调一致，否则会显得突兀，形成喧宾夺主的效果。 例如，鲜花店中的导航使用红底白字的色彩搭配，突出了导航内容，同时也显得温馨浪漫，符合网店的风格。如图3-1-7所示:; 导航文字除了使用单一的中文信息，还可以使用数字和英文，将这些文字信息合理摆放，可以提升导航的设计感，给人眼前一亮的感觉。 例如，童装店和化妆品的导航文字如图3-1-8和图3-1-9所示:; 导航的作用就是让客户更方便快捷的找到自己所需要商品信息，那么导航内容的设置就非常重要了。例如你的网店主要销售女装，那么导航内容可以有如下信息，连衣裙，半身裙，衬衫，外套等，将主要商品信息类别罗列出来。也可以添加其他信息，这些信息也是客户想要了解的，如夏季特卖，商场同款，优惠专区，热卖爆款等。;;【做一做】 请同学们依据自己的思路设计出“乐享办公用品店”的导航，并将导航布局绘制下来。;归纳总结;任务拓展