1.2 网店美工必须掌握的设计要点

了解了岗位需求和岗位技能后，网店美工还需要对设计要点进行掌握，这样构图才能够更加合理，设计的效果才能够更加出彩。网店美工必须掌握的设计要点有点、线、面三大基本设计元素，颜色的搭配和视觉构图等3个方面，下面分别进行介绍。

1.2.1 点、线、面三大基本设计元素

点、线、面是图像中最基本的三大元素，并且点、线、面具有不同的情感特征，三者结合使用，可构成丰富的视觉效果。

1.点

点是可见的最小的形式单元，具有聚视觉的作用，可以使画面布局显得理、灵动且富有冲击力。点的表现形丰富多样，既包含圆点、方点、三角点等规则的点，又包含锯齿点、雨点、凝合式泥点、墨点等不规则的点。

点没有一定的大小和形状，画面中越小的形体越容易给人点的感觉，如漫天的雪花、夜空中的星星、大海中的帆船和草原上的马等。点既可以单独存在于页面之中，也可组合成线或者面。

点的大小、形态、位置不同，所产生的视觉效果、心理作用也不同。下图所示为一款“年中盛宴”的海报，它以小矩形、三角形、小网格为点，排列成不同的形状，装饰画面并突出人物和箱子主体，很好地表现了画面中的主体内容，让买家一眼便知本次活动的主题，是一个较为成功的案例。

2.线

线在视觉形态中可以表现长度、宽度、位置、方向性和性格，具有刚柔共济、优美和简洁的特点，经常用于渲染画面，引导、串联或分割画面元素。线分为水平线、垂直线、斜线、曲线。不同线的形态所表达的情感是不同的。直线单纯、大气、明确、庄严；曲线柔和流畅、优雅灵动；斜线具有很强的视觉冲击，可以展现活力四射。下图以照射的太阳光为线，通过不同颜色的搭配，使画面更具有视觉冲击，从而凸显钻石的闪烁。

3.面

点的放大即为面，线的分割产生各比例的空间也可称为面。面有长度、度、方向、位置、摆放角度等特性。版面中，面具有组合信息、分割画、平衡和丰富空间层次，烘托与深化题的作用。面在设计中的表现形式一分为两种，即几何形、自由形。种宽在面主般

几何形 几何形是指有规律的易于人们所识别、理解和记忆的图形，包括圆形、矩形、三角形、棱形、多边形等，以及线条组成的不规则几何元素。不同的几何形有不同的感情，如矩形给人稳重、厚实与矩的感觉；圆形给人充实、柔和、圆满的感觉；正三角形给人坚实、稳定的感觉；不则几何形状给人时尚活力的感觉。若背景用不规则几何形状切割画面，与产品配，可以为画面营造前后层次感，避免画面背景过于单调，下图为矩形面的效果。被具规规采合

自由形 自由形来源于自然或灵感，比较洒脱、随意，可以营造淳朴、生动的视觉效果。自由形可以是表达作者个人情感的各种手绘形，也可以是曲线弯曲形成的各种有机形，还可以是自然力形成的各种偶然形，下图为使用不同的形状形成面，并通过涂鸦的显示，让画面变得鲜活。

1.2.2 怎么搭配色彩更出色

淘宝店铺的色彩与风格是买家进入店铺中首先感受到的东西，因此色彩是做好店铺装修的基础。很多卖家在装修店铺时，喜欢将一些酷炫的色块随意地堆砌到店铺里，让整个页面的色彩杂乱无比，给买家造成视觉疲劳。而好的色彩搭配不但能够让页面更具亲和力和感染力，还能吸引买家持续浏览，增加店铺停留时间。下面对色彩的属性、搭配方法进行介绍。

1.色彩的属性与对比

色彩由色相、明度以及纯度3种属性构成。色相，即各类色彩的视觉感受；明度是眼睛对光源和物体表面的明暗程度的感觉，取决于光线的强弱；纯度也称饱和度，是指色彩鲜艳度与浑浊度的感受。在搭配色彩时，经常需要用到一些色彩的对比。

明度对比 利用色彩的明暗程度进行对比。恰当的明度对比可以产生光感、明快感、清晰感。通常情况下，明暗对比较强时，可以使页面清晰、锐利，不容易出现误差，而当明度对比较弱时，配色效果往往不佳，页面会显得柔和单薄、形象不够明朗。下图为红色的不同明度对比效果。

纯度对比 利用纯度的强弱形成对比。纯度较弱的对比画面视觉效果也就较弱，适合长时间查看；纯度适中的对比画面效果越和谐、丰富，可以凸显画面的主次；纯度越强的对比画面越鲜艳明朗、富有生机。下图为红色的不同纯度对比。

色相对比 利用色相之间的差别形成对比。进行色相对比时需要考虑其他色相与主色相之间的关系，如原色对比、间色对比、补色对比、邻近色对比，以及最后需要表现的效果。下图为衡量色差需要借助的色相环。

