1.1 网店美工必备职业技能

网店美工是网店网站页面美化工作者的统称，主要工作内容是设计和美化网站页面、制作网店促销海报、把物品照片制作成宝贝描述中需要的图片、设计电子宣传单等。

通过对比卖家信用级别较高和信用级别较低的店铺可知，店铺的美工设计也是影响店铺流量的一个因素，好的店铺设计（即图片、配色、布局、文字和创意设计）更能引起顾客的兴趣和购买欲望。也就是说，在装修店铺和描述产品时要更深入地了解这些内容，才能快速地对网店的装修进行设计。

1.1.1 选择图片和素材

在对网店进行装修设计之前，需要了解该网店的性质、顾客人群等，然后再根据这些信息去获得图片素材，这些素材包括商品的照片和修饰画面的素材。由于网上购物的特殊性，顾客不能直接接触商品，不能直观地了解商品功能、材质等，因此卖家只能从不同角度拍摄商品，以展现出商品的更多细节。而网店装修中除了商品本身的照片外，画面的修饰素材也必不可少，这些修饰素材往往会让画面更加生动绚丽，呈现出更加丰富的视觉元素，从而吸引顾客目光，如图1-1所示。

图片素材准备好后，就可使用图形图像编辑软件对素材进行组合和编辑，然后制作出吸引眼球的网店店面，因此在进行店铺装修之前，第一步便是花大量的时间来准备需要的图片素材。

1.1.2 搭配色彩

在网店装修的诸多因素中，色彩搭配是设计中的灵魂，也是一种重要的视觉表达元素，不同色系的搭配能够烘托出不同的设计环境，对人们的心理产生极大的影响，如红色代表热情、性感、权威、自信，是个能量充沛的色彩。因此，色彩能够影响顾客对商品风格和形象的判断，图1-2所示为品牌无印良品旗舰店的产品图，它的产品注重纯朴、简洁、环保、以人为本等理念，因此在产品的颜色搭配应自然简约。

色彩中不能再分解的三种基本颜色被称为三原色，三原色指的是红色（Red）、绿色（Green）和蓝色（Blue），也就是RGB颜色模型。图1-3所示为色轮，下面介绍基于色轮可以得到的基本色彩组合。

• 互补色：互补色是指色轮上互呈180°角的颜色。如蓝色和橙色、红色和绿色、黄色和紫色等。互补色对比度非常强烈，在颜色饱和度很高的情况下，可以产生十分震撼的视觉效果，如图1-4所示。
• 相似色：相似色是指色轮上相邻的三个颜色。相似色是选择相近颜色时十分不错的方法，可以在同一个色调中制造丰富的质感和层次。一些很好的色彩组合有：蓝绿色、蓝色和蓝紫色；还有黄绿色、黄色和橘黄色，如图1-5所示。

• 对比色：对比色是指色环上间隔120°角的两种颜色，同时对比色灰度的变化也是对比色关系，如红黄蓝、橙黄和青绿、橙色与紫色等，视觉效果也很强烈。

影响色彩的三要素包括色相、明度和纯度，它们决定了色彩的暖色调、中间调和冷色调等。下面分别对这三要素进行介绍，如图1-6所示。

• 色相：色相是各类色彩的相貌称谓，如大红、普蓝、柠檬黄等。色相是色彩的首要特征，是区别各种不同色彩最准确的标准。
• 明度：色彩明度是指色彩的亮度或明度。颜色有深浅、明暗的变化。
• 纯度：色彩纯度是指原色在色彩中所占据的百分比。

1.1.3 合理布局网页模块

众所周知，一个店铺的首页相当于一个实体店的门面，其影响不亚于一个产品的详情描述，店铺首页装修的好坏会直接影响客户的购物体验和店铺的转化率。为了提高销售业绩，首要便是制作美观、符合产品定位的页面，将产品页面的组成要素合理地进行排列分布。

一个店铺首页主要由店招、导航条、海报（全屏海报和产品促销轮播海报）、产品分类或优惠券、客服旺旺、产品展示区、店铺页尾、店铺背景等几部分组成，如图1-7所示。

• 店招：是店铺的招牌，一般展示的内容是店铺的名称logo标志、口号等，详细一些的也可以展示1～2个主推的产品在店招上，还有领取优惠券的设计，收藏店铺的图标等。店招是店铺上唯一一个各个页面都能展示出现的模块，所以一些重点推广信息可以设计在店招上，店招的尺寸为950×150像素（含自定义导航部分，950×120像素导航为系统自带）。
• 导航条：导航条可分为淘宝系统自带导航条和自定义导航条，主要功能是可以快速链接到相应的指定页面。一般内容为所有分类、首页等。
• 全屏海报：全屏海报主要用于店铺重大公告，主打产品推荐和折扣优惠等，让顾客一进首页就注意到店铺的重点，一般全屏海报尺寸为1920×600像素。
• 产品促销轮播海报：该海报主要用于推广产品的促销内容，可以做成促销海报吸引买家。尺寸为950×500像素。
• 产品分类：买家可根据自己的需求在店铺上快速找到想要的产品。主要有价格分类、产品功能分类和产品销售量分类等。
• 优惠券：指淘宝店铺优惠券的一个营销服务，设计尺寸在950×200像素内。
• 客服旺旺：用于买家跟店家沟通的软件，设计在首页上可方便买家联系店家。
• 产品展示区：是指产品通过平面图片展示设计，突出产品的性价比，极大提升产品的视觉展示效果。
• 店铺页尾：主要展示的内容有“关于快递”“包装物流”“关于售后”等信息，设计尺寸在950×300像素内。
• 店铺背景：店铺的背景大致上确立了店铺风格，背景内容包括店铺的背景图片、店铺手机二维码或店铺一些重要的折扣信息等。图1-8所示为淘宝网上一个完整的店铺首页。

1.1.4 巧用文字变形

无论是商品的详情页还是店铺的首页，都包含文字信息。为了让主题文字更富有艺术感和设计感，就需要美工对主题文字进行设计，在设计过程中要以字体的合理结构为基础，不能影响阅读。通过不同的手法来创作，可打造出更具有表现力的文字造型，如制作立体文字、变形文字和发光文字等，如图1-9所示。

1.1.5 应用创意设计

创意设计，是把再简单不过的东西或想法不断延伸的一种表现方式，在美工设计的过程中，在简单文字和图形的基础上再深入简化图形的非重要部分，更精炼化主要部分，可使图形在传达过程中便于记忆。图1-10所示为农夫山泉运动盖天然矿泉水的创意设计，其设计中的创意故事便是童话里长白山的春夏秋冬，由英国插画师Brett Ryder所绘。