扁平化设计为什么这么火,关于扁平化设计的一切!(2)

来源:网络   作者:热心网友   发布时间:2016-06-02    浏览次数:1428

另一个对扁平化设计有深远影响的是极简设计。我想这个风格很多设计师并不陌生,因为笔者发现只要是设计师都喜欢MUJI。而MUJI正是这个风格的代表之一。

2f5a573938716ac72580ed938c8d.jpg


所谓极简就是移除多余的元素,只留下必要的成分。几何图形、少数的元素、明亮的色彩和干净的线条主导多数极简风格设计。

需要说明的是,极简主义并不局限于艺术或设计,它是极简主义者奉行的一种哲学思想,价值观以及生活方式--"极简主义"生活方式。


当然,其实极简主义本来就是设计的一个极端,很多时候极简主义给人的感觉是性冷淡......太高冷了、格调有余,但亲和力就差了点啊~

Windows Metro

08255739388a6ac72580ed3a0992.jpg

扁平化设计真正应用到界面设计里,是微软早期的Zune播放器(下图)。或者很多人都木有听过这个播放器。这也不奇怪因为这个播放器貌似并没有在大陆发售,知道的人自然少之又少。

995b573938996ac72580ed4080a2.jpg

微软一直都没有对苹果停止过斗争。2006年末,为了和苹果的iPod竞争,推出了Zune。并提出了Metro的设计风格。不过,最终这个产品因为营销问题,挂了。



我们姑且不说这个产品成功不成功。笔者当时是妥妥的被Zune的界面设计所震撼,倔强的认定这个设计必将影响其他设计。

7017573938c96ac72580ed380f2c.jpg

然后iPhone出来后,微软又坐不住了。2010年这样,微软从当年Zune设计中积累了的经验,改良了新版的Windows Phone 7的设计,大号字体、明亮的色彩、网格、简洁和扁平的图标主宰了全部风格(当然还有流畅的动画~这个后面谈)。


当metro风格出来后,媒体和设计界在当时反响是真的火热。很是被看好的。扁平化设计也理所当然的被端出了桌面。

Apple 和 iOS 7的转变

e378573938e16ac72580edb2a6d3.jpg

当时候媒体讨论最多的就是苹果会不会随大流放弃拟物化设计,笔者当时自己也是自己YY了蛮久的。不过最终苹果也没能抵抗诱惑,加入了扁平化大军。2013年iOS7发布后,苹果彻底放弃拟物化设计。(我一直在想是不是因为乔大神不在的缘故~~不然我想扁平化也不会辣么轻松的就征服世界..)

436f573938fa6ac72580edb34039.jpg


由于苹果的产品是个标杆各大厂家的学习对象,用户也都是相对上流一点的(因为真的很贵,当时笔者都没好意思买啊),iOS7的发布使得扁平化设计一夜爆红。拟物化设计几乎瞬间过时。所以扁平化虽然是先由微软弄出来,但却是由苹果推向主流的。


然后就看到各种软件和App的设计一夜之间都尼玛变了~~再后来要是设计个什么东西不和扁平化扯上边就尼玛不好意思拿出来!(当时笔者是妥妥的深有体会啊!)

e9e8573939116ac72580ed49c9e5.jpg

那些习惯了画拟物风格的设计师,顿时尼玛就傻了眼。原来画一个icon需要好几小时,现在一个新手一上来花个十多分钟就画完了(先不要在意画得好不好)那种失落感,我也不知正在看文章的你懂不懂,那种感觉就如下面这张gif一样,不好意思。Instagram表示又躺枪了·~

6f3e573939346ac72580ed44811f.jpg


扁平化设计的优点和缺点

想了想,扁平化之所以能够那么火,也确实是有诸多原因的。至少它的优点是绝对的符合当下技术发展需要的。


优点

响应式布局

