设计师详解电商设计中的极简设计(3)

耐克的设计同样是采用这个方法，一般来说厂商想要特意退爆款会选择一种爆款的颜色或配色，而耐克这样设计的页面也是更好的展示了这个商品的独特的特点，让人们在任何地方看到这种颜色都会回想起耐克的这款鞋。

C、使用的颜色不要超过3种。

通过上面的案例我们发现，这些设计师所用的颜色都不会超过3种，而做为极简设计有时候只使用2种颜色，甚至只用黑白灰的变化来进行设计。

2.看似很复杂的颜色搭配其实很简单

在极简设计中，颜色的搭配需要非常用心，因为画面的颜色搭配简单时，即使稍微有点不协调也会被放大很多，因此我们需要了解颜色的几个属性：色相、饱和度、明度，还有对比色、相近色等概念。

对于极简设计的配色也有几个方法：

A、 统一明度和饱和度;

下图中的明度和饱和度非常协调，既不觉得哪个颜色过亮也不觉得哪个颜色过暗。虽然是不同的颜色，但是整个画面也是非常协调统一的，我们现在分析一下画面的颜色。

我们来看一下，上面4个圆形中的颜色是我从图片中提取出来的，下面4幅图是颜色的位置和参数，主要看颜色的位置，就是每幅图的圆圈位置，我们看到图中有两条线，这两条线就是代码这4个颜色的明度，可以看到绿色和橘色的明度位置非常相近，黄色和深蓝色的明度位置也很相近，绿色和橘色占整个画面的绝大面积，因此整个画面看起来是非常协调的。而饱和度就是越接近色板的右上角饱和度就越高，我们看到除了深蓝色，其他3种颜色都处于饱和度比较高的位置，并且位置比较靠近。

大家可以用这两幅设计来实验一下，自己亲手解构一下配色的明度和饱和度。而我觉得做为设计师对于颜色的细致理解是非常有必要的。

B、控制颜色的层次;

所谓颜色的层次我们依然用小牛电动车的图来分析，可以看到所有的颜色都提取出来后圆形中的颜色。

这样我们很容易的就能看出来颜色的层次，灰色系有7个层次，而红色系有4个层次，正因为这样的层次让整个设计显得非常丰富，并且有立体感而不至于太“平”。

三、考究的字体

文字在电商设计中的位置极其重要，它承担着直观信息传播的用途，例如活动页面的折扣信息、商品宣传页面的卖点信息、商品的优惠价格、文案内容的表现等。而在极简设计中，字体的选择更为讲究。

1.选用符合整体设计风格的字体

字体也是有自己的外貌、性格和风格的，当字体的风格与设计完美的融合在一起的时候，会给整个设计加分不少。

上面的两张图是“什么值得买”的闪屏页面，我们来仔细观察一下眼镜、相机与字体(文案)的关系。眼镜和相机的款式都是非常复古的，有种民国时代的感觉，因此设计师选用了一种仿古字体来配合图案，给人非常统一的感觉，配上精彩的文案就会给人一个民国时期的场景，这也可以叫带入感。如果我们把图中的字体换成非常现代的艺术字会怎么样?

换了字体后可以看出，虽然每个字体单独看都不错，但是与配图放在一起就感觉非常的不搭，立刻失去了文案和图片想要传达的那种“工匠”的感觉。

英文的选择也是如此，看上图，英文Animal Prints是动物图案的意思，你会发现右侧的女性人物应该是穿着一条连衣裙的，因此我猜测这是卖女性服装的一个Banner，而且是属于比较成熟的那种(看模特身材就能看出来)，因此在选择字体的时候应该选择偏细腻柔美的字体，而不是黑粗体。

来看看下图，感觉是不是差了很多?

下面再来看几组图例，试着自己分析一下。