这种非常规的设计怎么欣赏学习呢?
同样是图文搭配,先在脑海中把文字全部屏蔽掉,那么就只剩下色块、图片、渐变色和背景了,再屏蔽掉色块,那剩下的就只有图片、渐变色和背景,再屏蔽掉图片和渐变色呢?是不是就只有灰底了。为什么要这样看呢?有没有发现,单从设计上来讲这个画面就是分了这么几层堆叠在一起组成的。字体上对比非常强,可以明显看出是想要用粗犷的字体来突出想要重点传达的信息,画面中的色块和字体的颜色以及底部的渐变色在图片中也都能找到源头。
图片和色块、文字的叠加摆放,形成流畅的观看视线。画面中颜色运用也有相对应的呼应关系。画面中,文字字体、粗细、颜色、色块等到处充满了对比,同时,文字群的分组和颜色、图片和色块的形状又保持统一。
——————————————————————————————————————————————————
最后分析一张名片作为本次的结尾吧。
设计,到最后讲究的是细节,细节到位才能体现作品的精致。有时候失之毫厘,便差之千里。下面我们就来分析,名片到底隐藏了多少设计细节。
同样,这个版面上只有文字,没有任何其它东西,那么这就考验设计师对文字编排的功底了。
怎么解构这个名片呢?首先,这个名片是从中间划分为两半(左右相等)。
接着看这个画面上有多少个文字群?文字群里是否又包含了小文字群?
3个大文字群,同时信息最多的文字组里又分了三个小文字群。
字级为二个字级(忽略模糊不清的字级大小),文字群的间隙和行距都是有依据可寻的。
对齐方式都是左对齐,同时文字群和文字群之间也是左对齐的形式,姓名职称文字群和联系邮箱文字群上下是对齐的,达到统一秩序。
这里要注意的是正面和背面的姓名和职称这一文字群是采用了居中对齐,为什么不采用统一的左对齐形式呢?
经过对比发现,如果左对齐,由于正面文字长度的原因导致后面空隙太多,视觉上不舒服,所以巧妙的将它进行居中对齐,很好地解决了视觉上问题。同时,中间空隙正好是页面边距的2倍。
从大的方向看这个名片都是呈三角趋势,长度上的比例节奏韵律都很好,字级上有对比,相关的信息都摆放在了一起,需要区分或强调的信息进行了单独的提取摆放(公司名)。
——————————————————————————————————————————————————
好了,最后做一个知识总结吧。都讲了什么,该看什么?
一、看字体(字体的类型、字重、字级的大小、字体和字群的组合方式,对齐方式、文字长度比、)
二、看图片的使用是什么感觉的,整体画面的构图是什么样的构图,视线流动在画面中是怎样的?用了什么样的美学比例?
三、看新颖的形式感,存储在脑中的记忆库。
四、看优秀设计所用的配色手法(理解表达的是什么气质,遇到想到项目气质的就可以参考这些优秀的配色)