扁平化设计欣赏


扁平化完全属于二次元,这个概念最核心的地方就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。本文,就是用一些扁平化设计作品,来带领大家领略扁平化设计的魅力。

Windows Metro风格

wp.jpg

本人第一次看到扁平化设计就是在Windows phone界面上,微软当时称其为Metro风格,因为设计意念来源于交通局巴士站站牌机场和地铁的指示牌。后来Windows8也使用了这种分格。此界面设计风格最大特点就是由一块块“磁贴”构成,没有更多累赘的元素。可以说,这个风格已经是扁平化到极致了。

安卓Holo风

holo锁屏.jpg

如果我没有记错的话,holo风最早是出现于原生安卓4.0上的,谷歌很早就开始尝试扁平化设计,只是在这个安卓机泛滥的年代,安卓系统已被各大厂商改的面目全非,原本十分有艺术气息的系统被一些厂商改得十分难看(三丧,没错,说的就是你)。只有一些系统还保留一些扁平化特点,如魅族Flyme,HTC sense。但我认为其中最有特点的,还是安卓原生的holo风。

holo.png
原生安卓Holo

IOS7扁平化

继Windows Phone,Android后,大名鼎鼎的苹果公司也开始在IOS7走扁平化了,并且未来可能将此风格全面应用到别的苹果产品上。个人觉得IOS7的有些设计有点不伦不类,比如在一些界面,图标中有渐变效果。但部分效果还是值得肯定的,比如拨号盘设计

ios-7拨号盘.jpg

 

网页设计中的扁平化

事实上,相较于移动平台,网站才是运用扁平化设计最多的地方,近年来扁平化网页设计越来越受到欢迎,因为这种设计既好看又可以减少设计人员的工作量。

google play.PNGmsdn.PNG

 

海报,广告设计中的扁平化

扁平化可不只局限于UI,广告,海报照样可以运用扁平化设计

扁平广告.jpg扁平海报1.jpg扁平海报.jpg

 


发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注