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

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

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

处理过程时的鼠标显示 -VB资料 窗口处理技巧大全 -VB资料 窗口事件的发生顺序-VB资料 VB创建不规则窗口 VB创建透明窗体 VB创建位图菜单 VB创建无 Icon 的窗口 打开 Win95 的创建快捷方式窗口-VB资料 打印机技巧 -VB资料 带有历史记录功能的菜单-VB资料 得知目前Mouse所指的Menu Item是哪一个-VB资料 调整 Combo 下拉部分的宽度 -VB资料 对象是使用 TAB 键还是鼠标激活的 -VB资料 防止用户编辑文本框控件中的内容-VB资料 改变 ListIndex而不发生 Click 事件 -VB资料 改变 TreeView 的背景 -VB资料 改变安装向导的背景色-VB资料 改变按钮的文本颜色-VB资料 功能强大的增强列表框 ――VB6控件LISTVIEW使用指南 关闭MDI窗体中所有的子窗体-VB资料 规范设计Windows应用软件菜单-VB资料 VB建立可滚动的视区 -VB资料 VB建立可下拉选择的属性 -VB资料 VB建立无模式窗口 -VB资料 将VB5中的ToolBar变成平面的 将程序从任务列表中隐藏 -VB资料 将我自已的命令加入窗体的控制菜单栏-VB资料 VB利用 UnloadMode 来控制窗体的卸载? VB利用Form_QueryUnload询问使用者是否关闭窗口 利用VB的图片框实现屏幕的滚动 利用VB动态改变Windows显示模式的两种方法 急急急急急!!!!!!!!!!,Band里的内容过长,如何让它自动的分页??? oicq的窗口title怎么为空了?如何得到句柄? session问题! 用dbgrideh控件,如何实现汇总结果的打印 有关ATL的最基础问题 怎样监控icmp包?用自编的程序 急急急急急!!!!!!!!!!,Band里的内容过长,如何让它自动的分页??? 使对话框最小化渐变到托盘区。 各位高手!!我用的是win2000工作组模式,为什么我能访问别人,而别人不能访问我呢??? 有关文件的读写问题。 大家讨论一下内存分配、释放的问题 关于在jsp中运用sqlserver的小问题!!! 怎么样可以将session的存活期限设置成“永远不死”?? 送分题,如何取得一个表的所有字段名? 那里可以下载Wrox系列书的英文版? 无法启动sqlserver的问题. DELPHI中dbgird的语句问题 关于控制动态产生Checkbox,并进行动态控问题 BCB中使用MSComm控件,无法定义动态数组变量,该怎么办?--急啊!在线等待 战神----巴蒂 两个问题! 用ADO访问DBASE数据库 百分求救:关于COM方法的reference参数不返回值的问题 请教各位高手 如何将程序中不同的查询结果写入报表? 怎样自编程序监控icmp包,应该截获什么消息,还是用别的方法? java本地化的问题(各位帮帮我!) 一个关于类型转换的菜鸟问题!! 招聘 Jpeg中FFd9可以有几个? ?????不同窗口中多个参数传递的问题,在线等待中........ 关于 EmbeddedWb 的Mshtml_tlb, SHDocVw_tlb 问题! 各位大虾 帮我翻译一下 急 悲... DBGrid为什么没有数据集记录失去焦点事件? 怎样手动和在程序中更改SEQUENCE的当前值? 怎么结贴子,什么叫FAQ? 关于“软件蓝领”的3个疑惑。 在函数中以引用方式调用结构的问题?给我能给的最高分100 怎样实现随机打印一个数据表的几个子段? 大家看看,这个功能如何实现? 怎样编一个程序读取服务器上的时间? VC工程不能正常打开? Jpeg中FFd9可以有几个? datawidgets简介!简单的问题---“送大伙一点小分” 新人到!!有问题想要问!!! 有谁知道sybase12.5中定义的所有保留字keywords? 为什么我的Tomcat突然找不到Serverlet了 关于报考程序员的问题 请问:一个应用程序发布时需要为每个发布的实例建立一个唯一标识用GUID好不好? 介绍些ActiveX/COM的好书吧! 1.用锤击钉,设木板对钉子的阻力跟钉子在木板中的深度成正比,每次击钉时锤子对钉子做的功相同,已知击第一次时,钉子进入板内1cm,求击第二次时,钉子能进入木板的深度.2.速度为v沿水平方向 怎么跑100米和200米啊?星期三就要比赛了. 地热供暖疑问《不热》我家是电厂统一供暖,5楼,83平 地热3组 把冷山墙.4楼6楼停暖 ,测量出水管温度37°现在室外温度-17°,我家室内温度15度左右,地热已经清洗.气也放了、过滤阀也清洗了.现在 c switch 问个 switch (i) 函数中case后面只能跟常量吗?可不可以这种写法case :i>1 && i=35 &&i 岩土的热物性是什么意思啊 致100米、200米、800米、4*200米运动员 关于c中switch的应用企业发放的奖金根据利润提成.利润I低于或等于100000元的,奖金可提10%;利润高于100000元但低于或等于200000元时,低于100000的按10%提成,高于100000的部分,可提成7.5%;200000 讨论非恒定加热功率以及出现断电的情况下怎么算岩土的热物性,探讨用非恒定的加热功率是否能缩短测试时间, 什么是实验室反应釜?它的作用是什么? 在一个2米高的圆形水池底部开个3厘米的孔装台微型水轮机来发电,能不能带动一台50至100W的发电机呀?我想用家里2米的水池来发电~~ 离子通道与钠钾泵的区别? 最近家里蚊子特别多怎么办哦!求大神帮助 溴化锂机组要多少溴化锂以 200W 大卡 为例 需要用多少溴化锂溶液 不锈钢反应釜的作用(放在烘箱里加热了) 海南的蚊子为什么那么毒?被叮一下就肿起一个大包,隔天都还会痒,讨厌死叻! 远大溴化锂机组报价、双良溴化锂机组报价、LG溴化锂机组报价、开利溴化锂机组报价、三菱溴化锂机组报价 position switch是什么意思 为什么澳大利亚的蚊子这么毒阿大神们帮帮忙 SWITCH的初步认识 code switch是什么意思 家里的蚊子.苍蝇从哪里来?如何才能彻底消灭它们?求大神帮助 如果你家中有乐器,观察一下它是怎样发出声音的,又是怎样改变音调和响度的?具体说一种乐器,具体点行吗?thanks! 吸收式制冷的工作原理是什么 第13频道至第68频道属于微波中的“分米波”,试着算出第68频道的波长范围就知道这个呼称的原因了. 自制乐器,要求能改变响度,音调,能发声.声音改变要比较明显今晚之前要知道 求热电致冷材料的工作原理!不过能不能再说清楚一点呢?n、p半导体我知道,可是原理我还是不清楚啊! 阅读短文,回答问题:为了满足人们对能源不断增长的需要,科学家们设想在空间建立太阳能电站来利用太阳能.这种空间太阳能电站建在地球同步轨道上,其工作过程如图所示.在太阳能收集 通常有几种乐器?每种乐器的发声体是什么?每种乐器怎样改变声调和响度 单层玻璃反应釜如何加热?有人知道吗? 光学波长频率的计算红光在水中的波长和绿光在真空中的波长相等,水对红光的折射率是4/3,则红光和绿光在水中的频率之比为?我要过程,和解释? 下列现象中属于做功使物体内能增加的是:A水蒸气将壶盖顶起 2用火炉给水加热 3钢条在水泥地上摩擦变热 4用太阳能热水器对水加热 单层玻璃反应釜的工作原理是什么啊? 微波属于?,但其波长较短,频率较高. 下列现象中,内能对外做功的是:A.冬天在户外时两手相搓一会儿就暖和B.刀在砂轮的高速摩擦下溅出火花C.在烈日之下柏油路面被晒熔化了D.火箭在“熊熊烈火”的喷射中冲天而起求详解一下D 单层玻璃反应釜的工作原理是什么啊? 书上说:“体系只做体积功而不做其他功时,恒容反应热等于体系热力学能的变化”.那我有个疑问,它说是只做"体积功",做体积功是要变体积的,但又说是"恒容反应热",但"恒容"又是不变体积的, switch 什么意思? 汽车无极变速器(CVT)它的原理是什么? Q(热量)、T(热力学温度)、V(系统体积)、W(功)、ρ(密度),其中属于状态函数的是 下列现象中,由于做功而使物体内能增加的有A,煮开水,水蒸气把壶盖顶起:B 打气筒打气时,筒壁会热起来C 用手来回弯折铁丝,弯折处会烫手D 用锯锯木头时,锯条会变热(简要说下理由,我觉得B 火电厂中什么气体可看作理想气体?什么气体可看作实际气体? 塑胶熔点与阻燃性的关系 下列现象中,利用做功改受内能的是A、晒太阳感到暖和 B、用蒸笼熘冷馒头C、感冒发烧,用冷毛巾敷额头D、插上电的电炉,炉丝烫了 卧式反应釜的加热系统如何做恩?说说啦 牧童这首诗中抓住什么进行描写 switch position是什么意思 应该是溶解度单位.还有这个Ncm3/g?不知道那个3时不是个上角标.n为什么要大写! 举例说明古今声调的关系(文字说明,从古声调至今声调,再从今声调至古声调) 神经细胞钾离子钠离子通道是什么 我400米59秒 800米2分20秒 请问我100米.200米正常应该跑多少?我400米59秒 800米2分20秒 请问我100米.200米正常应该跑多少?我14岁 175cm 60KG注 我短跑不是很厉害 家里地热的问题 供暖我家是复式的房子 家里都是地热 现在发现 一到供暖的时候 楼下的地热就自动过水 自动循环的流动 但是楼上的地热却是都是空气 把空气放出去 就能听到水在流动 钠钾离子通道是不是既有主动运输又有被动运输,那什么时候主动什么时候被动? 若不慎将油汤洒到衣服上,可以用什么办法出去,说明依据的原理-_-|||高一化学.. 离子浓度大小判断,D选项哪里出错呢?.A选项感觉也不对,A选项对吗?麻烦详细解释 蚊子闻到蚊香的气味,是晕?还是死? 汽车变速箱中的齿轮是一档齿轮大还是五档齿轮大? 什么是地热供暖 为什么蚊香熄灭后,蚊子又出现了?蚊香是驱赶蚊子还是杀灭蚊子? 鼓怎样改变音调 音调的单位是如何定义的
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