我从淘宝官方banner中学到了什么？

兄弟们！


姐妹们！

全地球从事美工的兄弟们，为了电商界的和平，我们要努力！加油加油！




下面直入主题。




每次电商大活动，淘宝总会出一系列的活动banner入口图，时尚、灵动、既有促销性又有设计感。现象背后必有规律，下面和大家一起分析下原因是什么？





解剖下这张图，从上到下


大家看下这个海报，数数从最上面的文案到最下面的背景一共上下叠了多少层？
通过这种上下叠加遮挡的手法，画面很有空间层次感，设计感十足。想想平时我们自己作图一般就上下两层，一个模特一个背景完事…


下面在看几组海报






数数前后多少元素是遮挡关系。





你是不是悟到了什么？

下面在看一组海报






这类海报配色一般一个主题选择一个色系，蓝色系或者紫色系等等。饱和度与明度基本一致都是高饱和高明度状态，然后只调整了色相，这样看起来配色就特别的和谐。


比如这张蓝色海报



饱和度与明度（S和B）数值基本在一个大概范围内。




同时颜色还都做成了渐变。

说到渐变最新版的淘宝APP就改成了渐变。所有的橙色都改成了渐变橙，包括图标。




把纯色改成渐变有什么意义？ 主要还是因为渐变色本身就具有层次性，不同于纯色的单调，最大限度增加画面色彩的层次感，让画面更有活泼动感的调性，更有设计感。

使用渐变色的时候需要注意HSB的色值是否和谐，之前已经讲过色彩和谐的规律这次不在重复，主要说下使用渐变色最常见是邻近色渐变，就是色环中的紧挨着的颜色，比如红橙渐变，蓝绿渐变。




说到这里肯定有人问为什么淘宝官方的banner用色都这么的艳丽，其实这跟淘宝自己定位有关，一个全民性质的平台，一定会照顾大众的审美，同时又要带有时尚、促销的性质。好比一个装修奢华的餐厅，和一个写着免费续杯的肯德基，肯定是后者的受众更广泛。


什么是对的设计？什么又是错的？标准就是设计的表现形式是否符合你的定位，是否实现了你想传递的信息。只要切合主题，并且美观，信息表达的足够清楚，消费者一目了然，这就是好的设计。


下期再见~~