说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

扁平化设计或成下一个流行趋势吗?

HTML文档下载 WORD文档下载 PDF文档下载
“扁平化”一词早在多年前就是非常流行的设计领域,而今又再一次卷土重来了。自iOS7 Beta版发布之后,“扁平化设计“便成了设计师口中常谈的话题。那么究竟什么是扁平化设计及未来扁平化设计能否引领下一个新趋势?

“扁平化”一词早在多年前就是非常流行的设计领域,而今又再一次卷土重来了。自苹果公司发布iOS7 Beta版之后,“扁平化设计“便成了设计师口中常谈的话题。扁平化设计中目前最有力的典范是微软的Windows 8以及Windows Phone和Windows RT的Metro界面,不得不说微软不愧为扁平化用户体验开拓者,如此大胆的尝试与实现,不得不让人佩服。那么究竟什么是扁平化设计及未来扁平化设计能否引领下一个新趋势?本文我们来一起探讨下。

什么是扁平化设计?

扁平化设计是指抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。


扁平化设计案例

网站和应用程序在多种平台下需要适应不同的屏幕尺寸,创建多个屏幕尺寸和分辨率的 Skeuomorphic(其描述的是设计一种物体能够从外表和使用方式上模拟现实世界的对等之物)这种设计方法在iOS中得到印证,比如电话联系人名单Contacts设计成皮面装订的书,通过可以翻动的页码代表实际的电话号码薄,设计既繁琐又费时。与Skeuomorphic设计相比,扁平化设计更简约,条理清晰,最重要的一点是,更好的适应性。

近几个月关于拟物化设计与扁平化设计的争论之所以这么激烈,其中一个主要原因就是苹果与Google之间的博弈。关于扁平化设计 vs. 拟物化设计(上)、(下)请点击查看,这里笔者不再做讨论。

设计师眼中的“扁平化设计”

自iOS7 Beta发布以来,网上的相关评论络绎不绝,有的拍手称赞;有的则连连吐槽;这里笔者选取几个有趣观点:

UI设计师 金钊立:扁平化是一个必然趋势。并不是单纯的因为审美疲劳导致的为了变化而变化,而主要是因为数码化程度越来越高的日常生活中导致的。随着时代的变化,一方面是拟物化作用越来越少而退出主流,另一方面是扁平化更适应新时代的需求。

开发者 负二:“扁平化设计”之所以可以取代浮雕效果,成为一种趋势,基本就是触摸操控兴起和鼠标没落的结果——在用不到鼠标,而用手指的情况下,浮雕效果的必要性大大减弱了(因为手指面积很大,相应地按钮、图标等可点击元素的面积也会相应增大,并由于手指和界面的直接接触,相对于展现”按下/弹起“这个状态,展现出手指触摸到的面积更重要一点),它变成了一种偏重装饰性的多余的设计。

产品经理、软件工程师 沈振宇:非常支持扁平化的趋势,准确地说,我认为目前的趋势是抽象化,扁平化只是抽象化的一种典型形式。很多人因为不喜欢iOS7的视觉风格,而反对扁平化。这其实犯了一个明显的逻辑错误,iOS7只是在扁平化这个方向上做出了自己的尝试,只是一个早期版本。实际上正在探索扁平化的,还有Google/WP8,等等。不要把iOS7的不成熟看成是扁平化这个方向的错误。现在我们所处的时期,正是拟物化的体系日趋完善,抽象化的体系刚刚建立的时期。拿一个初生的婴儿去和发育完全的成年人相比,显然是不公平的。

综上,我相信历史的车轮滚滚,抽象化的时代即将到来,纵使我们对拟物的时代有万般留恋,抽象化仍然不可避免。同时我们是幸运的,我们将会经历整个变革过程,我们是历史的亲历者。哦不,我们正在创造历史!

交互设计师 becky:扁平化不仅是视觉层面,更大意义上是新的信息展现和交互形式。首先从潮流的角度来讲大众会有审美疲劳,图标和界面的精致拟物化设计已经近乎极致。当众多界面都具备精致的高标准的时候,人们很难再感受到惊艳和向往,所以需要整个设计界开拓出一个全新的方向来引领大众。从酸碱中和、简繁交替的角度,此时扁平化是一种应景的风格。

