美文网首页
从淘宝官方banner中学到了什么?

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

作者: moriarty77 | 来源:发表于2017-06-13 17:49 被阅读0次

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

    解剖下这张图,从上到下

    大家看下这个海报,数数从最上面的文案到最下面的背景一共上下叠了多少层?

    通过这种上下叠加遮挡的手法,画面很有空间层次感,设计感十足。想想平时我们自己作图一般就上下两层,一个模特一个背景完事…

    下面在看几组海报

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

    你是不是悟到了什么?

    下面在看一组海报

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

    比如这张蓝色海报

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

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

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

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

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

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

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

    相关文章

      网友评论

          本文标题:从淘宝官方banner中学到了什么?

          本文链接:https://www.haomeiwen.com/subject/cctjqxtx.html