武汉清美CG学院

主页 > 清美实力 > 行业资讯 >

学设计除了清美课堂,淘宝官方banner也是一所好大学

发布日期:2017-06-26  责任编辑:admin  来源:未知

 

 

“618”年中大促刚过,

你有没有被各种电商广告刷屏?

其实每一次电商大促,

都是学UI设计的小伙伴们一次学习提升的好机会! 

         

比如,淘宝就是一所好大学

 

 

 

每次淘宝都会出一系列的活动banner入口图,

时尚、灵动、既有促销性又有设计感。

跟着清清赶紧来学习一下吧!

 

剖析下这张图,从上到下

 ▼

 

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

 

 

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

 

再看几组海报

 ▼

 

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

 

 

你是不是悟到了什么?

 

下面在看一组海报

 

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

 

比如这张蓝色海报

 

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

 

 

同时颜色还都做成了渐变

说到渐变最新版的淘宝APP就改成了渐变。

所有的橙色都改成了渐变橙,包括图标。

 

 

 

01

把纯色改成渐变有什么意义?

 

 

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

使用渐变色的时候需要注意HSB的色值是否和谐,使用渐变色最常见是邻近色渐变,就是色环中的紧挨着的颜色,比如红橙渐变,蓝绿渐变。

           

02

为什么淘宝官方banner用色都这么艳丽?

 

 

 

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

 

03

什么是对的设计?什么又是错的?

 

 

 

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

 

在清美不仅教会你设计,更教你用心生活!

生活是你人生最好的老师,

也是你灵感的缪斯!

爱清美,爱设计,更要爱生活!

>