由于现在终端设备越来越多,并且什么奇葩尺寸都有,为了适应这些屏幕尺寸能够提供使用者优质的阅读体验,响应式的布局设计应运而生。而扁平化设计由于设计简单等特点,RD甚至可以用代码实现设计效果(因为很多时候并没有渐变或是一大张图)。这样的情况下阅读体验想不好都难啊。RD看到这些设计图心里你不知道有多么的开心和温暖!(除非交互设计得很烂哈,这里只谈扁平化对响应式布局的好处)


让用户更加注意内容本身,而不是别的不必要的装饰

因为说实话用扁平化方式设计出来的作品,并没有那么多吸引眼球的东西,太简单(这里主要指界面)。这样用户自然而然的更容易去关注内容本身,而忽略了这个是被设计过的。(但其实真的就是被设计过的,有句话说得好"最后的设计就是没有设计")


感官上和实际轻量化,降低设备硬件要求

用于设计简单明了,以及扁平化设计多以明快而单一的色彩去设计,去除和减少了那些多余的元素,使得整体界面让人从感官上觉得特别的轻快。从另外一个层面说,由于设计简洁,以至于RD有些地方都可以不切图,而用代码直接写出。甚至一些动画效果也是可以用代码写出。这样就大大降低对硬件的要求。而且最要紧的是安装包妥妥的小了好多啊~(其实扁平化风格是代码仔的最爱才对)


结构层次扁平化

扁平化设计的理念也在影响着交互方式。可以看到越来越多产品的交互不再像过去那样那么多层级,而是减少归纳整合起来。一目了然的同时,提升了用户体验。


缺点:

需要一定的学习成本

乔帮主之所以要iPhone走拟物化风格,其实很大原因在于他对学习成本的极大重视,因而才会在界面中大量的使用隐喻和模仿。他对界面设计的一个理想是,任何年龄的人,任何经历的人,都可以在拿到设备后的几分钟内轻松的掌握它的用法。这也是为什么当年那么多用户拿着iPhone后就爱不释手了。说个简单的栗子:我爸从来没玩过智能手机,但当他拿着我的ipad时,我都没怎么教他,他居然一下就会了。在这个层面上,扁平化确实有点弱哦。


可点击区域模糊

很多人(特别是没经常接触电子设备的人),第一次看到扁平化设计是有种焦虑感的,因为很多时候不知去按哪里......


表现形式单一,同质化严重,缺乏个性

很多时候,扁平化设计在界面和网页设计中的表现形式少得确实有点可怜。如果去掉这个app的logo,有时候还真是不好区分,尤其是在现在这个你抄我我抄你的时代,你我的产品是辣么辣么的相近~( ˇ?ˇ )....何为个性可言啊~


高冷、缺乏亲和力

扁平化设计大都用的是精简或抽象后得到元素,而且甚至有些网站的设计就是同一个颜色一大片,然后敲几个字在中间。卧槽,确实够简洁,高大上,B格大大的有。但这种风格看多了,就会觉得无内容和空洞,甚至有些性冷淡。


其实通过上面分析扁平化的优缺点,细心的你其实不难发现扁平化的很多缺点都是可以通过一些方法去改善的。其最大的好处还是在于,能够适应技术的发展。并且最大限度的呈现内容本身,而不是展示无用的装饰。(因为在产品设计当中,设计只是为了更好的呈现产品本身而存在的,一旦"设计过了",就妥妥的变成了一种无用的装饰了。)

0b9d5739395f6ac72580ed96aa62.jpg

因此可以说扁平化设计是顺应时代的产物啊。而事实上发展到今天的扁平化设计确实也在不断的优化自己~使得自己更加的适应时代的发展。但其实要想真正的运用好扁平化设计,绝不是一件简单的事情。练过书法的孩子都应该知道一件事:笔画越少的字越难写的好,反而是那些笔画多的字很容易写好。扁平化设计也是一个道理,它非常的考验一个设计师的基本功。

9d2c573939776ac72580ed390101.jpg


123共3页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/4189.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通