冷暖色对比 从颜色给人带来的感官刺激考量，黄、橙、红等颜色给人带来温暖、热情、奔放的感觉，属于暖色调；蓝、绿、紫给人带来凉爽、寒冷、低调的感觉，属于冷色调，下图所示为冷色调的海报。

色彩面积对比 各种色彩在画面中所占面积的大小不同，所呈现出来的对比效果也就不同。下图在页面中使用了大面积的黑白色，若在其中加入适当的红色和蓝色，可起到协调和平衡视觉的作用。

2.色彩的搭配

色彩的搭配是一门技术，灵活运用搭配技巧能让网店的装修风格更具有感染力和亲和力。在选择页面色彩时，需要选择与店铺类目相符合的颜色，因为只有颜色协调才能营造出整体感。下面对不同色系应用的领域和搭配方法进行具体介绍。

白色系 白色称为全光色，是光明的象征色。在网店设计中，白色具有高级和科技的感觉，通常需要和其他颜色搭配使用。纯白色会带给人寒冷、严峻的感觉，所以在使用白色时，都会掺一些其他的色彩，如象牙白、米白、乳白、苹果白等。另外，在同时运用几种色彩的页面中，白色和黑色可以说是最显眼的颜色。在网店设计中，当白色与暖色（红色、黄色、橘红色）搭配时可以增加华丽的感觉；与冷色（蓝色、紫色）搭配可以传达清爽、轻快的感觉。正是由于这种特点，白色常用于传达明亮、洁净感觉的产品。

黑色系 在网店设计中，黑色具有高贵、稳重、科技的感觉，许多科技产品的用色，如电视、摄影机、音箱大多采用黑色。黑色还具有庄严的感觉，也常用于在一些特殊场合的空间设计，生活用品和服饰用品设计大多利用黑色来塑造高贵的形象，也是一种永远流行的主要颜色，黑色的色彩搭配适应性非常广，无论什么颜色与黑色搭配都能取得鲜明、华丽、赏心悦目的效果。

绿色系 绿色本身具有一定的与健康相关的感觉，所以也经常用于与健康相关的网店。绿色还经常用于某些公司的公关站点或教育站点。当搭配使用绿色和白色时，可以得到自然的感觉，当搭配使用绿色和红色时，可以得到鲜明且丰富的感觉。同时，一些色彩专家和医疗专家们提出绿色可以适当缓解眼部疲劳，为耐看色之一。

蓝色系 高纯度的蓝色会营造出一种整洁轻快的感觉，低纯度的蓝色会给人一种都市化的现代派感觉。蓝色和绿色、白色的搭配在我们的现实生活中也是随处可见的，它的应用范围几乎覆盖了整个地球。主颜色选择明亮的蓝色，配以白色的背景和灰色的辅助色，可以使网店干净而简洁，给人庄重、充实的感觉。蓝色、清绿色、白色的搭配可以使页面看起来非常干净清澈。下图所示为将蓝色系用于家具网店的效果。

红色系 红色是强有力、喜庆的色彩，具有刺激效果，容易使人产生冲动，是一种雄壮的精神体现，给人愤怒、热情、活力的感觉。在网店装修中，红色常用于突出色彩，因为鲜明的红色极容易吸引人们的目光。高亮度的红色通过与灰色、黑色等无彩色搭配使用，可以得到现代且激进的感觉。低亮度的红色通过冷静沉着的感觉营造出古典的氛围。在商品的促销设计中，往往用红色起到醒目作用，以促进产品的销售。

1.2.3 视觉构图

在进行店铺装修设计时，需要根据商品与主题要求，将要表现的信息合理地组织起来，构成一个协调完整的画面。良好的视觉构图能够让店铺更加出彩，为了提高构图水平，下面对常见的构图方法进行介绍。

中心构图 中心构图指在画面中心位置安排主元素，如商品或促销文案。这种构图方式给人稳定、端庄的感觉，适合对称式的构图，可以产生中心透视感，在使用该构图方式时，为了避免画面呆板，通常会使用小面积的形状、线条或装饰元素进行灵活搭配，增强画面的灵动感。

九宫格构图 九宫格构图是指用网格画面平均分成9个格子，在4个交叉点，选一个点或者两个点作为画面的主物体的位，同时其他点还应适当考虑平衡与对比等因素。该构图方式富有变化与动感，是常用构图方式之一。将择置的

对角线构图 是指画面主题居于画面的斜对角位置，能够更好地呈现主题的动势，表现出立体效果。

三角形构图 三角形构图指画面中以个视觉中心为元素的主要位置，形成一个稳的三角形。三角形构图具有安定、均衡但失灵活的特点。3定不

黄金分割构图 黄金分割构图是指将画面一分为二，其中较大部分与较小部分之比等于整体与较大部分之比，其比值为1:0.618或1.618:1。0.618是公认的最具美学价值的比例，具有艺术性与和谐性。