问你觉得iOS7为什么要扁平化,扁平化和之前的比有什么优势

苹果首席设计师谈为何会在iOS上选择扁平风格http://ndnews.oeeee.com/html/201306/11/71078.html

在iOS 6之前,拟真设计(拟物化设计)作为图标设计和启动应用时的设计备受重视。说到拟真设计的背景,计算机起初就是通过接近现实来让用户明白其功能的。比如,电子书如果没有设计成木纹风格的书架就无法传达其概念,看到翻页日历才会联 想到日历。在不习惯用计算机的人看来,电脑上的垃圾箱要跟实际丢弃文件这件事接近才容易理解。因此计算机开始采用拟真设计。而如今,数字化已经成熟,原本采用隐喻设计的东西不需要再使用比喻了。在计算机中,电子邮件不断独立发展,已经不需要用以前的隐喻设计来做说明了。如果“硬要”采用以前的隐喻设计,变得过于写实,其本身的视认性就会降低。比如“报刊杂志”的木纹和质感现在已成了多余的信息。对于使用该应用的人而言,想看的是其中的内容,只需要画一条能够识别内容的线即可。现在,整个行业都准备放弃不必要的写实概念。就拿电子书来说,以前曾就翻页时在多大程度上表现出纸张背面投过来的字迹等进行过激烈的讨论。而现在设计电子书的前提不再是隐喻纸质书的背面字迹,如何让用户顺畅地阅读内容才更为重要。现实已经超越了隐喻设计,UI世界不再需要像以前那样模仿现实,而是要建立全新的原始状态(original position)。因此,仅用现有的隐喻设计已经无法表现。比如:iOS 6报刊杂志 就做成了整个书架的样子,而与此相关的设计还有Passbook、备忘录与各种纹理界面拟真设计实例木纹和质感对于接受内容的人而言已成为多余的信息系统设计领导者认为用户已经习惯了触摸屏,所以他们不再需要具有物理外形的按钮。因此我们自由设计的灵活度很大,不必过于拘泥现实世界。我们尝试创建的系统环境不再那么具体化。iOS系统同所有模拟现实世界的外观设计,用更数字化的方式加以呈现,使其对现实世界的依赖越来越少。iOS 7电话邮件图标虽然变得扁平却沿用了iOS 6的图标“电话”图标在iOS 7中为电话机模样,“邮件”图标也沿用了信封的设计。苹果并未放弃以前的iOS用户,iOS 7也是对iOS 6的正常升级,因此还有很多直接沿用和继承的部分。如果变得完全不一样了,就会变成无人了解的世界,因此也有自我模仿和简化的一面。拟物化应用在形象的优势背后,同时也会为用户带来许多不必要的噪音。 Windows 的 Metro 则更直观。在当前人与信息的交互下,我们仅需要一个符号就能理解功能。”如果对比一下 Metro 风格的界面与当前iOS界面我们就能感觉到,虽然 Retina 屏幕让显示效果非常优秀,但整个界面五颜六色,信息噪音非常高。而Metro风格的界面则更“符号化”,界面整洁,并且当我们需要寻找某个功能的时候,能迅速通过这些符号化的图形定位到该功能。因此,从拟物化到扁平化的设计过度,更像是一个人机交互发展的过程,在早期我们需要用相似图形去表现计算机功能,而当互联网渗透进入生活,每个人几乎都已经拥有十年以上的网龄之后,扁平化设计则更佳。这在当前的苹果与微软之间能看到巨大的差异,而谷歌则有点中庸,选择了一种介乎于拟物化与扁平化的设计风格,不提供过多的细节,也不过于简化。从Chrome Logo的变化就能看得出来,原本立体、多细节的Logo 变为扁平化的Logo。

