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

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

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

【开源推荐】Nutz:Java项目中SSH框架的最佳替代品 你的数据库准备好过冬了吗 开源将成为SDN最大的风险! “大姨吗”CEO柴可:女性健康白皮书的发布与“大姨吗”的未来 看中国大学生的移动创意激情 第六届英特尔杯软件创新大赛侧记 在哪里工作更好?Facebook大胜Google WDC超链接图:涵盖35亿网页、1280亿超链接 英特尔:机器已扛不住亚洲的空气污染 IE11中全新增强的F12开发人员工具 TUP第31期报名已满 向主讲人《浪潮之巅》吴军提问征集 对话Spark核心作者Ion Stoica:我的编程之路从2KB内存开始 埃洛普出局?微软董事会称Mulally、Satya有望是下任CEO 百度开源平台上线,聚合百度开源项目 盘点TOP500:值得关注的超算,及当下趋势 【BDTC讲师】Tachyon作者:大数据存储以及处理框架经验分享 进一步称霸中国:低端设备让Android在中国每季获3%增长 低端设备撑起Windows Phone市场份额 研发周报:你的数据库准备好过冬了吗 JVM垃圾收集器使用调查:CMS最受欢迎 技术创业不能一味追求“骨感”,必要时丰富自己的5个途径 帷千动媒副总经理兰旭:整合现在,梳理未来! 11月份浏览器份额:IE继续上涨,Chrome仍不温不火 Windows 8令人担忧:8和8.1两版本份额目前仅有9.3% 一周消息树:微软还需更激进的手段——开放Windows Phone 【开源推荐】Genome.js:当DNA遇到开源 Go 1.2发布 着重语言特性的改进 微软资深IE专家邹颂兵:好产品才是竞争的关键 Web应用程序完全测试指南 Python正在取代R,成为数据科学界新宠 代号Threshold:微软将推Windows统一平台Threshold 日本任天堂掌机应用:《卢浮宫》革了谁的命? VB的循环中有没有continue语句呢?不能总用if endif 来判断吧? 如何在VB中调用Winzip?(不用插件) 求助:关于treeview的右键点击选中的问题。。。 小弟才學 JavaMail 安書上的例子寫了下面的代碼 編譯通過但是 運行不了 幫忙看看!!!! 虚函数是什么意思。 delphi5的sql语句 请教。Windows CE Services 怎么用。我有一张盘,不知用法。 [老问题]如何对并口进行操作?300分。----------------- 请问Java TM Programming Language中的TM(在Java的右角上)是什么意思啊? 这样的程序界面应该如何做?紧急求助!!! HelloImpl err: Cannot connect to ORB 是怎么回事呢? Source Insight3.1使用问题?正确解答者150分 哪儿有《The art of computer programming》下载? C++編程思想 各位情场高人,帮小弟一把,怎么把这个MM约出来,出个主意,俺先谢谢大家了!!! 我需要JAVA-JDBC打开数据库的例子.................... 谁有Delphi编译错误信息对照表,有中文注解的最好---50分 请问在SQLSERVER2000中如何在检索数据是将两个字段合并成一个字段,用“||”吗? 数据库的重定向问题! 关于使用资源 QRRichText 打印如果页数很多(2页以上),就打印不完全,但打印预览中可以看到全部,为什么? 我有一个弱弱问题要问。。。 在C#中如何做ToolWindow属性的WinForms?????????? 怎样才能将静态文本框的背景色设置为透明的? 实时错误“480”,不能创建AUTOREDRAW图象,如何解决?把PICTUREBOX定义太大会产生这个错误,不能绘图! COOL!COOL! 序列的一系列问题 劳烦各位介绍一下业界最流行实用的汇编,C语言编译器,我是在校生急需指导! Rebar 移动的问题!烦死我了! 高手留步:请问VC中获取当天日期的函数是???还有比较两个日期所差天数用什么函数??? 请问怎样才能将vb中的date型的内容转化为sql server的datetime型呀,谢谢大家了 请问,怎样在 FLAH5 中直接插入 MP3,并改变 MP3 的音质? 利用delphi连接远程sybase数据库,在多用户操作情况下为什么会产生数据库死锁 看了一下SL275(2001年5月)的课程概述,发现里面没有了Applet了,SCJP是不是舍弃了它了? 有关JAVA的Package,ClassPath的讨论,诸位看过来 COOL!COOL!COOL! what's wrong with the SOCKET define? 使用vb通过NotesSQL for odbc连接过domino数据库时总出现如下错误“ [Microsoft][ODBC 驱动程序管理器] 驱动程序的 SQLAllocHandle on SQL_HANDLE_ENV 失败”,有谁遇到过吗?如何解决? 在SDK中,如何判断对话框中的CheckBox是否选中? 请教如何修改如何提交数据(一对多的表) 如何在delphi里实现文件(比如文本文件)从一台机器传递到另一台机器?比较急! 不知道主板集成声卡的型号,又没有驱动程序?怎么办?主板是ASUS CUSL2,I815E CHIPSET 想问问大家pb自带的例子中有没有关于权限的例子 怎么样吧jpg图片转成ico?????? 听说程序员结婚生孩子多数会是女孩,是不是真的?,好像与辐射有关哦 那里有windoes版的ftp源码 不知道主板集成声卡的型号,又没有驱动程序?怎么办? 主板是ASUS CUSL2 ,I815E CHIPSET 请问哪里有编写多线程安全对象的资料?(72分) 通过界面输入大量数据,界面如何设计??? 在Red hat 7.1如何安装GBK字符集! Focus(老鱼)回答得50分 新题型的英语四级各部分的分值是多少? (X/10)(X/10)=(6-X*X)/36 学信网可以查英语四级网考成绩吗看好了是四级网考成绩哟 2009年六月的英语四级成绩什么时候能出来? 小白加小白等于什么? 设A=根号5-根号6,B=根号6-根号7,A,B的大小关系 2009年6月的英语四级成绩什么时候出来 小白加小白等于啥? 小白加小白等于什么呢? 解方程:2x-3分之4=2分之1 3分之1x+5=13 三次根号9与根号3的大小 求含字母的绝对值化简 2道 快 看不懂德鬼故事他跟她是青梅竹马,以为能携手看夕阳.35岁上,她得了肺癌.拿着诊断书,哭了笑,笑了哭.不抽烟,没有任何不良嗜好,何以得了肺癌?她来到他办公室,却看到他桌上一袋自己素日最爱 2009年6月四级成绩什么时候出来?如题.、 在有理数中,最小的正整数是什么?,最大的负整数?,绝对值最小的数是? 请问这鬼故事说的是什么,看不懂蜡烛他跟她是青梅竹马,以为能携手看夕阳.35岁上,她得了肺癌.拿着诊断书,哭了笑,笑了哭.不抽烟,没有任何不良嗜好,何以得了肺癌?她来到他办公室,却看到他 09年6月英语四级成绩什么时候查得到在哪查、PS :我是江西的 十进制数转换成八进制数正数我会转换,主要是十进制的负数 转换成八进制数.例如十进制数-111转成8进制数.本人菜鸟,请写出计算过程.请问,八进制数、十六进制数,在计算机里占两个字节的空 求下列各数的值.(1) 三次根号下1-37/64=( )(2) 三次根号下-8/27=( ) 什么时候可以知道2009年6月英语四级的成绩 如何将十进制数转换成八进制数? ^3根号37/64-1+根号(-3)^2^3根号37/64-1+根号(-3)^2(根号3-根号2)+根号2 灵异事件解答有时睡觉的时候突然醒了 意识清醒的状态下 我自己总是觉得身体里有东西老是想往外飘 但每次快飘出身体的时候总被拉回来 有时反反复复次 我想请问下这是怎么回事? 1、十进制数59转换成八进制数是 三次根号下64/37-1=?64/-1整个都在三次根号下 绝对是灵异事件,我带手机上学,每天晚上回到家,装手机的袋子那链子总是拉开,我是坐车回来的,下车的时候还是拉着的,连续几天了,难道真的有鬼 八进制转十进制怎么转啊?八进制数1507 大学四级的题型及分值每年的题型都一样吗?具体是什么题型呢?另外,分值各占多少,怎样计算也麻烦提供一下. 这件事过去了快一年了!本该早已忘记,不过我经常想起,也无法理解所以想请高手帮我解答下!事情是这样的,那天晚上陪朋友在网吧里等人大概等到12点她朋友才来!然后我自己一个人回家~网吧 英语四级成绩证明什么样子 2010年上海大学英语四级分数分布四个部分的分别总分就可以了, 3倍的根号0.2+4倍的根号125+根号27分之1—根号75 比较大小 π和22/7 根号3和5/3 08.06英语四级各题型的分数及总分听力,阅读,综合,写作各自的满分为多少?总分为多少? 谁能帮我解答灵异事件?昨天晚上做梦梦到左手的玉镯子碎了,今天老公下班回家告诉我他今天抽完烟仍烟头市烟头居然立住了,他觉得很有意思还拍了照片留纪念呢,但是我很忐忑.上网查了我 比较大小:根号22___5(填“大于”或“小于”求值 ±根号4又25分21= 给做几道题咯 一、 (3X-1)的平方等于3,求X?二、三次根号下64分之37 减1 减去 根号下1减16分之7三、(3倍根号2+2倍根号3)的平方-(1+根号2)(2减根号3) 大家帮个忙,最好附带讲解! 计算0.75^-1×(根号下3/2)^1/2×(27/4)^1/4+10(根号下3-2)^-1+1 小白加小白等于什么 词语巧搭配(骂人的和发鬼故事的绕道,否则.)( )地吹着 ( )地说道 ( )的脸蛋 ( )的哈欠( )地问起 ( )地记住 ( )的蜡烛 ( )的柴房 是个灵异事件 有人问我小白加小白等于什么 用梦寐以求、黄粱美梦、闷闷不乐造句(发鬼故事、骂人、绕道的走) 如果x+5=10.那x是多少, 小白加小白等于什么呢? 方程2X+5=8的解是1.5.这句话这样说对不对. (x+3):5=10:5 小白加小白等于……… 5.4+2X=8.6 这个方程怎么解? 英语六级要比英语四级难很多么?我还想知道英语六级的 具体做题顺序 是不是还像四级一样 分AB卷 而且是分开收 2013年十月网考四级成绩怎么查询? 拜托大家帮帮我(1)3次根号-8-根号9+根号2(根号2-1)+根号2分之根号8(1)3次根号-8-根号9+根号2(根号2-1)+根号2分之根号8 (2)根号3分之根号8×根号6+根号2分之根号8+根号6 明天老师就要查了,可 介绍一下英语四级的考法.本人大学本科自考,现要考英语四级.但我英语实在是不行.有没有社会考生的考法,或者是其他有效可行的途径. 2012年5月份的四级网考成绩怎么查?官网说7月15出成绩,怎么查?是五月四级网考! 已知x+y=a,xy=b(b不等于0),用含a,b的式子表示下列各式1、x2+y2=2、x3+y3= 评析我的英语四级,望指教我的英语4级的成绩总分是:464听力:169阅读:157综合:47写作:91,哪位可以帮我分析下我的薄弱项吗?我对四级的评分不是熟悉-想继续考6级-望各位能给我些建议,先 网考四级怎么查啊是网考,希望大侠不要弄混了 0.5(2x+8)=13解方程,有回答一定采纳 如何解(x-0.3)分之36-x分之36=4 大学英语四级网考能查成绩吗怎莫不能查啊
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn