小纽扣

日本平面设计大师原研哉说过,平面设计的本质是美化信息。既然如此,那么美又有哪些标准呢?我认为轮廓(造型)之美是基础。

任何一个图形都有轮廓,否则就不能称之为图形,轮廓决定了图形大概的样子,所以轮廓至关重要,葱爷以整容为例来展开进一步的说明:

从上图可以看出,整容其实就是在改变整容者原有的轮廓。把国字脸变成鹅蛋脸,把小眼睛变成大眼睛、把低鼻梁变成高鼻梁、把圆下巴变成尖下巴、把水桶线变成S曲线等等,都是改变了身体部位原有的轮廓,轮廓线变得更漂亮了,整容的基本目的就达到了。所以整容关键在于整形,减肥也被称之为塑形。

当然,这一原理在设计中也是成立的,而且不单单是平面设计。

 

1、发型设计

有一次我去理发,闲着没事就跟理发师聊了起来,他是店里的首席设计师,剪得还不错,所以我每次都是找他理发,闲聊中他知道我是设计师之后,就开始谈起美学来,他跟我说其实理发的关键就是要让用户的发型搭配上他们的头型,最终得到一个好看的轮廓,他的看法引起我了的高度赞同,难怪我要续费我的VIP卡。

你们有没有发现,当理发师把你的头发修剪到一定的程度时,就会把你的头扶正,然后站在(有点像躲)你身后对着你前面的镜子,左瞄瞄右看看,然后用手从你的头发到脸庞来回比划,他其实就是在观察你左右两边的发型是否对称、整体轮廓是否美观。

好看的发型,一定有一个好看的轮廓,一个轮廓线很丑的发型,很可能会成为人们娱乐的对象。有图有真相:

 

2、标志设计

标志设计也是体现轮廓重要的很好例子。我曾听朋友说,香港平面设计大师陈幼坚在做标志设计的提案时,只会提供一个方案,而且只提供黑白稿,黑白标志看的就是图形和轮廓的设计,上了颜色就会干扰客户对轮廓的判断,可见轮廓对标志设计的重要性。有了好看的轮廓造型,添加细节和搭配颜色就是吃小菜了,来看看下面这些经典的标志图形,是不是都有一个好看的轮廓?

 

再来看看下面这几个:


轮廓不咋地,最终的标志图形果然也很辣眼睛。

 

3、字体设计

字体设计也一样,不管是黑体、宋体、手写体还是书法字体,独立的一个字或者组合在一起的几个字,都会形成一个形状,而这个形状(轮廓)的好看与否直接决定了字体设计是否好看。

字体的笔画有粗有细、有长有短、有曲有直,只要满足设计需求,我们怎么处理都行,但最终出来的整体轮廓必需是美的。

 

书法字体和手写字体的笔画一般会比较舒展,这样显得更豪放、更有张力。

 

如果把“葩”字弯勾的笔画收回来,那么“葩”字就会变得很拘谨,整体的轮廓也有些失衡,如下图。

你可能会说,这些轮廓也没什么美感可言啊?在设计中,我们应该把美这个定义放宽来看,并不是要把字体设计成一朵花才叫好看,字体设计的轮廓美是一种平衡与协调的美,是一种有变化、有对比的美。

 

4、广告设计

在广告设计中,大家可能比较关注视觉主体的创意、风格、形式、以及执行的细节等,但很少有人去关注它的轮廓,其实好看的广告设计也离不开好看的轮廓。你们有没有遇到过这样的情况?画面中每个元素单独拿出来都是很漂亮,但是把它们组合在一起就是不好看,其实很可能是因为你组合出来的轮廓不好看,调整一下元素的位置、比例大小等等,改变主体的外轮廓,使其更平衡,更美、更有趣、对比更强,通常能得到更好的效果。

▲从外轮上也可以看出,下面的构图要比上面的更好看。

 

5、文字排版

文字的排版也要看轮廓这一说法你可能听得不多,轮廓是怎么影响文字排版的呢?我们直接看图就会明白:

从上图可以看出,文字段落的侧面成不规则的波浪形时会比较好看,而当轮廓图形为楼梯形或者三角形时就不怎么好看了,因为前者给人的感觉更自然,而后者的感觉很刻意,而且重心偏下。所以当我们在进行段落文字的排版时,要尽量避免外轮廓出现楼梯形和三角形(倒三角形的效果还可以)。

 

6、建筑设计 

看看那些经典的建筑设计,特别是一些城市或者国家的标志性建筑,哪一个不是有着独特、漂亮的外轮廓,很多建筑设计都是先确定了外形,才会去做更细一步的设计。


▲广州塔的外轮廓被誉为“小蛮腰”。

 


▲迪拜帆船酒店的轮廓好似一片船帆。

 

 7、人物形象设计

值得一提的是,人物形象设计也遵循这一法则,比如漫威和DC的英雄人物形象设计:

钢铁侠、绿巨人、超人、蝙蝠侠,这些形象之所以那么经典,跟他们漂亮、独特的人物形象设计也有着莫大关系,我们甚至只需看外轮廓就能识别出他们是谁。

符合这一特点例子还有很多,例如:产品设计、包装设计、摄影等等,如果你认真地去观察,你会发现几乎所有美的东西都遵循轮廓美这一法则。

 

好看的轮廓有哪些特点?

好看的轮廓无外乎这几类:对称、平衡、有对比、自然、符合黄金比例。

▲对称图形轮廓示例,分中心对称和轴对称。

 

▲自然图形轮廓示例,看起来很自然、很舒服的图形。

 

▲平衡图形轮廓示例,虽然不规则,但却不失协调。

 

▲对比图形轮廓示例,分形状对比、稀疏对比、大小对比、长短对比、粗细对比等。

 

▲符合黄金比例图形轮廓示例。

 

总结

好看的设计可能是在很多方面都做得很到位,比如颜色搭配、细节的处理、表现手法等,但这一切都必须是在有一个好看轮廓的基础上,设计的基础就是设计轮廓,设计一个漂亮的轮廓。

 

原文地址:葱爷(公众号)

作者:葱爷

转载请注明:学UI网 » 设计的基础是把轮廓做好看

登录收藏
 
你可能喜欢的:
你不够优秀的原因是因为还没有这种能力你不够优秀的原因是因为还没有这种能力
11个神奇的视觉错觉,让你不敢再相信自己的眼睛11个神奇的视觉错觉,让你不敢再相信自己的眼睛
文字的韵味文字的韵味
“收藏、喜欢、关注”有啥区别?“收藏、喜欢、关注”有啥区别?
超多案例!版式5宗罪,你占了几条?超多案例!版式5宗罪,你占了几条?
墙裂干货,从主体和编排看版式设计!墙裂干货,从主体和编排看版式设计!
‘信息引导’超全总结,让你的设计有理有据‘信息引导’超全总结,让你的设计有理有据
21条商业广告创意技巧,想创意不再依赖灵感和花瓣网21条商业广告创意技巧,想创意不再依赖灵感和花瓣网
雅设计与俗设计有什么区别?雅设计与俗设计有什么区别?
如何提高老带新的转化率(下)如何提高老带新的转化率(下)