1.6 电商视觉设计的设计基础

下面分别从基础元素、色彩搭配、字体表现和版式构图这4个方面介绍电商视觉设计的设计基础。

1.6.1 基础元素

点、线、面是设计基础中的三大基础元素，电商视觉设计师在设计时将三者结合使用，可以营造出丰富的画面效果。

1.点

点是构成一切形态的基础，是最基本的视觉单位，具有凝聚视觉的作用。点的形态多种多样，整体分为圆点、方点、角点等规则点和自由随意、任意形态的不规则点两类。通过改变点的大小、形态和位置，可以在画面中产生不一样的效果，如图1-33所示。

2.线

线是点移动形成的轨迹，是一切面的边缘，具有分割画面和处理界限的作用。线的形态多种多样，总的来说，可以分为直线和曲线。通过改变线的粗细、图形、长短和角度，可以在画面中产生不一样的效果，如图1-34所示。

3.面

面是线移动形成的轨迹，可以分为点型的面和线型的面以及两者结合的面。面的形态多种多样，针对网店设计，常用的面为方形、三角形以及圆形等几何形面和墨迹、泥点以及撕纸等非几何形面。通过改变面的形态，可以在画面中产生不一样的效果，如图1-35所示。

1.6.2 色彩搭配

画面的色彩可以带给消费者强烈的视觉冲击，设计师应围绕主色、辅助色和点缀色运用科学的搭配方法，打造出色彩协调、舒适的画面。

1.主色

主色是画面中占用面积最大、最为醒目的色彩，它决定了整个画面的颜色调性。设计师在选择主色时，应综合考虑商品风格、消费人群等因素，如图1-36所示。

2.辅助色

辅助色是用于衬托主色的颜色，其占用面积仅次于主色的占用面积。使用辅助色可以使画面色彩更加丰富、美观，如图1-36所示。

3.点缀色

点缀色是画面中占用面积最小但较为醒目的颜色。合理使用点缀色可以起到锦上添花的作用，如图1-36所示。

1.6.3 字体表现

文字是设计的重要组成部分，与色彩相得益彰。设计师应选择符合画面风格的字体并使用合适的字号、间距等。

1.排版字体

（1）宋体

宋体字笔画有粗细变化，通常是横细竖粗，且笔画末端有装饰部分，如点、撇、捺、钩等笔画有尖端，宋体属于衬线字体（serif）。宋体字有着纤细优雅、文艺时尚的特点，常用于珠宝首饰、美妆护肤等以女性消费者为主的电商内容中，如图1-37所示。

（2）黑体

黑体又称方体或等线体，笔画横平竖直，粗细相同，没有装饰部分。黑体字有着方正粗犷、朴素简洁的特点，常用于商品促销或电子数码和家用电器等电商内容中，如图1-38所示。

（3）圆体

圆体是由黑体演变而来的字体，它基于黑体的字形结构，并将笔画拐角处和笔画末端变为圆弧状。圆体有着圆润、柔和的特点，常用于以儿童、少女、甜蜜等为关键主题的电商内容中，如图1-39所示。

2.手写字体

（1）书法体

书法体是指传统手写字体，可分为篆、隶、草、行、楷五大类。书法体有着自由多变、苍劲有力的特点，常用于需要表现传统、古典风格的电商内容中，如图1-40所示。

（2）钢笔体

钢笔体是指使用硬质笔尖书写的字体，钢笔体的笔画粗细变化较小，注重字形结构和线条走势。钢笔体有着清新文艺、轻松活泼的特点，常用于清新活泼的电商内容中，如图1-41所示。

3.创意字体

创意字体是指非正常的、特殊的印刷用字体，可以起到美化的作用。创意字体有着美观醒目、变化丰富的特点，其使用范围非常广泛，既可以表现商品促销的内容，又可以营造轻松活泼的氛围，如图1-42所示。

1.6.4 版式构图

不同的版式构图会给消费者带来不同的视觉感受，设计师应使用合理的版式构图构造统一、协调的画面。

1.分割构图

（1）左右构图

左右构图是指将画面按一定比例分割为左右两部分，主体可根据文案放置于画面的左部分或右部分，这种版式构图方式极具美学价值，能够表现出和谐与美感，如图1-43所示。

（2）上下构图

上下构图是指将画面按一定比例分割为上下两部分，主体通常放置于画面的下部分，用于承载视觉点，文字则放置于画面的上部分，用于承载阅读信息，这种版式构图方式呈现的视觉效果平衡且稳定，如图1-44所示。

（3）左中右构图

左中右构图是指将画面按一定比例分割成相等或不等的左、中、右3部分，“三分”后画面更有秩序，适用于文字较多、层级较复杂的内容，如图1-45所示。

2.居中构图

居中构图是指将主体放置于画面的中心位置，这种版式构图方式能够令主体快速吸引消费者的目光，并表现出稳定、均衡的感觉，如图1-46所示。需要注意的是，在使用该版式构图方式时，可以小面积加入装饰元素，以免画面显得呆板。

3.包围构图

包围构图是指利用文字或其他元素环绕主体，其具有很强的空间感和透视效果，同时能形成一定的视觉冲击力，如图1-47所示。

4.倾斜构图

倾斜构图是指将主体或多幅图进行倾斜编排，这种版式构图方式能够更好地呈现主体，表现出立体感、延伸感和运动感，如图1-48所示。