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

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

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新的界面风格,当然好于不好,现在评论还为时尚早,但我喜欢扁平化设计。

IBM公布Softlayer中国业务落地时间表 推荐30款最佳的数据可视化工具 数据库迁移测试:选白盒还是黑盒? 东软发布首款英特尔架构企业级移动终端解决方案 英特尔与腾讯创立游戏创新实验室 推进RealSense技术 《近匠》系列沙龙之探寻绝密武器:移动跨平台开发 iOS走向开放:苹果新推iAd Workbench广告服务 腾讯薛伟:快速模型更新在精准广告推荐中的应用 微软Build2014第一天要点精华汇总(组图) Windows 8.1 Update 1五大改变:任务栏回归,增强鼠标支持(图) 【十大院士】怀进鹏:全球的计算模式可能重新形成 微软Build2014第一天应了解的15件事 TypeScript1.0发布,完美支持Visual Studio系列产品 欲与Android展开价格战,微软宣布在移动设备上免费开放Windows 2014深圳英特尔信息技术峰会次日要点汇总 4月4日:微软39周岁,生日快乐! 正式进军硬件市场 Atlassian发布可穿戴设备Bitband 云计算时代IT专业人员需具备的10项技能 【走近院士】李德毅:大数据是连接虚拟和现实世界的桥梁 微软Build2014大会第二天干货总结 Microsoft Azure拥抱Puppet、Chef、MongoDB... 唏嘘不已!Brendan Eich上任Mozilla CEO仅十天即因歧视同性恋被迫辞职 最火HTML5 JavaScript游戏引擎:国外篇(一) Facebook发布PlanOut 开源部分A/B测试源码 一周消息树:6款Java转C#的最佳工具、Web开发者必备的9个软技能 对话“宙斯杯”获奖代表:依托京东云平台,打造精品电商CRM 关于微软开源WinJS,开发者必须知道的5件事 告别丑陋banner条,InMobi联合开发者尝试原生广告 免费游戏开发经验谈:第一印象很重要 《近匠》小旭音乐:游戏音乐金牌匠人的练级之路 日600亿消息,月4.65亿用户——WhatsApp的Erlang世界 一周热点:Cloudera新一轮融资总额已达9亿美元 c#.net ! Delphi程序员现在的工资怎么样啊? 如何取得Button的Text属性值? 歪脚鸭病了 一个想了很久的问题,C/C++为什么把声明与实现放在不同的文件里(*.h,*.cpp),感觉没有一点好处。 郁闷,散分! 关于scjp的一个很菜的问题 请问为什么我的两千上网后不能关机? 哈!又升级了!(版主要手下留情,我是真心感谢大家) 现在再看《人月神话》有价值吗? 有关生成可执行文件的问题 水源里的兄弟们进来说说,到底怎样才能渡自己早日成星呀? 请教:怎样在一个应用程序中提取经运算的 多行文本行 有关new操作的问题 我要学c#.net,该从那开始??难吗??谢谢指教啊~~~~~ 两个小问题 请教:怎样在一个应用程序中提取经运算的 多行文本行 如何读取一个目录下所有目录? 如何测出电话不通时返回得声音(占线声),它的具体代码?我要做一个占线自动重拨的程序! 我的插入代码为什么不能执行!? 声卡资源的分配??帮帮我!!! 怪事多多!IE窗口无法“还原” 我的代码怎么发不上去? msdn不知为什么运行不好了,要运行两次才行,速度很慢! 一个播放器,如何判断它要播放的是视频文件还是音频文件? 我在银行工作,请推荐一些关于UNIX和informix online的好书,如何学习? 为什么我的ftp别人不能上? 有下载版的精华贴子吗? 大家帮忙啊。 2002总结 运行jb8注册机JBLicenseGen.exe时出错,谁知道什么回事,错误代码如下 给一般按钮加上Tooltip的问题请教??? 水晶表可否控制列的显示?就是有的列显示!有的不显示 表单不能等待怎么办? (转贴) 一只人文主义狗—史努比 娇情的夜晚 已经知道文件的位置是:http://myhome.com/files/my.txt,如何用java实现自动下载? 一千个孬种加起来<一个天才? 不知道是不是? 关于刻录机和Nero,很奇怪,望玩刻录机的高手解答。 初级菜鸟提问1 如何连接加有密码的access数据库 [请教] 一套酒店系统大概可以报价多少? 不能添加数据库连接问题,在线等待! [请教] 一套酒店系统大概可以报价多少? ORACLE 9i AS 到底能不能在RedHat 8.0上安装? [请教] 一套酒店系统大概可以报价多少? 请教:怎样在一个运行中的商业软件 提取经运算的 多行文本行。 求救!!!有关虚函数和类的继承与派生!!! 关于用vj++开发com的问题 请问各位朋友一个问题,本菜鸟非常感谢!!! 网页如和打印?用Word或Excel模版? 新西兰11岁父亲与同学36岁母亲发生曝明星罕见全家福 姚晨父母嘴不大第三届国际胸模大赛 现场画面香艳十足倪妮冯绍峰遇“电灯泡” 陶虹秀恩爱姚黄贯中度过首个父亲节 曝被女儿玩到脱蓝燕与众嫩模拼上围 暴露臀部橘皮纹日本警花长谷川萌下海拍成人片 惹警视Selina公开烧伤疤痕 网友感叹今刘嘉玲开派对红裙惊艳 孟广美秀八字奶女星上浓妆老十岁 徐娇由少女变大妈女生食物被室友加催肥激素 称自己有精女优小泽玛利亚露赘肉 陪酒抽烟显豪放柳岩胸部隐现诱惑十足 宫睿深V装拼性邓文迪闺蜜圈曝光 章子怡李冰冰都是好刘亦菲拍杂志封面 褪去稚嫩美如钻石霍建华登杂志封面 称人有时要稍微健忘韩知性女主播直播时大走光 内衣不慎滑林俊杰出道十年 没想过自己能唱这么久台女星杀青宴迟到 导演下令扒衣谢媒体莱昂纳多王者归来 目标是做真正演员李冰冰镂空装登封面 称已经学会放下找男友遭母亲拒绝 女子一怒打110中韩国际城将变重庆的望京雷克萨斯全新RC F上市长安悦翔V7全球首发亮相消费类众筹来袭 你该如何当玩家家长打地铺 可围观不必拍砖我市新增32类鼓励产业党和国家领导人明出席抗战胜利69周年三亚海棠湾免税店迎客英菲尼迪两款重磅车型全球首发中国500强企业高峰论坛今日启幕 渝独占病房6年 老人欠费21万谁该“断奶”篮球巨星托尼帕克助阵科雷傲悲情李宗伟 摘帽难上难珠江钢琴进军影视MINI新一季SUV车型亮相华堂商场北苑店昨正式闭店主题性绘画 创作玻璃门炸裂 业主只能吃哑巴亏?中石油分公司两前副总被立案
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