网店美工实战教程（全彩微课版 第2版）（中篇，共上中下3篇）.pptxVIP

第4章店铺首页的制作网店美工实战教程（全彩微课版第2版）

4.1店铺首页概述内容导航4.2Logo的设计与制作4.3店招与导航的设计与制作4.4轮播海报的设计与制作4.5商品分类的设计与制作4.6商品促销展示区的设计与制作4.7页尾的设计与制作4.8综合实训——制作淑女装店招

4.1店铺首页概述作为店铺的门面，首页需要具有视觉吸引力，使消费者产生点击的欲望，从而促进商品销售。而如何制作能让人产生点击欲望的首页呢？除了需要掌握设计方法外，还需要了解首页的主要功能、布局要点和设计要点。

4.1.1店铺首页的主要功能展示商品树立品牌形象展示促销信息、优惠活动引流

4.1.2店铺首页的布局要点布局要点店铺首页的风格要以店铺定位为中心，统一风格。活动海报要清晰、醒目，要让消费者一眼就能够了解活动的内容、时间等主要信息。各结构板块之间的布局要详略得当、清晰明了。在排列商品时要根据商品的实际销售情况和点击率进行布局。在制作首页的导航栏时，各商品类目要清晰明了。15432

4.1.3店铺首页的设计要点LogoLogo作为店铺最重要的标志之一，具有清楚、易记、一目了然的特点。可通过店铺的定位、商品的分类、消费者的喜好等进行设计。在进行店招设计时，不仅要凸显店铺的特色，还要清晰地传达品牌的视觉定位；在进行导航设计时，则需要将店铺中商品的种类显示出来。店招与导航轮播海报轮播海报需要调动色彩、版式、字体、形状等综合因素来营造视觉印象，它的内容不仅要有较强的视觉影响力，还要突出卖点。店铺优惠活动区域主要展示店铺当前的优惠活动，如优惠券、满减打折等，一般为多个活动点并列存在。

4.1.3店铺首页的设计要点商品分类区在设计分类时，为了更好地发挥分类区的作用，需要从店铺的装修风格、分类图像的大小和分类方式等方面进行分类。商品促销展示区的设计风格应该与店铺整体风格一致，在主推商品的设计上要注意如何突出店铺的风格主题和如何展示主打系列商品，增强品牌吸引力。从营销目的出发，需要提炼功能卖点，直击消费者痛点，吸引其注意力。商品促销展示区页尾在页尾中不仅需要对首页进行总结，还可以添加分类信息，使其与店招和导航栏对应，这样当消费者需要重新进行浏览时才会更加方便。

内容导航4.1店铺首页概述4.2Logo的设计与制作4.3店招与导航的设计与制作4.4轮播海报的设计与制作4.5商品分类的设计与制作4.6商品促销展示区的设计与制作4.7页尾的设计与制作4.8综合实训——制作淑女装店招

4.2Logo的设计与制作Logo是一种标志，是店铺视觉形象的核心，也是构成店铺形象的基本要素，能够代表店铺的形象。它不仅是调动视觉要素的主导力量，也是整合视觉要素的中心力量。

4.2.1Logo的分类文字Logo文字Logo以文字为表现主体，一般是由品牌的名称、缩写或者抽取其中个别有趣的字设计成的标志。图形Logo图形Logo用形象表达含义，相对于文字Logo更为直观和富有感染力。图文结合型Logo图文结合型Logo是由图形与文字结合构成的，具有文中有图、图中有文的特征。

4.2.2制作店铺Logo1.新建路径2.绘制路径本例将制作一个茶叶店铺Logo，要求制作时采用图文结合的形式，对茶叶的本身形态和人们的饮茶习惯进行体现；制作时将先使用钢笔工具绘制茶杯的轮廓，并填充颜色，然后输入文本，设置文本格式，最后绘制叶子的形状，并设置发光效果，即可制作出茶叶店铺Logo。

4.2.2制作店铺Logo3.填充叶片和茶杯的颜色4.设置USM锐化参数

4.2.2制作店铺Logo5.填充叶片和茶杯的颜色6.擦除“味”右下的笔画

4.2.2制作店铺Logo7.绘制另一部分叶子8.完成后的效果

内容导航4.1店铺首页概述4.2Logo的设计与制作4.3店招与导航的设计与制作4.4轮播海报的设计与制作4.5商品分类的设计与制作4.6商品促销展示区的设计与制作4.7页尾的设计与制作4.8综合实训——制作淑女装店招

4.3店招与导航的设计与制作店招与导航一般位于网站页面的顶部，主要用于展示店铺名称、活动内容、商品分类等需要让消费者第一眼就能够了解到的信息。而导航则主要用于对商品进行分类展现，方便消费者快速查找商品。

4.3.1店招与导航的设计原则植入品牌形象抓住商品定位店招与导航的设计原则

4.3.2店招与导航的设计风格店招的风格引导着整个店铺的风格，而店铺的风格大多取决于店铺中的商品。一般来说，店铺中店招、导航、商品的风格应与店铺的整体风格一致。同一类型的店铺因为面向的消费人群不同，所以其店招的风格也不同。

4.3.3店招与导航的设计要点促销商品在店招中添加促销商