网店视觉营销最新版精品教学课件第2章
合集下载
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
（3）充分考虑产品的各个属性，做多维度导航。下面的两个图是耐克旗舰店的 导航设置。两个图显示的都是该店铺里的内容区横向导航。
（4）避免出现无宝贝的空分类。
2.3.1 导航条设计要点
为了保证导航的有效性，并发挥导航的营销作用，需达到以下要求。 （1）易理解：导航应该易于理解，所有的分类名称都需要简洁、清楚，避免使 用无效信息。 （2）完整性：导航的分类要能覆盖网店中的所有信息。 （3）易用性：导航应该能够容易找到。 一般在首页的最下方也会放置导航。对于浏览完首页的顾客，能够再次提供商 品导航，尽量让顾客留在店铺内。
2.4.1轮播图的平面构成
1.背景 轮播图背景的选择需要考虑很多因素，即店铺的主色调、海报的宣传目的、商 品的受众人群等。 轮播图背景还要与品牌的定位或商品形象保持一致风格或者能烘托出特定的气 氛。
2.4.1轮播图的平面构成
2.商品形象 商品形象要精致完美。 商品图片要注意细节，要经过色调和光影处理，才能够突出商品的质感，展现 商品的的品质。
主题不突出海报示例
2.4.3 海报设计要点
2.风格统一 必须反复强调“风格统一”。海报应该和整个店铺、品牌定位的风格统一起来， 使店铺达成表里如一的平衡。
FILA宣传海报
品牌FILA的Logo
2.4.3 海报设计要点 3. 目标明确 要针对目标人群的喜好进行海 报设计。商品都有明确的适用人群。 广告中的模特、文字、色彩等视觉 元素都要迎合这些人群的特点。
2.4.1轮播图的平面构成
3.文字 图中切忌出现太多的文字，过多的文字会造成主次不清，信息传达不明确； 文字需要根据信息的主次进行信息分层； 分层后信息可以通过文字的大小、文字的粗细、文字颜色的浓重程度表达出来。
2.4.2 轮播图营销设计 本节设计一张米兰服装店轮播图，旨在进行品牌宣传。具体制作步骤请见微课 和教材。
思政点滴
视觉设计除了在视觉上给人一种美的享受，更重要的是向浏览者传达一种信 息，一种理念。因此在视觉设计中，不单单注重表面视觉上的美观，而应该考虑信 息的传达。传达出的信息要阳光、积极、充满正能量。
2.1.3 品牌型和营销型视觉
店铺选择的营销策略不同，视觉上要做不同的设计。 1.品牌型视觉 品牌型视觉是以突出品牌优势，塑造品牌格调为诉求，表现出店铺产品区别于 同类产品的差异，从而达到推广品牌，提升品牌知名度的目的。
隐形导航
通栏导航
2.3.1 导航条设计要点
（2）侧边栏纵向导航。如右 图所示。
（3）内容区导航。该种导航 可以位于店铺页面的任何位置。 如下图所示。
侧边栏纵向导航
2.3.1 导航条设计要点 2.导航设计原则 （1）导航文字简洁明了，分类数量不宜过多；字体不宜太密集。 （2）促销类、新品分类放在前面。通栏导航中的前面3个大类一般都是：首页、 所有商品、新品。
主色彩为绿色，次要色彩为黑色，辅助色彩为红色。
2.1.2 配色与视觉信息传递
（3）巧用产品自身的配色。 配色时，可以利用商品包装上的颜色作为主色调，再选择其他颜色进行配色。
2.1.2 配色与视觉信息传递
2.视觉信息传递 首页是用户接触店铺见到的第一个页面，所以首页必须能够传达足够的信息， 让顾客了解店铺、信任店铺、喜欢店铺。 通过视觉，首页需要传达的信息有： • 店铺卖的什么商品、店铺商品的档次。 • 店铺主推的产品。 • 店铺有什么促销活动。 • 店铺里销量最高的产品。
（4）店招不是一成不变的，要根据店铺促销策略、活动的改变而改变。
大赛直通车——店招视觉营销设计
在设计店招的过程中，选手可以先确定店铺的主色调，方便后期的主图、 轮播海报和详情页的设计。设计时文字内容不要过多，否则显示不完整。店招的设 计要突出店铺的特色，与店标的设计搭配协调。
2.2.2 店招营销设计 本节设计制作米兰时装店店招，具体制作步骤请见微课和教材。
轮播图和海报都是网店首页的横幅广告，用以进行品牌展示、活动展示、商品 展示。不同的是，轮播图可以在同一位置循环播放多张海报，淘宝规定最多是5张 海报，而海报只能展示一张图。
产品 展示 海报
品牌展示海报
活动 展示 海报
2.4.1轮播图的平面构成
每个轮播图一般由以下3个元素组成：完整、精致的商品形象或者模特，唯美、 绚丽的背景和精心编排的广告文字。
首页一般由以下功能模块组成：店招、导航栏、轮播图/海报、商品陈 列、促销活动区、店铺收藏等。
2.1.1 首页展示方式
这些主要模块的功能如下：
（1）店招：位于店铺首页顶端，传达店铺重要信息。店招展示店铺名称、 品牌Logo、品牌口号、店铺在行业中的地位等。店招中也可加入店铺收藏、 特别推荐的商品或活动。
（3）取舍。不要在一张图里表达 过多的信息，信息多了，主题就不突 出了。一定要舍得丢掉一些不重要的 元素。
（4）细节。做设计，做美工，细 节处理很重要。
取舍不当的宣传海报 细节处理不好的海报
2.4.3 海报设计要点
（5）留白。留白的“白”， 不是指白颜色，而是指空白。留 白指的是某一区域无额外元素， 无装饰，处于空白的状态。
在设计品牌型视觉首页时， 就要突出产品在设计上、生 产工艺上、服务上具备的优 势，弱化对价格的敏感度。 这种类型适合具有一定品牌 知名度的店铺采用。
2.1.3 品牌型和营销型视觉 在做品牌型首页时，通过以下几种方式可以凸显品牌： （1）增加品牌元素呈现机会 （2）轮播图突出品牌宣传
• 品牌型视觉首页要简约、大气，避免过于花哨。 • 对商品图片的处理要注意细节，体现出商品的质感。
2.1.4 首页布局原则
2.首页布局原则 （1）充分利用店招、导航传达店铺信息。 （2）首页第一屏很重要，充分利用轮播图传达产品信息、活动信息。 （3）设计合理的导航从而缩短购物路径。 （4）各个功能模块风格统一。
2.2 店招视觉营销设计
2.2 店招视觉营销设计
店招出现在店铺每一个页面的上方，其重要性不言而喻。在设计店招时， 要突出品牌和产品定位，让顾客一看就知道店名是什么，卖什么产品，产品在行 业中的地位。店招对顾客是否能够继续浏览其他页面起到了关键的作用。
米兰时装品牌型轮播图
2.4.3 海报设计要点
海报可以出现在轮播图的位置，出现在首页第一屏中；也可以根据需要在第二 屏、第三屏放多张海报。
需要注意的是：放在第二屏、第三屏的海报，主题更随意，大小更灵活，但所 占面积一定要比第一屏海报小。
海报无论放在什么位置，都要注意以下设计要点： 1.主题突出
主题突出海报示例
2.1.1 首页展示方式
这些功能模块不一定都要出现在首页上，也没有绝对的排放顺序。设计首页时， 可以根据产品不同、营销战略或营销活动的变化，对以上模块进行排列组合。
2.1.2 配色与视觉信息传递
1.首页的配色 （1）要先确定店铺的主色调。
童装店首页，颜色活泼鲜艳
男装店首页，颜色深沉稳重
2.1.2 配色与视觉信息传递 （2）配色的黄金法则 主要颜色不超过3种。3种主要颜色分主色彩、次要色彩和辅助色彩，三种颜色 的比例为6：3：1。
ONLY活动宣传海报
中老年服装店铺活动宣传海报 儿童服装店活动宣传海报
2.4.3 海报设计要点
4. 形式美观 形式美观，就是要好看，要赏心悦 目。需要做好以下几点：
（1）色彩。首先是整个海报颜色 不要太多，其次要有主色调。
（2）重视文字的设计与排版。要 通过文字的大小、字体的粗细、文字 的颜色来将信息分层。
案例导入
米兰服装网店首页设计 米兰服装成立于2010年，隶属于广州市远大服饰有限公司，是集研发、设计、 生产、销售于一体的现代化时尚女装公司。公司创建以来，本着“高效协作、卓越 品质”的经营理念，拥有一流的管理团队、一流的产品研发团队、高效的营销团队， 恒久不辍的为追求时尚、品质生活女性打造完美的生活方式。米兰服装店主要销售 自主品牌“米兰”服饰。在线下有实体专卖店。服装的风格属于成熟、职业女装。
不是每个店招都要具有上面的组成元素，也没有绝对的排放顺序。 设计店招时，可以根据品牌定位不同、营销战略或营销活动的变化，对以上元 素进行排列组合。
2.2.1 店招设计标准
2. 店招设计注意事项 （1）传达足够的信息。店招应该传达出来的基本信息有：店铺名称、店铺所卖 商品。
信息传达不足
信息传达优秀
（2）颜色不要过于复杂。 （3）重点要突出。 一般来说，店招里面有1至3个视觉关注点就够了。 品牌型店招应突出Logo、店铺收藏；促销型店招在突出店名的同时，还要突出 促销活动等信息。
留白区域的作用相当大。它可 以给予设计呼吸的空间，提供布 局上的平衡。留白区域的环绕与 陪衬，能够良好的衬托出中心区 域。
无“留白”海报示例 有“留白”海报示例
大赛直通车——店招视觉营销设计
轮播海报的信息元素一般包括文字、商品或模特图，这几种元素组合在一起， 体现海报的主题、营销导向、风格、构图等。一般来说海报的构图方式有中心结构、 左右结构、上下结构、三栏结构、三角结构等，可以根据主题、风格等来选择合适 的构图方式。一般要求海报中的文字字体、颜色等视觉效果统一，图文混排，突出 主题。在大赛中一般要求选手按照给定素材，设计4张海报。
2.1.3 品牌型和营销型视觉
2.营销型视觉 营销型视觉的主要目的是突出营销功能。以促进客户成交为导向，利用轮播海 报、促销活动区、产品陈列技巧，大力展现出本店铺的促销活动，商品的价格优 势，商品的热卖气氛，从而促使成交。
2.1.4 首页布局原则
1.首页布局“一屏论” 在设计首页时，一定要把想传达的重要信息、重要的促销活动放在第一屏上。 这就是首页布局“一屏论”，即在第一屏尽可能展现重要的信息，用户需要了解的 信息，并做出有效地传达。
（2）导航栏：展示店铺内的产品分类，便于用户快速找到想购买的产品。 （3）轮播图/海报：在首页中占据最重要的位置。用于展示品牌的广告、 主打产品、促销产品及促销活动等。 （4）商品陈列区：陈列店铺中的部分商品。 （5）促销活动区：展示店铺的进行的促销活动，包括促销产品列表，促 销活动海报或产品海报、优惠券等。 （6）店铺收藏：收藏店铺，方便顾客以后可以直接访问店铺。
案例导入
案例思考： 根据米兰服装的定位，你认为该品牌的网店首页应该选择什么样的风格？应该 选择什么样的色调？
2.1 网店首页设计要点
2.1网页首页设计要点 ——2.1.1 首页展示方式
首页是店铺的门面，优秀的首页可以展示品牌定位、店铺形象，进行 商品推荐及具备良好的导购功能。规划合理的布局能使首页形成一定的视 觉引导效果，带领消费者浏览更多的商品，从而增加消费者下单的可能性。
2.2.1 店招设计标准 1.店招的组成 一般店招由以下及部分组成： （1）品牌Logo。Logo是品牌的图形标识
（2）店铺口号或品牌的地位
（3）店内搜索
2.2.1 店招设计标准 （4）店铺收藏
（5）促销活动链接或优惠券链接
在店招中放置各种链接时一定注意，不要放置太多，太多就会显得杂乱；链接 可以放，但是一定要配以良好的设计。
《网店视觉营销》——新商科“课、岗、赛、训”新形态一体化规划教材
第2章 网店首页视觉营销设计
课程组 制作
目录
2.1 网店首页设计要点 2.2 店招视觉营销设计 2.3 导航条觉营销设计 2.4 轮播图/海报视觉营销设计 2.5 促销活动区视觉营销设计
2.6 商品陈列展示区视觉营销设计 2.7 店铺收藏区视觉营销设计 2.8 网店页尾模块视觉营销设计 2.9 本章综合实训
2.3.2 导航条营销设计 本节设计制作米兰服装店内容区横向导航，具体制作步骤请见微课和教材。
米兰服装店内容区横向导航效果图
2.4 轮播图/海报视觉营销设计
2.4 轮播图/海报视觉营销设计
在店铺首页，轮播图和海报占据非常重要的位置，在首页第一屏占据的面积也 最大。这些都决定了轮播图和海报的重要性。
米兰服装店店招效果图2.3 Fra bibliotek航条视觉营销设计
2.3 导航条视觉营销设计
导航一般在店招下面，就是网店的“指路牌”。 它可以让买家方便地找到所需商品，缩短用户购物路径。 清晰的导航条能够保证更多的店铺页面被访问到，使更多的商品、促销活动被 发现，有助于提高用户转化率。
2.3.1 导航条设计要点 1.导航的3种形式 （1）通栏导航。在通栏导航中一般 都会设置“店铺首页”，便于进入到店 铺其他页面后返回店铺首页。 在通栏导航的大类标题下，可以设 置隐形导航。
（4）避免出现无宝贝的空分类。
2.3.1 导航条设计要点
为了保证导航的有效性，并发挥导航的营销作用，需达到以下要求。 （1）易理解：导航应该易于理解，所有的分类名称都需要简洁、清楚，避免使 用无效信息。 （2）完整性：导航的分类要能覆盖网店中的所有信息。 （3）易用性：导航应该能够容易找到。 一般在首页的最下方也会放置导航。对于浏览完首页的顾客，能够再次提供商 品导航，尽量让顾客留在店铺内。
2.4.1轮播图的平面构成
1.背景 轮播图背景的选择需要考虑很多因素，即店铺的主色调、海报的宣传目的、商 品的受众人群等。 轮播图背景还要与品牌的定位或商品形象保持一致风格或者能烘托出特定的气 氛。
2.4.1轮播图的平面构成
2.商品形象 商品形象要精致完美。 商品图片要注意细节，要经过色调和光影处理，才能够突出商品的质感，展现 商品的的品质。
主题不突出海报示例
2.4.3 海报设计要点
2.风格统一 必须反复强调“风格统一”。海报应该和整个店铺、品牌定位的风格统一起来， 使店铺达成表里如一的平衡。
FILA宣传海报
品牌FILA的Logo
2.4.3 海报设计要点 3. 目标明确 要针对目标人群的喜好进行海 报设计。商品都有明确的适用人群。 广告中的模特、文字、色彩等视觉 元素都要迎合这些人群的特点。
2.4.1轮播图的平面构成
3.文字 图中切忌出现太多的文字，过多的文字会造成主次不清，信息传达不明确； 文字需要根据信息的主次进行信息分层； 分层后信息可以通过文字的大小、文字的粗细、文字颜色的浓重程度表达出来。
2.4.2 轮播图营销设计 本节设计一张米兰服装店轮播图，旨在进行品牌宣传。具体制作步骤请见微课 和教材。
思政点滴
视觉设计除了在视觉上给人一种美的享受，更重要的是向浏览者传达一种信 息，一种理念。因此在视觉设计中，不单单注重表面视觉上的美观，而应该考虑信 息的传达。传达出的信息要阳光、积极、充满正能量。
2.1.3 品牌型和营销型视觉
店铺选择的营销策略不同，视觉上要做不同的设计。 1.品牌型视觉 品牌型视觉是以突出品牌优势，塑造品牌格调为诉求，表现出店铺产品区别于 同类产品的差异，从而达到推广品牌，提升品牌知名度的目的。
隐形导航
通栏导航
2.3.1 导航条设计要点
（2）侧边栏纵向导航。如右 图所示。
（3）内容区导航。该种导航 可以位于店铺页面的任何位置。 如下图所示。
侧边栏纵向导航
2.3.1 导航条设计要点 2.导航设计原则 （1）导航文字简洁明了，分类数量不宜过多；字体不宜太密集。 （2）促销类、新品分类放在前面。通栏导航中的前面3个大类一般都是：首页、 所有商品、新品。
主色彩为绿色，次要色彩为黑色，辅助色彩为红色。
2.1.2 配色与视觉信息传递
（3）巧用产品自身的配色。 配色时，可以利用商品包装上的颜色作为主色调，再选择其他颜色进行配色。
2.1.2 配色与视觉信息传递
2.视觉信息传递 首页是用户接触店铺见到的第一个页面，所以首页必须能够传达足够的信息， 让顾客了解店铺、信任店铺、喜欢店铺。 通过视觉，首页需要传达的信息有： • 店铺卖的什么商品、店铺商品的档次。 • 店铺主推的产品。 • 店铺有什么促销活动。 • 店铺里销量最高的产品。
（4）店招不是一成不变的，要根据店铺促销策略、活动的改变而改变。
大赛直通车——店招视觉营销设计
在设计店招的过程中，选手可以先确定店铺的主色调，方便后期的主图、 轮播海报和详情页的设计。设计时文字内容不要过多，否则显示不完整。店招的设 计要突出店铺的特色，与店标的设计搭配协调。
2.2.2 店招营销设计 本节设计制作米兰时装店店招，具体制作步骤请见微课和教材。
轮播图和海报都是网店首页的横幅广告，用以进行品牌展示、活动展示、商品 展示。不同的是，轮播图可以在同一位置循环播放多张海报，淘宝规定最多是5张 海报，而海报只能展示一张图。
产品 展示 海报
品牌展示海报
活动 展示 海报
2.4.1轮播图的平面构成
每个轮播图一般由以下3个元素组成：完整、精致的商品形象或者模特，唯美、 绚丽的背景和精心编排的广告文字。
首页一般由以下功能模块组成：店招、导航栏、轮播图/海报、商品陈 列、促销活动区、店铺收藏等。
2.1.1 首页展示方式
这些主要模块的功能如下：
（1）店招：位于店铺首页顶端，传达店铺重要信息。店招展示店铺名称、 品牌Logo、品牌口号、店铺在行业中的地位等。店招中也可加入店铺收藏、 特别推荐的商品或活动。
（3）取舍。不要在一张图里表达 过多的信息，信息多了，主题就不突 出了。一定要舍得丢掉一些不重要的 元素。
（4）细节。做设计，做美工，细 节处理很重要。
取舍不当的宣传海报 细节处理不好的海报
2.4.3 海报设计要点
（5）留白。留白的“白”， 不是指白颜色，而是指空白。留 白指的是某一区域无额外元素， 无装饰，处于空白的状态。
在设计品牌型视觉首页时， 就要突出产品在设计上、生 产工艺上、服务上具备的优 势，弱化对价格的敏感度。 这种类型适合具有一定品牌 知名度的店铺采用。
2.1.3 品牌型和营销型视觉 在做品牌型首页时，通过以下几种方式可以凸显品牌： （1）增加品牌元素呈现机会 （2）轮播图突出品牌宣传
• 品牌型视觉首页要简约、大气，避免过于花哨。 • 对商品图片的处理要注意细节，体现出商品的质感。
2.1.4 首页布局原则
2.首页布局原则 （1）充分利用店招、导航传达店铺信息。 （2）首页第一屏很重要，充分利用轮播图传达产品信息、活动信息。 （3）设计合理的导航从而缩短购物路径。 （4）各个功能模块风格统一。
2.2 店招视觉营销设计
2.2 店招视觉营销设计
店招出现在店铺每一个页面的上方，其重要性不言而喻。在设计店招时， 要突出品牌和产品定位，让顾客一看就知道店名是什么，卖什么产品，产品在行 业中的地位。店招对顾客是否能够继续浏览其他页面起到了关键的作用。
米兰时装品牌型轮播图
2.4.3 海报设计要点
海报可以出现在轮播图的位置，出现在首页第一屏中；也可以根据需要在第二 屏、第三屏放多张海报。
需要注意的是：放在第二屏、第三屏的海报，主题更随意，大小更灵活，但所 占面积一定要比第一屏海报小。
海报无论放在什么位置，都要注意以下设计要点： 1.主题突出
主题突出海报示例
2.1.1 首页展示方式
这些功能模块不一定都要出现在首页上，也没有绝对的排放顺序。设计首页时， 可以根据产品不同、营销战略或营销活动的变化，对以上模块进行排列组合。
2.1.2 配色与视觉信息传递
1.首页的配色 （1）要先确定店铺的主色调。
童装店首页，颜色活泼鲜艳
男装店首页，颜色深沉稳重
2.1.2 配色与视觉信息传递 （2）配色的黄金法则 主要颜色不超过3种。3种主要颜色分主色彩、次要色彩和辅助色彩，三种颜色 的比例为6：3：1。
ONLY活动宣传海报
中老年服装店铺活动宣传海报 儿童服装店活动宣传海报
2.4.3 海报设计要点
4. 形式美观 形式美观，就是要好看，要赏心悦 目。需要做好以下几点：
（1）色彩。首先是整个海报颜色 不要太多，其次要有主色调。
（2）重视文字的设计与排版。要 通过文字的大小、字体的粗细、文字 的颜色来将信息分层。
案例导入
米兰服装网店首页设计 米兰服装成立于2010年，隶属于广州市远大服饰有限公司，是集研发、设计、 生产、销售于一体的现代化时尚女装公司。公司创建以来，本着“高效协作、卓越 品质”的经营理念，拥有一流的管理团队、一流的产品研发团队、高效的营销团队， 恒久不辍的为追求时尚、品质生活女性打造完美的生活方式。米兰服装店主要销售 自主品牌“米兰”服饰。在线下有实体专卖店。服装的风格属于成熟、职业女装。
不是每个店招都要具有上面的组成元素，也没有绝对的排放顺序。 设计店招时，可以根据品牌定位不同、营销战略或营销活动的变化，对以上元 素进行排列组合。
2.2.1 店招设计标准
2. 店招设计注意事项 （1）传达足够的信息。店招应该传达出来的基本信息有：店铺名称、店铺所卖 商品。
信息传达不足
信息传达优秀
（2）颜色不要过于复杂。 （3）重点要突出。 一般来说，店招里面有1至3个视觉关注点就够了。 品牌型店招应突出Logo、店铺收藏；促销型店招在突出店名的同时，还要突出 促销活动等信息。
留白区域的作用相当大。它可 以给予设计呼吸的空间，提供布 局上的平衡。留白区域的环绕与 陪衬，能够良好的衬托出中心区 域。
无“留白”海报示例 有“留白”海报示例
大赛直通车——店招视觉营销设计
轮播海报的信息元素一般包括文字、商品或模特图，这几种元素组合在一起， 体现海报的主题、营销导向、风格、构图等。一般来说海报的构图方式有中心结构、 左右结构、上下结构、三栏结构、三角结构等，可以根据主题、风格等来选择合适 的构图方式。一般要求海报中的文字字体、颜色等视觉效果统一，图文混排，突出 主题。在大赛中一般要求选手按照给定素材，设计4张海报。
2.1.3 品牌型和营销型视觉
2.营销型视觉 营销型视觉的主要目的是突出营销功能。以促进客户成交为导向，利用轮播海 报、促销活动区、产品陈列技巧，大力展现出本店铺的促销活动，商品的价格优 势，商品的热卖气氛，从而促使成交。
2.1.4 首页布局原则
1.首页布局“一屏论” 在设计首页时，一定要把想传达的重要信息、重要的促销活动放在第一屏上。 这就是首页布局“一屏论”，即在第一屏尽可能展现重要的信息，用户需要了解的 信息，并做出有效地传达。
（2）导航栏：展示店铺内的产品分类，便于用户快速找到想购买的产品。 （3）轮播图/海报：在首页中占据最重要的位置。用于展示品牌的广告、 主打产品、促销产品及促销活动等。 （4）商品陈列区：陈列店铺中的部分商品。 （5）促销活动区：展示店铺的进行的促销活动，包括促销产品列表，促 销活动海报或产品海报、优惠券等。 （6）店铺收藏：收藏店铺，方便顾客以后可以直接访问店铺。
案例导入
案例思考： 根据米兰服装的定位，你认为该品牌的网店首页应该选择什么样的风格？应该 选择什么样的色调？
2.1 网店首页设计要点
2.1网页首页设计要点 ——2.1.1 首页展示方式
首页是店铺的门面，优秀的首页可以展示品牌定位、店铺形象，进行 商品推荐及具备良好的导购功能。规划合理的布局能使首页形成一定的视 觉引导效果，带领消费者浏览更多的商品，从而增加消费者下单的可能性。
2.2.1 店招设计标准 1.店招的组成 一般店招由以下及部分组成： （1）品牌Logo。Logo是品牌的图形标识
（2）店铺口号或品牌的地位
（3）店内搜索
2.2.1 店招设计标准 （4）店铺收藏
（5）促销活动链接或优惠券链接
在店招中放置各种链接时一定注意，不要放置太多，太多就会显得杂乱；链接 可以放，但是一定要配以良好的设计。
《网店视觉营销》——新商科“课、岗、赛、训”新形态一体化规划教材
第2章 网店首页视觉营销设计
课程组 制作
目录
2.1 网店首页设计要点 2.2 店招视觉营销设计 2.3 导航条觉营销设计 2.4 轮播图/海报视觉营销设计 2.5 促销活动区视觉营销设计
2.6 商品陈列展示区视觉营销设计 2.7 店铺收藏区视觉营销设计 2.8 网店页尾模块视觉营销设计 2.9 本章综合实训
2.3.2 导航条营销设计 本节设计制作米兰服装店内容区横向导航，具体制作步骤请见微课和教材。
米兰服装店内容区横向导航效果图
2.4 轮播图/海报视觉营销设计
2.4 轮播图/海报视觉营销设计
在店铺首页，轮播图和海报占据非常重要的位置，在首页第一屏占据的面积也 最大。这些都决定了轮播图和海报的重要性。
米兰服装店店招效果图2.3 Fra bibliotek航条视觉营销设计
2.3 导航条视觉营销设计
导航一般在店招下面，就是网店的“指路牌”。 它可以让买家方便地找到所需商品，缩短用户购物路径。 清晰的导航条能够保证更多的店铺页面被访问到，使更多的商品、促销活动被 发现，有助于提高用户转化率。
2.3.1 导航条设计要点 1.导航的3种形式 （1）通栏导航。在通栏导航中一般 都会设置“店铺首页”，便于进入到店 铺其他页面后返回店铺首页。 在通栏导航的大类标题下，可以设 置隐形导航。