网店美工 教程Chapter 07.ppt

淘宝美工教程 Chapter 07 宝贝描述页面的设计 Chapter 07 宝贝描述页面的设计 [情境导入] 小刘在网上有一个以小商品为销售品的网店，前段时间刚到了一批新货，并且这些商品都非常有特点，为了向顾客展示出商品各个细节和特点，小刘现在面临的问题就是需要为这些商品设计和制作出宝贝描述页面，利用图片和文字来促成销售，让顾客对商品产生兴趣，从而刺激顾客的购买欲。 [技能要求] 使用图层蒙版将宝贝的局部显示出来，突显出商品的细节特点，利用“钢笔工具”、“选框工具”等创建选区，同时使用调整图层对商品照片的颜色和影调进行调整。 根据商品的特点，从不同的角度将商品的局部放大，让顾客了解到更多的商品信息，诱导顾客购买商品，提高成交率。 [效果展示] Chapter 07 宝贝描述页面的设计 古典风格收藏区设计 冷酷风格客服区设计 7.1 了解宝贝描述页面 7.1.1 宝贝描述页面的概述 是否能让客户下订单，要看宝贝详情页面设计和安排得是否深入人心。在很多时候店家在宝贝描述的开端会对商品的图片进行详细的说明，如图7-1所示。 Chapter 07 宝贝描述页面的设计 商品信息和宝贝图像通过设计师的设计排版，让宝贝的详情页面更加美观，展示出更多性能信息。通常情况下，可以让客户更直观的看到店铺其它优惠打折信息，常见的是“包邮”、“买一送一”、“搭配促销”等，如图7-2和7-3所示，适当的添加附加的信息可以让店铺和宝贝的展示更加的真实和完整，同时让店铺发生质的飞跃。 Chapter 07 宝贝描述页面的设计 在宝贝描述页面中为了让真实的体验到宝贝的实体效果，要设计出相应的“使用感受”、“尺码标示”和“宝贝细节”等相关的内容。 如图7-4所示为某服装品牌所设计的宝贝描述页面，可以看到画面中包含了大量的关于商品的信息，如“试穿感受”、“细节展示”和“尺码材质”等，设计者通过使用表格的方式让信息更加的直观，同时在宝贝信息的图像上添加画龙点睛的说明文字突出商品特点。 Chapter 07 宝贝描述页面的设计 图7-4 宝贝的描述第一部分先写什么，第二部分写什么，什么时候添加文字，什么时候插图，都是有研究的和经过分析的，如图7-5所示为一般情况下宝贝页面的信息摆放顺序，在本章的内容中将着重介绍“宝贝详情区”的设计和制作。 Chapter 07 宝贝描述页面的设计 7.1.2 赏析宝贝描述页面 接下来就对服装和箱包宝贝描述页面进行欣赏，如图7-6、7-7、7-8和7-9所示，在图中可以看到这两个页面都呈现出了宝贝的各个细节，但是设计方式却各有千秋。 Chapter 07 宝贝描述页面的设计 7.2 礼服细节展示设计 本案例是为女鞋设计的宝贝描述页面，由于素材的色彩较为强烈，因此使用了灰色进行配色，同时为细节图像添加上边框，使其更加的突显，搭配有细微底纹的背景，让画面不显单调，具体设计效果如图7-37所示。 Chapter 07 宝贝描述页面的设计 Chapter 07 宝贝描述页面的设计 [设计理念] 在本案例的色彩搭配上，选用了不同明度的灰色作为画面背景，应用女鞋的色彩来点缀画面； 使用字母A作为画面背景的修饰图形，将女鞋的细节图放在字母较粗的笔画上，形成自然的曲线，具有引导视线的作用； 使用外形较为圆润的字体对宝贝进行说明，使其与圆形的细节图产生相互关联的感觉，从而活跃了版面设计元素之间的关系。 [工具使用] 使用“图案叠加”和字母A制作出画面背景； 使用“钢笔工具”沿着女鞋边缘描绘路径，利用“路径”面板将绘制的路径转换为选区，抠取女鞋图像； 用“字符”和“段落”面板设置文字的属性； 通过“色彩平衡”和“色阶”调整图层改变女性的色彩和影调。 Chapter 07 宝贝描述页面的设计 [主要操作步骤] 一、新建文档，使用“钢笔工具”和“矩形工具”绘制出标题栏中所需的形状。 二、使用“横排文字工具”添加文字。 三、添加素材，并使用“矩形工具”绘制所需矩形。 Chapter 07 宝贝描述页面的设计 四、选择“横排文字工 具”， 在图像窗口中输入所需的 文字 六、使用“矩形工具”绘制线条， 然后为画面添加所需的文字 五、选择“横排文字工具”在适当的 位置单击并输入所需的文字。 7.3 女鞋细节展示设计 本案例是为女鞋设计的宝贝描述页面，由于素材的色彩较为强烈，因此使用了灰色进行配色，同时为细节图像添加上边框，使其更加的突显，搭配有细微底纹的背景，让画面不显单调，具体设计效果如图7-37所示。 Chapter 07 宝贝描述页面