另一个角度,信息发展到这个阶段已经空前爆炸和充实,人们不再满足与徜徉于无尽信息中的片刻快感,而是冷静下来高效的找到所需,开始追求和享用信息时代为现实生活带来的真真实实的改变。而扁平化恰巧能提前和高效的展示信息,满足真实的需求。综上所述,现阶段扁平化无可厚非的成了一种新的趋势。

iOS 7界面截图

关于扁平化的讨论,大多是关于界面与图标中材质、阴影、立体感的消失等等。“扁平化”的设计却是在短短几个月的时间内迅速流行起来。从本质上看,这不仅仅是一种视觉风格的改变,而是一种设计语言和思维方式的演化。

纵观设计,Win8 Metro界面中使用了完全的扁平化设计;在苹果产品及iOS 系统中我们也看到了部分扁平化设计影子,在Google中我们同样看到了准扁平化设计模式。所不管是什么设计,设计的美在于是否适合,这里我们不能说扁平化设计就比谁好,这种非黑即白的理论并不适合。但扁平化设计在网站建设、网页设计中有非常大的优势,可以弥补长年的兼容诟病。作为一名“果粉”,笔者还是很期待iOS7新的界面风格,当然好于不好,现在评论还为时尚早,但我喜欢扁平化设计。

OS X平台上出现窃取比特币的木马 《近匠》第11期:Arrownock——移动社交构建师 面向企业:Google发布iOS版Google Admin应用 Github推出Education平台 师生免费享有微账号 平板的市场依然巨大:应用更丰富,Phablet设备存局限 免费的PCB数据3D转换工具 OBD++ XVL Converter Hadoop Namenode以regular方式启动代码流程分析 走进支撑过8亿用户的Yahoo!数据中心 Napier,一个引领Rackspace14年老兵功成身退 Twitter最新测试版被指仿Facebook的界面设计 成功求职者的自述:如何向应聘企业展示自身价值? 仅用移动开发服务:一分钱不花,开发native应用 苹果员工爆辞职内幕 Windows Phone 8.1被曝光信息汇总 Phaser:开源的HTML5 2D游戏开发框架 HTML5调查:做的好,收入不比iOS差 汽车巨人福特让“数据”说话 基调数据解读2014网购行业的3大变化 测测:用百度Clouda占卜移动互联网 微软的无奈:或允许Android应用运行于Windows平台 如何选择适合自己的编程语言 Google Now新增语音命令:生活简单一点,让爱更近一点 千万美金收购案:GetJar是一家怎样的公司 传苹果与时代华纳等公司合作,推新一代Apple TV 追本溯源 解析“大数据生态环境”发展现状 为Hadoop存储层增加对OpenStack Swift的支持 详解并行逻辑回归 在AWS上使用GPU实现分布式神经网络 大数据时代,看“小数据”如何支持决策 22人15天研发 微信红包系统发起“珍珠港偷袭”的背后 开发产品防脱节,DevOps来帮忙 关于时间段的显示问题! linux与windows之间怎么共享啊??? 已知链表元素(元素为结构类型)中的一个成员变量的值,怎样查找它、且将其取出呢? 怎樣控制和設置graph中每個類的每個序列的外觀色彩 新手求救,報表問題,在線等! 自己做的控件在HTML中怎么响应事件 求救!! 拜托大家帮帮忙!在线等待 怎么编写自己的函数库? 请教一个strut问题 sos 求急。如何取掉多显示器?? 后生可畏啊!佩服:绝对实力派。 请问如何把从oracle取出来的数据AdoRecordset保存为.dbf文件和.xls文件 如何还原一个窗口 质问斑竹:是谁删了《立法会第一立法案:水源小斑竹选举法》 谁在强结我帖子?站出来! 请问消息都是串行处理吗? 飞利浦15寸液晶显示器;先到先得。 有谁做过3D骨骼编程的,留一个联系方式 急救!!!WIN98启动就死.(在线等) 幫我看看這是什麼病毒:win32.HLLM.Reteras 急急????在繞等待!!!!!! pb含原代码的例子何处寻觅 如何读取word表格中的数据? 怎样让一个tc程序在一台没有安装tc的电脑上运行? 请问在Vb.NET中引用型变量本身在内存中的值怎么查看呢? 关于在网络版程序中单据号连续的问题? 有关上网的缓存文件(捧分跪等) 我这样实现查询可不可以,为什么没有结果请帮我看好吗 怎么VFP2.5 for windows里的界面(对话框的标题栏里)都没有关闭按钮啊 如何在用户长时间等待的过程中显示一个临时页 ERROR:ORA-12560: TNS: 协议适配器错误 如何在SQL语句里精确小数点以后的位数不清 想得到一段程序的运行时间,C#中提供的time精确度太低,有没有精度比较高的算法? 在客户端已知某个文件的存放路径而不通过HTML的FILE控件再进行浏览选择,怎样把这个文件上传到服务器上 在VBA中变量的值改变后如何保存住值啊? 请问ListView怎么实现(点击标题栏字段名时)排序?谢谢 为什么生命还是这么短 关于电子论坛的设计!!!(回答有意义的高分美人相送,灌水的大炮伺候) jdk1.4大量认证资料奉送 请教对话框的创建 几个小问题,请大家多多帮忙!在线等待 请大家仔细看看,不知道我有没有写清楚,不知道算不算难还算容易....... win2000 sever怎样安装borland c++builder?(高分100) 请大家帮个忙,举手之劳而已 使用MSComm,在关闭窗口的时候,出现“端口已打开”的错误。怎么解决? 请问这几段C#语句怎么办? applet问题,期待高手出现 如何使用OpenDialog啊? 高分组网,斑竹不要删~~~~~~~~~~~~~~~ win2000 sever怎样安装borland c++builder?(高分100) 如何按分组条件,给一个字段乘以不同的值 求一首歌!歌词里好像有“切一片西瓜四五俩”拜托! 玉镯内径6.2厘米大概手多大人带 请问猴子怎么治大神们帮帮忙 北方,南方地区剧种的自然环境特点和生活方式,谈一谈文化与环境之间有什么关系 黄河容易决堤泛滥的直接原因A.含沙量大B.下游地上河C.下游多暴雨D.曲折多湾 黄河容易决堤泛滥成灾的直接原因是什么A.地上河B.含沙量大C.下游多暴雨D.河道曲折多弯 为什么在天文和数学方面精通的玛雅文明会被西班牙人灭掉?是什么导致了世界不同民族之间的差距? 我有一个玉镯子,内径是63mm.镯子表面的一些地方像是有泥土一样,怎么洗和用牙刷洗都处理不了.是灯光下拍的照片.镯子是白色的,整个镯子是圆柱形的,不是扁的.不知道怎么第一张照片放在地 玉镯体积怎么计算玉镯体积看起来很难计算,有没统一的公式 玉镯内径是数字越大带上去越小吗 切一片西瓜四五俩是那首歌的歌词? 农产品供应有保障 物价未来总体走势温李娜三大转变打造最佳赛季 全年胜率高维特尔提前加冕总冠军 F1历史仅次舒国务院取消有限责任公司注册资本3万元全国65个城市代表在南宁探讨机关党建濒临灭绝的北沙牛有望在浙江宁波保种、媒体称转基因食品是各国大趋势 引力大网传“五台山僧人群殴女游客”视频被证巴武装分子向以色列发射火箭弹 其中一鄱阳湖江豚死亡原因公布:确系被螺旋桨西班牙《国家报》:斯诺登揭露的间谍术小德期待成就全满贯“平安北京”增加新成员两市流通市值突破40万亿元大关谌龙赞李宗伟羽坛王者 林丹盼与其共战62条日间公交线到站可实时查中国1994年夺三枚奖牌编剧不是人干的活期待电影《左耳》降生国家核电中电投将合并为国家电投国美在线称将进B2C三甲离岗造成损失锅炉工赔百元仙居回应“村民拒拆被烧死”传闻
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