android ui 扁平化,为何UI集体变风格 扁平化是未来主流吗?

1苹果拟物化是外观设计与界面设计的统一

扁平化这并不是一个新名词,其实从2012年的Windows Phone 8移动操作系统问世后就逐渐被人们所认识。虽然个性化的UI设计并没有赢得大众的追捧,但是这却开启了智能手机系统UI设计风格转变的大门,iOS 7系统的发布将这一设计风格推向了高潮,国内外厂商因此纷纷转变设计风格,拟物化被抛弃,被取代的则是各式各样的扁平化。甚至最近新曝光的三星全新“扁平化”TouchWiz UI也让我们不禁思考,难道曾经很多厂商所推崇的拟物化要被“平”的界面风格所取代了吗?扁平化是未来智能手机UI的主流吗?

600ae8979d311d16ca21a30654179b6c.png

为何UI集体变风格 扁平化是未来主流吗?

在十九世纪,由于大规模的机械化生产,装饰品被快速及廉价的生产出来,导致商品被过度装饰。这种装饰风一直都没有停下来,而且过度装饰出现在生活中的各个角落。以我们所熟悉的电脑以及手机来讲,由于显示和样式技术允许设计人员能够创建丰富的视觉界面,导致拟物化设计(软件界面模仿现实世界中的实物纹理)和复杂样式的过度使用。所以伴随着Android 4.0系统问世以及手机硬件配置的快速提升,拟物化设计被越来越多的人所喜欢,当然大家最喜欢的还是iOS(扁平化之前的版本)的设计。

76a7d504a6c95daeb6b8673df1103de6.png

只有外观设计与界面设计统一才会看起来美(图片引自苹果官网)

苹果作为“拟物化”设计的引领者,曾经拟物化的iOS被发挥到了极致。然而之所以苹果的拟物化会被大众觉得美,并不是单单因为它图标的高光、阴影、立体等效果。个人认为是产品外观设计与系统界面的统一。就以iPhone 4为例,iOS 4系统的逼真立体拟物化设计与iPhone 4玻璃金属的外观设计搭配在一起,可以说相得益彰,所以人们拿着iPhone 4怎么看都觉得非常漂亮。换句话说,如果当初的iPhone 4不是玻璃金属的这种设计,换成廉价的塑料材质,你还会觉得拟物化的iOS 4会非常漂亮吗?

苹果的拟物化设计经历三代版本后转变为扁平化设计,这种转变的原因并非是苹果设计师们的突发奇想,而是因为产品设计思路的转变以及人们思想观念的转变。苹果的转变让很多不敢变不想变的厂商也开始做出改变。这里笔者就以个人的理解浅析一下。

1.拟物化的设计是为了让用户了解手机的功能

无论是苹果的拟物化还是其他厂商的拟物化,这种设计都是为了让用户拿到手机看第一眼就能直观的了解各个图标都是干嘛的。看到“人头”就知道这是联系人、看到音符就知道这是用来听音乐的、看到照相机的图标就知道点击这个可以用来拍照......在用户使用智能手机早期,这种拟物化设计越逼真越形象就越能教育用户,所以这也就是为什么前两年我们看到的众多智能手机的UI都是高度拟物化的设计。

320d1ff641265495b06c6ef03a5e38eb.png

Jony Ive:用户不再需要拟物化

作为苹果系统设计的负责人乔纳森·艾维(Jony Ive),在iOS 7被曝出将会摒弃拟物化采用扁平化设计时,他就向《今日美国报》解释了软件设计的思考过程。“去年11月当我们坐下来探讨iOS7系统时,我们认为用户已经习惯了触摸屏,所以他们不再需要具有物理外形的按钮。因此我们自由设计的灵活度很大,不必过于拘泥现实世界。我们尝试创建的系统环境不再那么具体化。”从他的回答中不难看出,最初的拟物化更多是因为用户的认知来设计,并非没有想过扁平化。

2.跟风的背后是相信用户 回归用户体验

扁平化的iOS 7发布后,很多人都持不同意见,有人觉得奇丑无比,也有人觉得非常赞。但是当争吵纠结短暂过后,大量的苹果用户更新到这一系统。有数据测表明,iOS 7是苹果历代系统中用户更新速度最快的一个版本。基于这种变化,国内手机厂商在随后的时间内,迅速的做出转变,集体性的摒弃了之前的拟物化,纷纷推出扁平化的UI。个人认为这些做出转变的厂商们,有一些是跟风,有一些则确实是认识到了扁平化对于用户体验的优势。

8c32654cfca2c59af20d8f9168cb1ccc.png

扁平化去除了拟物化中的一些高光等效果

近两年各个价位各个品牌的手机层出不穷,几乎人人都在使用智能手机,人们对于智能手机的一些基础功能了然于心,即便不是拟物化的设计,我们也都能知道这个图标是什么功能。所以这种“跟风”的背后间接的体现出厂商对于用户的一种信任,大部分用户已经不再需要继续“教育”了。用户需要是节省资源回到体验上来。扁平化将这一部分占用的资源得以释放,让系统有更多的能量去处理其他的事情,让其他功能得到更好的保证,这一点也是用户所期待的。

e6395b3c9837484b528fa87012b6326e.png

扁平化的UI会减少UI对系统资源的占用(图片来自DownloadBlog.com)

拟物化的UI好看这一点相信大家都不会否认,但是并非只有这一种形式的才是好看,好看的形式有很多。拟物化的好看背后是大量的特效、大量的图标,因此这种需要耗费系统大量运行资源的设计是对用户体验的一种损伤。

当逼真的纹理、高光、阴影这些元素不再存在后,如何能够即表达本身图标含义的同时又能带给用户美感,这是每一个UI设计师所要思考的。扁平化设计风格与拟物化设计风格这两种风格并非水火不相容,两者之间存在很多的交集。

从目前的设计理念来讲,扁平化更多的是去掉了该去的一些东西,所以图标看起来不像拟物化那样立体那样有真实感。但是扁平化中的一些绘画元素则并非必须要以抽象来表达,完全可以使用拟物化中的那些具有形象意义的绘画。这种设计在一些系统UI上我们现在也看到不少,整体看上去同样是非常漂亮的。

8804422a4f29c31eced412e6fb5383ed.png 6f73fbec33073d244408fe16d728b6dd.png

扁平化与拟物化可以存在交集

聚焦内容,而不是它的样式和装饰。你可能会认为这点是老生常谈,但有多少次你在网站上看到一个现成的主题?主题是始终建立在虚构内容,所以,就其本质而言,绝不可能完美的代表内容。虚构文本的主题推动设计师专注于造型和装饰,而不是内容上,因为那里根本就没有内容。只有当你在处理实际的内容时,你才开始真正将功能和形式有机结合。

个人认为扁平化是一种极简主义的表现形式,但并非全部。所以生硬的套用极简的设计美学,将界面设计的简单而数字化,时常会是个误区。完全的消除视觉效果,如颜色、不同的背景样式等未必会让界面更容易使用。在某些情况下,这相反的破坏了界面的层次结构和重点,而之前这些层次结构和重点都是建立在阴影和背景颜色之上的。

所以能够很好的从功能角度出发设计,在扁平的外表下将部分拟物元素很好的融合在一起才会让体验和设计到达统一。拟物扁平化或许才是未来UI的一个形式,个人认为至少是短时间内的一个形式,若干年后会怎么样这一点没有人会知道。

4产品参数对比

苹果iPhone 5S和三星GALAXY S5有什么区别

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值