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

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

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

微信开发者大会陶瑾:如何玩转微信支付功能的原理和开发 560亿PV+7.3亿用户,Reddit是如何做到的? 打造安全界的希波克拉底誓言文化 极客的春天来了! Mozilla COO宫力:老牌操作系统如何助力新一代智能电视 App提高用户留存率新招:应用性能监测 韩国手游市场规模超万亿 2014中韩手游项目对接会开幕在即 SanDisk发展之路:专注SSD、推新产品线 AMD发展线路图曝光,欲造500+平方毫米GPU 全球移动开发者:IAP降温,企业应用成待掘金矿 Vuforia 2014 视觉大奖赛:寻找最炫酷AR增强现实应用,迈向巅峰! MapReduce谢幕,谁将成为最终的接棒者? 变身音乐控制器!开源JavaScript库NexusUI 从112台服务器到Q2 50亿基础设施开销,谷歌只用了15年 【技术文章】微信公众平台开发教程新手解惑40则 Qualcomm承诺投入1.5亿美元 扶持中国初创企业 物联网多了把“新板凳” 联想推三款智能硬件 .NET技术+25台服务器怎样支撑世界第54大网站 基调网络发布听云平台:“听”懂App性能 《近匠》豌豆荚李大海:用搜索敲开手机娱乐平台之门 微信开发HTML5轻游戏中的几个坑 【微信大会】企业号、支付功能、智能客服与LBS、电商开发解析 【CTO俱乐部走进海尔】活动图文直播进行中 燃料电池商业化,数据中心或将永不断电? 广告教父的哲学:值得F2P游戏借鉴的8条经验 UC李云:基于Chromium的浏览器如何打造更好体验 一周消息树:颠覆互联网思维?年薪50万码农转行卖凉皮 Coconut2D:跨平台2D游戏及应用开发工具 第八届中国大数据技术大会将于12月中旬隆重召开 10个常见的缓存使用误区 用户暴增下的收入降低,AWS面临尴尬 云数据中心选址PK:微软第一,IBM第二,谷歌最少 开机显示the secondry IDE channel no 80 cable …… <input type=file name=pic>如何取值,如何设置初始值???? 么样判断一个客户机是否能够连上服务器上数据库,在线等待 在RAVE中如何加上总页数和当前页数? 有缺邮箱用的吗>?现在有了哦,穷人快来啊。。哈哈,我也是其中一个。 请问一个 应用程序登陆SQl Server 时密码的问题? 菜鸟提问! Outlook Express邮件丢失 非典嚣张的日子里的北京(希望惊起大家对SARS的关注)!!! 问一个简单的概念性问题,分却很多.......还可加哦 一个数据映射错误 关于进程通讯的问题 问一个简单的概念性问题,分却很多.......还可加哦 哪里可以找到关于OA方面的资料?越多越好,100分送上 高手请进,怎么监测到一个文件将被覆盖 请问如何屏蔽F1查看帮助的功能? 高手请进,怎么监测到一个文件将被覆盖 能提供解码器么? 在tdi中,怎样获取封包ip头? 神啊!救救我吧!!!!(在线等待) 我看SARS危机 求助 我该怎么办??? 管理登陆问题解决?? 一个简单的问题,如何对字符串进行减操作? 谁用过struts,进来交流一下! 请大侠看看俺的小程序,哪里错了(关于不规则图形填充) delphi查询问题(急需) 急求:从硬盘安装windowsxp时电脑出显不能安装,找不到eula!如何解决? 系统分析员VS博士 C#连接Oracle? 关于<BASE> 那里有WebDB下载啊. 在ListCtrl里加类似Combo Box的东西,能实现吗? windows2000下vb的一个小问题~~ 如何把当前路径加入查找路径中?立即给分! 对选用不同的纸张大小,在预览中能看出效果吗? 请问怎么在PB6.0中实现Foxpro(*.dbf)的数据导入,到ASA库中 j2me里怎么才能实现图象的滤镜效果?waiting... CDbSet m_dbSet(NULL)在哪一步才能得到一个CDatabase对象的错针? 新手提问:“镜象”是什么意思 求教,如何配置使性能达到最佳,详情见文 怎样在广域网中提高传屏响应速度?帮帮忙!急啊. 在文件钩子当中如何判断是打开文件操作,还是创建文件操作 怎样在applet程序中显示一幅jpeg图片?该图片存在于c:\image\下。 去年12月是谁发的帖子“做项目经理难么” 关于图层拖拽的问题 我有一块硬盘,迈托4.3G,开格式化分时说错误设备或0磁道损坏,后来fdisk分区,启动无效 这是个什么错误啊~ 第一次做控件不明白 给点指点啊 急求:从硬盘安装windowsxp时电脑出显不能安装,找不到eula!如何解决? 不用的控件怎样从工程中删除? "截距相等"用看符号吗 contract什么意思 小学生遵守交通规则的事例!要遵守交通规则的,快,要身边发生的,描写要详细,多 两直线平行是截距相等么 胡椒粉加水进入眼睛会怎样 秋千这词是哪来的? 氧化性Al3+>Mg2+>Na+,则元素金属性顺序? 如何检验正庚烷溶剂是否合格我们用正庚烷做去渍溶剂 "秋千"这个词是怎么来的? 1摩尔C17H18最多与几摩尔氢气发生反应 正庚烷在70摄氏度的密度,比热容,粘度,导热率 不遵守交通规则的事例,要具体,急! 这个物质最多能和几摩尔氢气发生反应?生成什么?为什么? 电子分析天平可以检测什么项目? 地下水污染问题《时寒冰说》一书在某章节说明,地下水污染的治理费用非常巨大,全球恐怕没有哪个国家可以承担的起.日本曾经估测过,如果要全面治理日本地下水,将会耗资“多少”万亿美 第二个问是什么意思,截距表示什么. 云母屏风烛影深指的是什么时间 理论上如何杀死人体内病毒病毒有哪些方法可以杀死?请说出一种最有可能的方法杀死人体内的病毒.不要利用人体免疫系统,而是直接杀死病毒只要理论上可行就行了,即使目前技术手段做不到 二次函数的截距是什么意思?怎么算还有公式啥的,求详细解释!谢谢! 云母屏风烛影深,长河渐落晓星沉.的意思是什么? 治疗农作物病毒的药物都是怎样的原理? 云母屏风烛影深的意思是什么? 苗苗按比例描摹油画(秋千)已知原画长83cm,宽66cm,她画的画长是16.6cm,她选用的比例尺是多少请例出算式 4-溴环己烯为什么不叫做3-溴环己烯我的意思也就是为什么不能从双键的另一边开始数1.2.3.而且1.2.3.4 ‘云母屏风烛影深,长河渐落晓星沉.的意思是什么 大豆异黄酮是从黄豆还是蚕豆中提取的?含雌激素较多的食物有哪些? 电子分析天平的数值总是变化不定时什么原因 什么能够快速产生大量二氧化碳或者能大量消耗氧气?或者说,能起到灭火作用?最好是材料低价,反应迅速,效果明显的,试验成功后可再增加赏金~ 用钡餐检查出胃里面有一个阴影是怎么回事 德国赛多利斯sartorius电子分析天平CP225D出来的数据老是跳动怎么回事啊?每一次我用这个天平,如果是固体,那么数据很稳定的,但是如果是液体,数据就会不停地跳,是不停地减小,小数点后第五位 什么东西能与吗柠檬酸生成大量的CO2要经济点的写出公式 秋千如何画,请发铅笔稿. ZnCl2 和NH4Cl的混合溶液中还有杂质CuCl2,会加速对电池的腐,想去Cu,为什么最好用 Zn其实这是道选择题 A NAOH B Zn CFe D NaCO3 听人讲.中药也会有重金属成份? C6H4CNSCH3用重铬酸钾氧化产物是什么?CN和SCH3在苯环上是相邻的能把CN氧化成氨氮吗? 固相萃取和液相色谱的关系固相萃取跟液相色谱有什么关系?固相萃取重点是什么啊,在什么方面重要点?想买一台仪器该考虑哪些呢? 降解中药材重金属含量的方法 云母屏风烛影深,长河渐落晓星沉的意思简单一点,越简单越好,不要太简单加上:云母屏风烛影深,深的意思,长河渐落晓星沉,长河的意思和沉的意思 国内哪家的色谱四氢呋喃质量好? 品种 莲的美食和药用 莲的名胜古迹 莲的诗文、故事、传说 I have to assume beyond any doubts that. ..这个that引导的是宾语从句还是同位语从句 为什么. 有么有描写人物的故事?可以是自己人也可以是陌生人 云母屏风烛影深,长河渐落晓星沉.的意思要句意,不要故事要这两句的句意,别的什么都不要 云母屏风烛影深 长河渐落晓星沉的意思.(短句) 李阳在家中吃饭时对厨房里的一瓶醋产生了兴趣,他很想知道醋的密度,于是找到了如下器材:小铁块(密度已知为ρ铁)、细线、弹簧测力计和一只足够深的水杯,他利用学过的知识,测出了醋 云母屏风烛影深 长河渐落晓星沉是什么意思 看例子填空百合是( )的( )与( )的( );玫瑰是( )的( )与( )的( );康乃馨是( )的( )与( )的( );向日葵是( )的( )与( 云母特性有哪些? 什么是水体富氧 怎样将分析天平调整到水平 云母的特点有哪些? assume位于句子开头,引导that从句时,用什么形式 请同学们读例子填空. 人大代表建议的写作格式 试证曲面√x+√y+√z=√a(a>0)上任何点处的切平面在各坐标轴上的截距之和等于a 沙眼衣原体DNA-CT-DNA 3.这是感染还是没感染呢? H3AlO3,CH3COOH,C6H5OH,H2CO3,HCO3-酸性排列顺序,还有其水溶液的盐碱性排列顺序.什么什么盐类水解啦之类的,总是记不住.求大神简便的记忆方法,求理解. 过点(0,3),且在两坐标轴上截距之和等于5的直线方程是? 秋千一词由何得来?来自哪里,哪个朝代?为什么而得名? 日本一母亲遭高中生儿子殴打数小时后离挪威政府鼓励已婚夫妇每周约会一次 以中国留学生勇救日本小学生 安倍将为其安倍访问土耳其 助日企获福岛核事故后南非20名白人右翼分子因叛国罪获刑 张德江会见印尼人民协商会议主席西达尔德专家:欧元区最大问题在于违反不援助日本海上自卫队一军官因非法使用兴奋剂委内瑞拉总统称查韦斯音容出现在委地铁美国最新隐身驱逐舰下水 明年秋季开始消息人士称叙化武生产设备销毁工作如期纽约提高香烟禁售最低年龄 未满21不研究证明蝙蝠系非典传播源 病毒可由动小狗被饿三周吃伞充饥 其主人不愿救治男子扮高富帅专门诈骗按摩女 谎称投资巴西里约热内卢社会游民多 5000余媒体曝美全球监听地图 澳大利亚是美监近3成日本大学毕业生3年内离职 疑被美国艺术家创造“糖果肖像”庆祝万圣节法国一名抢劫犯曾为iPod及8欧元抢韩媒:中国学生“弃日择韩” 赴韩留学小米的豪华“国际银团”三星Galaxy O5现身工信部网站别杀我跨境购物大热:电商集体“买遍全球”HTC One A9谍照来了 铝合金笑尿了!马云的第三次“零售革命”疑似Lumia 850获FCC认证 王思聪给狗戴表算哪门子炫富?星际穿越APP:不要温和地走进那个良吴广超:5.29白银月线收官,白银行【THD软装分享】 朴素淡雅纯白软装530式暴跌谁在偷着乐 4低价滞涨股希伯特右膝酸痛,接受医生检查国网公司拟在5年内实现“全国一网”7半导体工艺设备汇总火箭申领得到伊朗前锋卡兹米杨子与陶虹离婚为何11年后才公开(图迈克尔•波特:物联网时代的十大战略安切洛蒂谈五大联赛冠军归属陈光文:中美南海斗狠有哪些国际力量可
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