问你觉得iOS7为什么要扁平化,扁平化和之前的比有什么优势的更多相关文章

  1. Atitit usrqbg1834 html的逻辑化流程化 规范标准化解决方案

    Atitit usrqbg1834 html的逻辑化流程化 规范标准化解决方案 常用指令1 ..v-if.v-else指令2 v-for指令3 MVVM大比拼4 常用指令 本来按照Vue文档说明,常用 ...

  2. 窗口 超类化 子类化 HOOK

    body { font-family: Bitstream Vera Sans Mono; font-size: 11pt; line-height: 1.5; } html, body { colo ...

  3. Atitit..组件化事件化的编程模型--(2)---------Web datagridview 服务器端控件的实现原理and总结

    Atitit..组件化事件化的编程模型--(2)---------Web datagridview 服务器端控件的实现原理and总结 1. 服务端table控件的几个流程周期 1 1.1. 确认要显示 ...

  4. atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系

    atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系 1. 服务器控件是可被服务器理解的标签.有三种类型的服务器控件: 1 1.1. HTML 服务器控件  ...

  5. 窗口的子类化与超类化——子类化是窗口实例级别的,超类化是在窗口类(WNDCLASS)级别的

    1. 子类化 理论:子类化是这样一种技术,它允许一个应用程序截获发往另一个窗口的消息.一个应用程序通过截获属于另一个窗口的消息,从而实现增加.监视或者修改那个窗口的缺省行为.子类化是用来改变或者扩展一 ...

  6. 面向UI编程:ui.js 1.0 粗糙版本发布,分布式开发+容器化+组件化+配置化框架,从无到有的艰难创造

    时隔第一次被UI思路激励,到现在1.0的粗糙版本发布,掐指一算整整半年了.半年之间,有些细节不断推翻重做,再推翻再重做.时隔今日,终于能先出来个东西了,这个版本很粗糙,主体功能大概能实现了,但是还是有 ...

  7. atitit.验证码识别step4--------图形二值化 灰度化

    atitit.验证码识别step4--------图形二值化 灰度化 1. 常见二值化的方法原理总结 1 1.1. 方法一:该方法非常简单,对RGB彩色图像灰度化以后,扫描图像的每个像素值,值小于12 ...

  8. Atitit.软件开发的最终的设计 dsl化,ast化(建立ast, 解析执行ast)

    Atitit.软件开发的最终的设计 dsl化,ast化(建立ast, 解析执行ast) 1. 使用js,html 撰写dsl1 1.1. 架构图1 1.2. html2 1.3. Js2 1.4. C ...

  9. Atitit.软件开发的终于的设计 dsl化,ast化(建立ast, 解析运行ast)

    Atitit.软件开发的终于的设计 dsl化,ast化(建立ast, 解析运行ast) 1. 使用js,html 撰写dsl 1 1.1. 架构图 1 1.2. html 2 1.3. Js 2 1. ...

随机推荐

  1. Java环境变量的配置

    1.JAVA_HOMEjdk的路径,我的是安装在C:\Program Files (x86)\Java\jdk1.6.0_182.CLASSPATH .;%JAVA_HOME%\lib\dt.jar; ...

  2. WPF 无边框透明窗体

    WindowStyle="None"--无边框,如果需要其它按钮,如缩小.放大.收缩.关闭按钮,可以自定义 AllowsTransparency="True"- ...

  3. 使用GDB调试程序

    GDB(GNU Debuger)是Linux中的一个功能强大的调试器.GDB可以让你查看程序的内部结构,打印变量值,设置断点,单步调试源码,运行时修改变量值,路径跟踪,线程切换,显示汇编代码等. 编译 ...

  4. ubuntu下怎么给普通用户赋予sudo权限

    ununtu系统安装过程中,系统会提示建立一个默认用户,比如用户名为:zhuhui.这个默认用户具有一定的管理功能,即可以通过sudo命令执行root权限的操作.由于Ubuntu系统默认不允许通过ro ...

  5. Redis学习资源

    1 redis官方网站 http://redis.io/ 2 redis中文 http://redisdoc.com/ 3 redis的设计与实现 http://www.redisbook.com/ ...

  6. Android欢迎界面

    欢迎界面,最典型的表现: 1.是整个应用的启动界面: 2.没有标题栏: 3.几秒之后才进入主界面. 所以实现上面3点,一个最基本的欢迎界面就做出来了. 首先,新建一个Activity,命名为Splas ...

  7. ELF Format 笔记(十四)—— 段内容

    ilocker:关注 Android 安全(新手) QQ: 2597294287 一个段 (segment) 由一个或多个节 (section) 组成,但这对 android linker 是透明的, ...

  8. Linux下磁盘挂载

    公司硬盘不够用了,新买了一个存储,需要挂载到现在的系统上.前期的步骤就不说了,运维全部搞定,无非是硬件和网络那一套,这里只说分配到本人后在Linux下如何挂载. 具体步骤如下: 1.查看是否已经分配 ...

  9. [WPF系列]-Adorner

      简介 通常我们想对现有的控件,做些修饰时我们就会想到一个装饰模式.WPF中也提供了这样的实现思路:通过将Adorner添加到AdornerLayer中来实现装饰现有控件的效果.如图示:   本来T ...

  10. NopCommerce Alipay 支付插件

    NopCommerce Alipay 支付插件 1.查找及下载NopCommerce Alipay插件 http://www.nopcommerce.com/p/963/alipay-payment- ...