《Photoshop CC平面设计实战案例教程》第9章 电商设计.pdfVIP

Photoshop CC平面设计 实战案例教程 （全彩微课版） 第09章 电商设计 本章首先介绍什么是电商美工，电商设计师的主要工作进行了分 析，然后介绍网店设计的版式布局，最后通过多个实例详细讲解如何制作 出符合要求的电商设计作品。 学习要点 电商设计概述 网店设计的版式布局 网店海报设计 网店优惠券设计 领券入口图设计 9.1 电商设计概述 在进行电商设计之前，我们需要了解一些电商设计的相关知识。通过对 这些知识的学习，我们可以在今后的工作中更好地进行设计，制作出符合需 求的电商设计作品。 9.1.1 什么是电商设计 电商设计就是针对电子商务活动进行设计，其主要内容包括网店整体形象 设计、网店活动设计，以及网店优化等。 9.1.2 电商设计师的主要工作 电商设计师的主要工作有优化商品图片、设计网店首页、制作活动海报、制 作商品详情页等。 9.2 网店设计的版式布局 在进行网店设计时，应注意以下3点。为了提高网店销售业绩，设计师 在进行网店设计时，需要制作美观、适合商品的页面。利用图片和文字说明 ，将商品信息传达给顾客，再通过美观的页面布局，提升顾客的信任度，从 而提高商品的销量。 9.2.1 对称与均衡 对称与均衡是统一的，都是让顾客在浏览网店的过程中获得心理上的稳定 感。对称与均衡是指画面中心两边或四周具有相同数量的视觉元素而形成的画面 均衡感。在对称与均衡中 ，采用 “等形不等量”或 “等量不等形”的手法组织画 面内容，会增加细节的趣味性，使画面更加耐人寻味。 9.2.2 对比与调和 对比与调和看似矛盾，其实它们是相辅相成的统一体，在很多网店设计中都 存在对比关系。为了寻求视觉和心理上的平衡，电商设计师往往会在对比中寻求 能够相互协调的元素 ，也就是在对比中寻求调和，让画面在富有变化的同时，又 有和谐的审美情趣。 9.2.3 虚实与留白 虚实与留白是版式设计中重要的视觉传达手段，采用对比与衬托的方式将画 面的主体部分烘托出来，使版面层次更加清晰，主次分明。为了强调主体，可将 主体外的部分进行虚化处理，用模糊的背景使主体突出，使主体更加明确。在网 店设计中，通常会采用降低不透明度的方式来进行创作。所谓留白，是指在画面 中巧妙地留出空白区域，赋予画面更多空间感 ，令人产生丰富的想象。 9.3 实例：网店海报设计 本实例将制作一张网店海报，要求选合适的主色和设计风格 ，突出活动主题，实例效果如图所示。 9.3.1 制作唯美背景 （1）新建一个图像文件。选择 “渐变工具”，对背景应用线性渐变填充 ， 设置渐变颜色为不同深浅的紫色。 （2）新建一个图层，选择 “画笔工具”，在画布右下方绘制一个粉红色柔 和图像。 9.3.1 制作唯美背景 （3）打开 “水晶花.psd”素材文件 ，将其放到画布右下方，设置图层混合 模式为 “叠加”。 （4）为图像添加投影。按Ctrl+J组合键两次，复制两个图层，将复制的水 晶花放到画布左侧。分别选择水晶花，按Ctrl+T组合键改变角度和大小。 9.3.1 制作唯美背景 （5）打开 “紫色.psd”素材文件 ，分别将图像拖动过来，放到画布两侧侧 ，并在 “图层”面板中设置该图层混合模式。 （6）新建一个图层，选择 “多边形套索工具”，在画布中绘制一个不规则 选区 ，羽化后填充为白色。 9.3.1