为何UI集体变风格 扁平化是未来主流吗?
出处:中关村 作者: 责任编辑:fanyun 发布日期:2014-02-21
扁平化这并不是一个新名词,其实从2012年的Windows Phone 8移动操作系统问世后就逐渐被人们所认识。虽然个性化的UI设计并没有赢得大众的追捧,但是这却开启了智能手机系统UI设计风格转变的大门,iOS 7系统的发布将这一设计风格推向了高潮,国内外厂商因此纷纷转变设计风格,拟物化被抛弃,被取代的则是各式各样的扁平化。甚至最近新曝光的三星全新“扁平化”TouchWiz UI也让我们不禁思考,难道曾经很多厂商所推崇的拟物化要被“平”的界面风格所取代了吗?扁平化是未来智能手机UI的主流吗?
为何UI集体变风格 扁平化是未来主流吗?
在十九世纪,由于大规模的机械化生产,装饰品被快速及廉价的生产出来,导致商品被过度装饰。这种装饰风一直都没有停下来,而且过度装饰出现在生活中的各个角 落。以我们所熟悉的电脑以及手机来讲,由于显示和样式技术允许设计人员能够创建丰富的视觉界面,导致拟物化设计(软件界面模仿现实世界中的实物纹理)和复 杂样式的过度使用。所以伴随着Android 4.0系统问世以及手机硬件配置的快速提升,拟物化设计被越来越多的人所喜欢,当然大家最喜欢的还是iOS(扁平化之前的版本)的设计。
只有外观设计与界面设计统一才会看起来美(图片引自苹果官网)
苹果作为“拟物化”设计的引领者,曾经拟物化的iOS被发挥到了极致。然而之所以苹果的拟物化会被大众觉得美,并不是单单因为它图标的高光、阴影、立体等效果。个人认为是产品外观设计与系统界面的统一。就以iPhone 4 为例,iOS 4系统的逼真立体拟物化设计与iPhone 4玻璃金属的外观设计搭配在一起,可以说相得益彰,所以人们拿着iPhone 4怎么看都觉得 非常漂亮。换句话说,如果当初的iPhone 4不是玻璃金属的这种设计,换成廉价的塑料材质,你还会觉得拟物化的iOS 4会非常漂亮吗?
苹果的拟物化设计经历三代版本后转变为扁平化设计,这种转变的原因并非是苹果设计师们的突发奇想,而是因为产品设计思路的转变以及人们思想观念的转变。苹果的转变让很多不敢变不想变的厂商也开始做出改变。这里笔者就以个人的理解浅析一下。
1.拟物化的设计是为了让用户了解手机的功能
无论是苹果的拟物化还是其他厂商的拟物化,这种设计都是为了让用户拿到手机看第一眼就能直观的了解各个图标都是干嘛的。看到“人头”就知道这是联系人、看到音符就知道这是用来听音乐的、看到照相机的图标就知道点击这个可以用来拍照......在用户使用智能手机早期,这种拟物化设计越逼真越形象就越能教育用户,所以这也就是为什么前两年我们看到的众多智能手机的UI都是高度拟物化的设计。
Jony Ive:用户不再需要拟物化
作为苹果系统设计的负责人乔纳森·艾维(Jony Ive),在iOS 7被曝出将会摒弃拟物化采用扁平化设计时,他就向《今日美国报》解释了软件设计的思 考过程。“去年11月当我们坐下来探讨iOS7系统时,我们认为用户已经习惯了触摸屏,所以他们不再需要具有物理外形的按钮。因此我们自由设计的灵活度很 大,不必过于拘泥现实世界。我们尝试创建的系统环境不再那么具体化。”从他的回答中不难看出,最初的拟物化更多是因为用户的认知来设计,并非没有想过扁平 化。
2.跟风的背后是相信用户 回归用户体验
扁平化的iOS 7发布后,很多人都持不同意见,有人觉得奇丑无比,也 有人觉得非常赞。但是当争吵纠结短暂过后,大量的苹果用户更新到这一系统。有数据测表明,iOS 7是苹果历代系统中用户更新速度最快的一个版本。基于这 种变化,国内手机厂商在随后的时间内,迅速的做出转变,集体性的摒弃了之前的拟物化,纷纷推出扁平化的UI。个人认为这些做出转变的厂商们,有一些是跟 风,有一些则确实是认识到了扁平化对于用户体验的优势。
扁平化去除了拟物化中的一些高光等效果
近两年各个价位各个品牌的手机层出不穷,几乎人人都在使用智能手机,人们对于智能手机的一些基础功能了然于心,即便不是拟物化的设计,我们也都能知道这个图 标是什么功能。所以这种“跟风”的背后间接的体现出厂商对于用户的一种信任,大部分用户已经不再需要继续“教育”了。用户需要是节省资源回到体验上来。扁 平化将这一部分占用的资源得以释放,让系统有更多的能量去处理其他的事情,让其他功能得到更好的保证,这一点也是用户所期待的。
扁平化的UI会减少UI对系统资源的占用(图片来自DownloadBlog.com)
拟物化的UI好看这一点相信大家都不会否认,但是并非只有这一种形式的才是好看,好看的形式有很多。拟物化的好看背后是大量的特效、大量的图标,因此这种需要耗费系统大量运行资源的设计是对用户体验的一种损伤。
当逼真的纹理、高光、阴影这些元素不再存在后,如何能够即表达本身图标含义的同时又能带给用户美感,这是每一个UI设计师所要思考的。扁平化设计风格与拟物化设计风格这两种风格并非水火不相容,两者之间存在很多的交集。
从 目前的设计理念来讲,扁平化更多的是去掉了该去的一些东西,所以图标看起来不像拟物化那样立体那样有真实感。但是扁平化中的一些绘画元素则并非必须要以抽 象来表达,完全可以使用拟物化中的那些具有形象意义的绘画。这种设计在一些系统UI上我们现在也看到不少,整体看上去同样是非常漂亮的。
扁平化与拟物化可以存在交集
聚焦内容,而不是它的样式和装饰。你可能会认为这点是老生常谈,但有多少次你在网站上看到一个现成的主题?主题是始终建立在虚构内容,所以,就其本质而言, 绝不可能完美的代表内容。虚构文本的主题推动设计师专注于造型和装饰,而不是内容上,因为那里根本就没有内容。只有当你在处理实际的内容时,你才开始真正 将功能和形式有机结合。
个人认为扁平化是一种极简主义的表现形式,但并非全部。所以生硬的套用极简的设计美学,将界面设计的简单而 数字化,时常会是个误区。完全的消除视觉效果,如颜色、不同的背景样式等未必会让界面更容易使用。在某些情况下,这相反的破坏了界面的层次结构和重点,而 之前这些层次结构和重点都是建立在阴影和背景颜色之上的。
所以能够很好的从功能角度出发设计,在扁平的外表下将部分拟物元素很好的融合在一起才会让体验和设计到达统一。拟物扁平化或许才是未来UI的一个形式,个人认为至少是短时间内的一个形式,若干年后会怎么样这一点没有人会知道。
注:评论审核后才能被公开。
相关文章
- [市场动态] vivo已成功注册... 2021-11-30
- [手机·数码] 三星One UI ... 2021-10-13
- [手机·数码] 华为麒麟970芯片... 2017-09-07
- [手机·数码] 下半年智能手机可能... 2017-08-26
- [热点访谈] 星巴克研将在亚洲推... 2015-01-28
- [手机·数码] 三星发布7英寸智能... 2014-06-04
- [手机·数码] 教你如何选购平板电... 2014-05-23
- [手机·数码] 英特尔引领64位平... 2014-05-23
- [手机·数码] 小米的下一个如意算... 2014-03-07
- [都市情感] 致我那段非智能手机... 2014-02-27
- [社会百态] 玩平板利还是弊? ... 2014-02-25
- [手机·数码] 有它谁还要平板 7... 2014-02-24
- [商业·网络] 智能手机和移动应用... 2014-02-21
- [经验之谈] 完美支持呼吸灯提示... 2014-02-21
- [经验之谈] flappy br... 2014-02-21
最新更新
- [促销讯息] 易搜《福建IT行业... 2023-04-21
- [促销讯息] 易搜《安徽IT行业... 2023-04-21
- [促销讯息] 易搜《云南IT行业... 2023-04-21
- [促销讯息] 易搜《福建IT行业... 2023-04-21
- [美容养生] 口腔溃疡的起因不止... 2023-03-29
- [职场入门] 终面技巧丨明明聊得... 2023-03-29
- [职场入门] 应届生离职原因大公... 2023-03-29
- [职场入门] 简历上什么都写只会... 2023-03-29
- [美容养生] 肝脏是否健康,可以... 2023-03-29
- [手机·数码] 8分钟即可充满!传... 2023-03-10
- [职场入门] 关于五险一金,这些... 2023-03-10
- [职场入门] 如何应对校招中的性... 2023-03-10
- [市场动态] 济宁市三项目获省良... 2023-03-10
- [美容养生] 每天总会喝两杯的人... 2023-03-10
- [美容养生] 膳食纤维素益生元功... 2023-03-07
热门点击
- [热点访谈] 易搜《山东IT行业... 2014-04-01
- [名人传记] 董事会该如何订定高... 2014-12-08
- [促销讯息] 易搜《江西IT行业... 2014-07-15
- [促销讯息] 易搜《河南IT行业... 2014-10-24
- [促销讯息] 易搜《福建IT行业... 2014-07-02
- [热点访谈] 易搜《湖南IT行业... 2014-10-18
- [促销讯息] 易搜《四川IT行业... 2014-11-27
- [促销讯息] 看过来看过来!关注... 2014-09-10
- [爆笑囧图] 00年代我们追过的... 2014-09-28
- [热点访谈] 易搜《浙江IT通讯... 2015-01-30
- [手机·数码] 为年终蓄力 十月份... 2013-10-28
- [市场动态] 互联网电视“赛马”... 2013-09-16
- [桌面壁纸] 性感古装美女,亮瞎... 2014-09-16
- [热点访谈] 易搜《浙江IT行业... 2014-08-24
- [热点访谈] 2015年,100... 2015-03-25
评论列表