月晓吧 关注:505贴子:1,240
  • 0回复贴,共1

扁平化设计好烧! 5 个Flat Design 心法,带你看明白怎么扁、...

只看楼主收藏回复


扁平化设计( Flat Design ) 这两年又重新流行了起来,不仅Win 8 采用这种设计,就连主打设计感的Apple 公司也在iOS 7 采用。除了这两大龙头之外, Facebook 更是一开始就以扁平化设计其介面。
现在,这股扁平化设计趋势也延烧到了网页设计、甚至行动装置介面上。
什么是扁平化设计?
扁平化设计放弃了所有3D 化、维度概念,将画面完完全全的以平面方式呈现。舍弃阴影、光影、斜角等相对于平面的凹凸效果,狭义一点定义甚至可以说,用色块来组成视觉介面。
扁平化设计大多可以与极简、整洁牵上一点关系,虽说是极简效果,但是对设计者来说并没有减轻他们的负担,反而有全新的烦恼。
该用什么颜色?该怎么组成、排版?由于抛弃了许多效果,再也不能以华丽的方式来夺取目光巧掩弱势,设计师本身的品味以及技术马上会被放大检视。

关于扁平化设计,你应该知道的5 项心法
1. 可用性与符号意义
在行之有年的「非扁平化」网页设计的浸淫之下,某些符号在使用者的心中具有独特的意义。你初来乍到一个陌生语言的网页,上面的字一个都看不懂,但是你也许知道哪个按钮是上一页、哪一个按钮是继续阅读、哪一个按钮是回到最上面。
而扁平化设计你必须注意到这点,你所设计出来的不管是按钮、连结,都必须让使用者一目了然,了解其可用之处。

就像Facebook 网站一样,融入在色块的按钮,如果今天是在一个陌生的网页上,使用者要如何快速了解按钮的功能呢?
2. 色彩、色块与对比的应用
颜色的使用无疑是设计师的最大挑战。色彩更是扁平化设计的重点,不同的颜色带给使用者不同的视觉感受,也会给人完全不同的内心反应。就如同各种品牌的颜色给人不同的感觉一样。如何熟练的使用这些颜色,除了设计师的品味与美感之外,或者还需要懂一些色彩心理学。
3. 排版的艺术
除了色彩之外,其他传递美感的媒介就是排版技术了,好的排版技术可以更精准的传递设计师的理念与色彩的力量。

4. 是整洁、极简,而不是粗劣
扁平化设计具有简单、整洁、直接的特性,并没有太多装饰与附加效果;但是简单、整洁的介面并不代表粗劣、半吊子的未完成作品。使用者应该睁大眼睛观察设计师的作品;设计师也应该下更多功夫,而不是将断垣残骸端上桌。
5. 建立层级结构
普通的网页为了划分层级结构可能会做一些按钮点击变化,尽管有些扁平化设计的按钮、连结也有这种变化,但仍须做得更明显并不失美感。比起其他设计,特色为极简、整洁的扁平化设计在建立层级结构上就又困难了一点,因为还需要确保所增加的划分层级效果不失美感,符合整体的主题。
简而言之:扁平化设计绝对不是把一块一块色彩放在一起这么简单。可以到FlatDesign 看看各种优系的扁平化设计作品。


IP属地:北京1楼2013-09-27 13:52回复