空间在电商视觉设计中的应用

耿 甜 （广州工商学院 510850）

空间在电商视觉设计中的应用

耿 甜 （广州工商学院 510850）

电商设计是互联网时代的一种广告形式。广告的功能之一就是在推销商品，传播信息时传播新的生活观念，通过展示各种充满魅力、极富吸引力的生活情境去影响消费者的消费行为。所以电商设计中需要设计师用“真实”的画面去为观众呈现人们理想中的生活场景和时髦的消费情境。为了使我们创设的画面更加真实可信，我们需要懂得并且学会运用各种空间知识。

空间；电商；电商合成；视觉设计

空间是平面设计很重要的要素，平面设计往往需要我们去营造一个画面，创建一个环境。一个优秀的画面通常有一下几个特点：1.真实性，2.能够准确传达信息，3.具有视觉冲击力。

然而这三点都离不开空间。

一、空间的概念

平面设计中的空间主要通过遮挡关系、透视规律、留白、色彩等来表达物体前后的位置关系、物体的厚度（立体感）、空间的深度。因为现实中的空间是一个三维空间，除了长度和宽度还有深度。但是我们平面设计就是要在二维的环境下去创造本来包括深度这个第三维的空间。

人类可以在二维平面环境中感受到三维空间依赖的是视错觉现象。利用恰当的技巧就可以在二维的环境中营造出完美的三维空间感。

二、如何营造空间

1.物体间的遮挡关系

电商设计是以产品为中心的设计如：新品推广，产品日常销售，产品促销等。所以产品的堆放在电商设计中十分重要，杂乱无章随意摆放使画面空间混乱或者将产品简单的并置使画面空间扁平单薄都会影响产品的销售。

电商海报中常利用产品之间的遮挡关系和在画面中垂直方向的位置分布将产品放置于条理清晰且层次丰富的空间之中。让产品像在实体店中一样整齐美观的摆放，为消费者制造良好的消费体验。如图1所示。

2.通过透视规律制造空间

电商设计是互联网时代广告的一种视觉表达形式。广告的功能之一就是在推销商品，传播信息时传播新的生活观念，其中包括消费观念、价值观念和人生观念。展示各种充满魅力、极富吸引力的新奇的生活方式，并暗示人们：作为现代人，就要像广告中所呈现的那样生活；只有这样生活，才能入流，才能获得其他人的认同与尊敬；所以电商设计中需要设计师用“真实”的画面去为观众呈现人们理想中的生活场景和时髦的消费情境。但这些场景并不存在或者现实中的场景不能够满足艺术效果上的需求。设计中我们通过一种叫合成的技艺去创造这些新奇、充满魅力、接近人们理想的画面。

比如，我们要展现一款新型微波炉在一个白领的厨房中的使用场景。设计师就要创建一个整洁时尚的厨房环境，新款微波炉摆放其中。带领消费者幻想自己使用这款微波炉的美好体验。但是这个厨房环境想要真实，就必须遵守一点透视，两点透视以及三点透视的透视规律。避免消费者看到场景中的破绽。

透视规律还可以帮助设计师建造有立体感的景物。比如，在电商设计中经常需要绘制有立体效果的展台来摆放产品。这样的设计形式是通过模拟现实中产品在柜台，和商店中摆放的场景使受众对产品的质量和品质产生信任感。这种设计形式目前在电商设计中十分流行。展台通常低于人类的视平线使得展出的物品可以被消费者清楚容易的看到，如何绘制出类似于3D软件制作的立体展台就用到了我们的透视规律。当我们在ps中绘制一个正方形，正方形的四个顶点离我们眼睛的视觉距离是相等的。但是当我们调整这四个点的位置，将右边的两个点下移，我们会感觉点离我们眼睛的距离发生了改变，比较靠下的点看起来离我们的眼睛比较近，这就是视错觉。实际上四个点离我们眼睛的距离仍然是相等的，当我们用同样的方法画出贴合第一个面的另外两个面（表现一个立方体至少要有三个面），我们根据想想离我们较远的边上的顶点我们放在较高的位置，离我们较近的边上的顶点放在纸上较低的位置，这样就会得到一个看起来有立体效果的展示台。

3.留白制造空间

留白越多物体所在的空间越大，空间感强。留白越小物体所存在的空间越小，空间感弱。

如果我们在画面中需要营造一个大的场景，我们就要缩小画面中的物体和文字，流出足够多的“空地”。如果你需要较强的视觉冲击力和视觉上的压迫感，就需要放大物体和文字，压缩周围的空间。价值高的产品需要大空间展示，价值较低，促销气质的设计需要小空间。

4.利用色彩来营造空间

（一）色调

暗调给人远的感觉，亮调给人感觉靠前。如图2：一张红色调的广告图。虽然画面中只有一种颜色，但是画面的视觉冲击力和质感非常强烈。广告图中兰蔻精华肌底液的瓶身，以及作为辅助图形的丝带都呼之欲出具有极强的体积感，制造出这样效果是画面中大胆的使用亮暗调对比，暗调的部分往后退，亮调的部分向前走到观众的眼前，营造出强烈的前后空间关系。

（二）色相

暖色有膨胀的感觉，前进感强，冷色有收缩的感觉，给人往后退的感觉。主要的信息我们可以利用暖色让他更容易被消费者注意到，次要的信息如背景我们可以用冷色使其后退。以此创建出合理的信息的层级关系，让消费者按照我们设计好的顺序接受信息。

（三）纯度

低纯度的颜色，后退感强，高纯度的颜色，刺激眼球，跃出感强。在设计中纯度低的颜色通常作为背景出现，需要强调的信息用高纯度的颜色。通常我们会将高纯度的颜色放在设计图的主要信息上，如标题字等重要的文字信息，产品图等主要的图片信息上。

图1

图2

耿甜，广州工商学院，硕士研究生，研究方向： 美术。