网店美工教学课件Chapter05首页欢迎模块的设计.ppt

淘宝美工教程 Chapter 05 首页欢迎模块的设计 Chapter 05 首页欢迎模块的设计 [情境导入] 小王在淘宝上开了一家网店，主要销售一些饰品和配饰，为了提高店铺在七、八月份的销售业绩，特别的策划了一个针对年轻情侣的七夕节折扣及套餐活动。想要这些信息快速且有效的传递出去，这就需要为店铺设计一个以活动为主的欢迎模块，对其进行推广。 [技能要求] 欢迎模块中包含大量的主题文字编辑，需要熟练掌握“钢笔工具”、“文字工具”和众多的形状绘制工具的使用。 学会根据客户的要求，或者是店铺信息推广的内容来确认欢迎模块的风格、布局、配色、文字和图片，按照规划的设计构思制作案例。 [效果展示] Chapter 05 首页欢迎模块的设计 七夕节主题的欢迎模块设计 童装上新欢迎模块设计 5.1 了解首页欢迎模块 5.1.1 欢迎模块的概述 网店的欢迎模块主要用于告知顾客店铺某个时间段的广告商品或者促销活动，位于网店导航条的下方位置，具体如图5-1所示，它的主要作用就是告知顾客店铺在这个特定时间段中的一些动态，帮助顾客快速掌握店铺的活动或者商品信息。 Chapter 05 首页欢迎模块的设计 除了图片内容及颜色上的考虑以外，欢迎模块中的文字表现也是相当重要的一个方面，通常情况下会使用字号较大的文字来突显出主要的信息，同时搭配上字号较小的文字来进行说明补充，并利用文字之间的组合编排来表现出艺术感，如图5-2、5-3分别为以活动内容为主的欢迎模块和以新品展示为主的欢迎模块。 Chapter 05 首页欢迎模块的设计 5.1.2 赏析网店店招和导航 欢迎模块犹如店家的外在形象一样，在设计中用来搭配的图片不能太复杂，这样才能突出主题，同时尽量采用笔画粗壮的文字，以避免造成凌乱的感觉，接下来就对首页欢迎模块进行欣赏，如图5-4、5-5、5-6、5-7所示，在图中可以看到这两个案例设计所用的色彩和谐且诉求清晰。 Chapter 05 首页欢迎模块的设计 5.2 七夕节主题的欢迎模块设计 本案例中所设计的首页欢迎模块就是为七夕情人节所制定的，如图5-8所示，画面中使用两只纸鹤相依的形态在表现情侣之间的脉脉情意，通过粗厚的艺术化文字来表达活动的口号，并搭配上浪漫的紫红色，由此来传递出节日中浓浓的甜蜜之感。 Chapter 05 首页欢迎模块的设计 Chapter 05 首页欢迎模块的设计 [设计理念] 在色彩搭配上，案例使用了不同明度和纯度的紫红色，营造出一种甜美的感觉； 主题文字中添加上心形的元素，与七夕节的节日氛围相互呼应； 使用纸鹤元素来代表七夕节传说中的喜鹊形象，用两只纸鹤相互依偎的形态来映射出情侣之间的浓情蜜意，由此准确的表达出活动主题； 使用外形较小的文字来说明活动的内容和日期，深化活动的主题。 [工具使用] 制作背景的过程中使用“颜色填充”来进行编辑，通过图层蒙版来控制颜色的范围； 利用“画笔预设”面板中的“水彩大溅滴”预设笔触来完成光斑的绘制； 使用“钢笔工具”绘制出主题文字的外形和云朵形状； 添加“内阴影”样式修饰云朵图形，添加“投影”样式增强文字和纸鹤素材的立体感； 通过“颜色填充”和“图层混合模式”的搭配使用来调整整个画面的色彩。 Chapter 05 首页欢迎模块的设计 [主要操作步骤] 一、新建文档，分别三次创建颜色填充图层并进行不同填充。 二、使用“画笔工具”绘制图形。 三、添加文字，并在适合的文字上添加投影样式。 Chapter 05 首页欢迎模块的设计 四、选择“钢笔工具”，绘制所需图形。 六、接着为画面添加上纸鹤素材，并进行编辑。 七、最后创建背景填充图层，完成编辑。 5.3 童装上新欢迎模块设计 童装网店中的欢迎模块设计，最好在颜色上遵循孩子心中五彩缤纷世界，采用鲜艳颜色作为设计，可以轻松打造出最吸引人的视觉效果。本案例就是为某品牌的童装所设计的欢迎模块，画面中使用了照片绳作为主要的设计元素来表现新上架的服饰，具体如图5-53所示 Chapter 05 首页欢迎模块的设计 Chapter 05 首页欢迎模块的设计 [设计理念] 色彩搭配上，案例中颜色对比强烈，对于视觉和心里都可以带来强烈刺激。画面主色调采用鲜艳的蓝色和红色进行对比，打造出明亮轻快的视觉效果，这样颜色设计，可以让人感觉到一种非常温馨的感觉； 设计元素使用了可爱清新的照片绳为主体，通过错落有致的摆放来增强图片之间的层次感，能够抓住浏览者的视线，使其产生一定的好奇心理，延长其浏览的时间； 画面中使用了绿色的蔓藤植物进行修饰，嫩绿的色彩为画面增添了一份清新自然的感觉，更贴近儿童纯真、纯净的心灵； 使用多种不同的