码迷,mamicode.com
首页 > 其他好文 > 详细

扁平化设计的优势

时间:2015-10-18 21:28:49      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:

目前,在市场上的视觉设计中,扁平化的设计的占比在持续上升,这其中究竟藏着有什么样的秘密,今天就来一起探讨一下吧。

首先,研究一样东西,我觉得都要从它的历史开始,因为可以了解它,并且清楚知道它的变化在哪里。

 

一、扁平化的开始和发展

 

在很多国内的人的心里,对扁平化的认识估计就是从微软的WINDOWS 8 和 WINDOWS PHONE 等界面开始,而后苹果的产品中也开始使用这样扁平化的视觉设计,由于微软和苹果产品在市场上的占比比较高,因此也一定程度上推动了整个移动端扁平化的设计进程。

 

 

技术分享

 

 

二、扁平化的定义

在网络上许多的资料中,例如百度百科、知乎、各大设计网站中的文章对扁平化的描述,大概可以分为两个方向;一个是设计风格的扁平化,另一个是信息层级的扁平化。

 

1、设计风格的扁平化

一些设计师认为:扁平化设计就是放弃一切装饰效果,诸如阴影,透视,纹理,渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落,没有任何羽化,渐变,或者阴影。尤其在手机上,更少的按钮和选项使得界面干净整齐,使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。但是完全没有装饰性也太过于极端,现在比较流行的扁平化还是有一些渐变和阴影的,也就是大家所说的轻拟物化,但轻拟物化更多的还是要归为扁平化风格。

 

那大家觉得扁平化和拟物是对立的吗?完全不是。扁平化是拟物化发展到一定程度的产物,就像你学习绘画一样,你必先学会一笔一划的把物体的每个细节都描绘出来,经过反复多次的练习,你对物体的结构、形态、动作烂熟于心时,你才能用最简单的线条来表达。

 

下图是Kellas Campbell的猫作品,寥寥几笔,形神兼备,将猫咪的高贵、慵懒描绘的淋漓尽致.台上一分钟,台下十年功,越是这样简单的线条越能体现作者的功底.

 

技术分享

 

我相信,真正能把扁平化做到创新、优秀的设计师,在拟物化上的表达也是非常纯熟的。深厚的美术功底、对拟物的极致表达,才造就了今天在扁平化上简洁大气。当然,模仿别人的作品出来的扁平化设计、一定是缺少个人灵魂的、千篇一律的,这也是为什么扁平化被人诟病、呼喊拟物不死的原因。

 

当然,拟物确实不会死,它在扁平化上简洁的活着,只是不是每个设计师都有能力将它表达出来。

 

2、信息层级的扁平化

但是把扁平化设计单纯理解成为是一种视觉风格的选择,是不够的——不是错,是不够。

信息层级的扁平化代表着用户在第一层级界面只需要看到核心内容区,和最稳固最根本的功能。其他的内容是收起到第二层级第三层级甚至更深的。如果都铺出来的话,恰好是扁平化的反方向了。不做到区分核心层级和其他层级这个点的话,视觉风格再扁平化,内容也是一大锅乱炖,看着心烦意乱找不到该找的操作。

 

这样的话,风格上的扁平化做的再好,用户体验也是糟糕的。

 

关于这一点我觉得QQ5.0的改版能说明这个问题。

 

不知道大家是否还记得QQ4.0版本的界面,当时QQ有4个tab,除了最重要的“消息”和“联系人”保持简单以外,它的”动态“和”设置“页面做的都非常冗杂,尤其是动态页面的“会员中心”、“游戏中心”、“阅读中心”、“应用中心”…真是恨不得把能铺的全铺进去;而令我每次打开APP都会迷茫的是“会员中心”和”气泡、主题、表情“,我内心潜意识的认为这是关于“我”的个性设置,应该在设置里面,所以每次都会设置tab里面找。当时QQ给人的感觉就是臃肿,远没有微信轻盈。这样对应了那就话:如果都铺出来的话,恰好是扁平化的反方向了。(没能找到QQ4.0高质量的图,原谅我的无能,凑合着吧,O(∩_∩)O~~)

 

技术分享

 

而从QQ5.0版本开始,QQ做了非常大的转变,将QQ层级分类为“我的私人空间“和”我的外部世界“,比如会员、钱包、营业厅、个性装扮、收藏、相册等全部收进抽屉栏,就像关上了我的私密空间一样。而最重要的、最常用的放在外层动态里,而比较小众的、个性化的如阅读、动漫、新闻、健康这些收纳入“更多”,页面层级非常清晰。

 

技术分享

 

尽管5.0开始,QQ增加了兴趣部落、同城服务、吃喝玩乐这些重量级延伸服务、但页面给人的感觉却不再臃肿,而是非常轻盈。因此可以得出:用户感知上的轻盈才是真正的扁平化,而不是内容。而感知上的轻盈,是可以用层级来表达和优化的。

 

三、未来扁平化会持续下去吗?

1、  扁平化更适应信息碎片化的今天

 

一个小小的屏幕里面蕴含了如此丰富的信息量,这是前所未有的,也带来了人们认知上负担的加重。试想一下,如果华丽的拟物化充斥着界面,你第一时间要面对的不是区分每个APP图标的不同,而是先把背景图片和拟物化进行分层,这一定是糟糕的体验。

 

我有段时间非常迷恋Android手机上更换主题的功能,很多酷炫、唯美、风格独特的主题深得我心,特别凸显个性。但往往我用不了太久就会厌倦。因为每下载一个新的APP我难以找到它在哪里,还是切换到系统默认得扁平化主题更容易辨识。

 

技术分享

 

2、扁平化在多平台、多屏幕尺寸上有更好的适应性

最重要的一点是,更好的适应性。随着多平台和碎片化的屏幕尺寸碎片化而发展的,创建多个屏幕尺寸和分辨率的拟物化设计既繁琐又费时,设计才朝着更加扁平化的设计,你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约,条理清晰。

 

技术分享

 

而watch的出现更加坚定了扁平化持续的趋势,大家看一个APPwatch的主屏幕就知道了,尽管那么多小图标挤在一起,扁平化还是比较容易辨识的。如果都换成拟物化,我想一定会是一场灾难-闪瞎了眼了。

技术分享



总结

1.扁平化的创新在不仅在风格上的扁平,也包含理论信息层级的扁平

2.扁平化的设计不是拟物的方向,而是它的一个延伸

3.信息碎片化和多平台、多屏幕尺寸导致了扁平化将会持续发展下去

因此扁平化依旧会是未来发展的趋势,不是什么人们暂时看厌了拟物图个新鲜,也不是什么风格的更迭,而在于只有充分简洁的界面,才能够适应未来的终端碎片化、界面碎片化。

但正如Android手机可更换主题、老罗坚果手机的拟物情怀也有很多人推崇一样,人人喜好不同,风格必定是多元化的,拟物不会死,但只不过不会再是主流。

 

原文来自:中国ui

扁平化设计的优势

标签:

原文地址:http://www.cnblogs.com/qudaxueyuan/p/4890168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!