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

扁平化这并不是一个新名词,其实从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的一个形式,个人认为至少是短时间内的一个形式,若干年后会怎么样这一点没有人会知道。

4产品参数对比

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

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

  1. UI实用素材|扁平化UI设计模板,UI设计师都要会!

    在当今信息爆炸的文化背景下,人们每天要通过过手机APP接触巨大的信息流,然后再持续的进行评估.过滤并且再加工,具有认知上的负担,扁平化UI设计更加适合信息碎片化的传递方式. 扁平化的UI设计通过将有效 ...

  2. wpf教程-metro扁平化样式UI控件库推荐:MahApps.Metro

    wpf虽然做出来的ui效果已经很好了,但是还是会有很多客户要求在完善.不如在win8出来后,很多用户就喜欢metro的样式. 今天给大家推荐metro扁平化样式UI控件库:MahApps.Metro ...

  3. Android性能优化(4):UI渲染机制以及优化

    文章目录 1. 渲染机制分析 1.1 渲染机制 1.2 卡顿现象 1.3 内存抖动 2. 渲染优化方式 2.1 过度绘制优化 2.1.1 Show GPU overdraw 2.1.2 Profile ...

  4. Android高手笔记-屏幕适配 UI优化

    Android高手笔记-屏幕适配 & UI优化 屏幕与适配 由于Android碎片化严重,屏幕分辨率千奇百怪,而想要在各种分辨率的设备上显示基本一致的效果,适配成本越来越高: 屏幕适配究其根本 ...

  5. Material Design:为你的 Android 应用提供精美的 UI 体验

    Material Design:为你的 Android 应用提供精美的 UI 体验 介绍 Material Design 概念:介绍 Material Design 是 Google 推出的一种设计语 ...

  6. 基于android os 4.4,nubia UI 2.0 公测发布 基于Android 4.4系统

    简介的图形表达具有非常高的识别性,但仅有这些还不够,我们为图标加上了一些优雅.含蓄的高光,再增加一些45度的长投影,最后为图标的背板增加了一些阴影,一系列简约而不简单,细腻.精致的ICONs就诞生了. ...

  7. android 组件 线程,Android UI线程和非UI线程

    UI线程及Android的单线程模型原则 当应用启动,系统会创建一个主线程(main thread). 这个主线程负责向UI组件分发事件(包括绘制事件),也是在这个主线程里,你的应用和Android的 ...

  8. Android UI线程和非UI线程

    UI线程及Android的单线程模型原则 当应用启动,系统会创建一个主线程(main thread). 这个主线程负责向UI组件分发事件(包括绘制事件),也是在这个主线程里,你的应用和Android的 ...

  9. android中多线程与ui,Android UI线程和非UI线程

    UI线程及Android的单线程模型原则 当应用启动,系统会创建一个主线程. 这个主线程负责向UI组件分发事件(包括绘制事件),也是在这个主线程里,你的应用和Android的UI组件发生交互. 所以主 ...

  10. Android开发之UI线程和非UI线程

    这里又是老生畅谈的话了,前边已经有多篇文章针对线程进行探究解释,Android开发过程中线程的体现更是淋漓尽致.Android开发过程中涉及到的线程从大类上分可以归为两类:UI线程和非UI线程.本篇就 ...

最新文章

  1. ORA-01919: role 'PLUSTRACE' does not exist
  2. 安全的开源Linux Kodachi 5.7 发布啦
  3. GitHub上的编程语言:JavaScript领衔Java次之
  4. php完整验证码代码
  5. LeetCode 42. 接雨水(双指针、单调栈)
  6. Android svg VectorDrawable 动画效果
  7. Django—自定义分页
  8. 8月9日 华为发布了其自研的鸿蒙操作系统,华为正式发布自研操作系统鸿蒙,面向AI全场景...
  9. Django中QueryDict的坑
  10. Excel自动换行、Export2Excel 自动换行
  11. java多线程 - 线程通信
  12. java串口rxtx的若干坑
  13. 超震惊!!微软产品经理每天的工作内容竟然是这个...
  14. 海尔计算机天越Y3的配置,海尔天越Y3S 拉近你与梦想的距离!
  15. 什么是DNS污染?DNS污染怎么办怎么解决?
  16. 淘宝自动确认收货怎么使用Springboot+RabbitMQ实现?
  17. Linux之常见面试题知识点批注(七)
  18. Python深度学习婴儿啼哭声分类识别,测试集准确率67.5%
  19. 【入门】算法初步1 排序
  20. myaql数据库如何建表

热门文章

  1. MaxCompute-ODPS SQL报错:Quota not enough,配额组资源不足
  2. #1_《经典控制理论复习》摘录
  3. iOS计算器:采用NSDecimalNumber 进行表达式的精准计算(计算字符串数学表达式)【案例:折扣计算器(完整demo源码)】
  4. ajax 皇马,历史上最伟大11支球队 西班牙国家队在列 皇马两次入选
  5. ffmpeg生成裸眼3D、伪3D视频
  6. chrome浏览器更新后重新安装配置chromedriver
  7. NTFS分区和FAT32分区区别
  8. 武汉市政府官网转载,长江日报、武汉电视台重磅报道,这场区块链大会厉害了!...
  9. 夕四今晚加班到2点30,而王二还不打算走《打工人的那些事》
  10. 禅与 JavaScript 编程艺术, Zen and The Art of JavaScript Programming