问你觉得iOS7为什么要扁平化,扁平化和之前的比有什么优势
问你觉得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为什么要扁平化,扁平化和之前的比有什么优势的更多相关文章
- Atitit usrqbg1834 html的逻辑化流程化 规范标准化解决方案
Atitit usrqbg1834 html的逻辑化流程化 规范标准化解决方案 常用指令1 ..v-if.v-else指令2 v-for指令3 MVVM大比拼4 常用指令 本来按照Vue文档说明,常用 ...
- 窗口 超类化 子类化 HOOK
body { font-family: Bitstream Vera Sans Mono; font-size: 11pt; line-height: 1.5; } html, body { colo ...
- Atitit..组件化事件化的编程模型--(2)---------Web datagridview 服务器端控件的实现原理and总结
Atitit..组件化事件化的编程模型--(2)---------Web datagridview 服务器端控件的实现原理and总结 1. 服务端table控件的几个流程周期 1 1.1. 确认要显示 ...
- atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系
atitit.组件化事件化的编程模型--服务端控件(1)---------服务端控件与标签的关系 1. 服务器控件是可被服务器理解的标签.有三种类型的服务器控件: 1 1.1. HTML 服务器控件 ...
- 窗口的子类化与超类化——子类化是窗口实例级别的,超类化是在窗口类(WNDCLASS)级别的
1. 子类化 理论:子类化是这样一种技术,它允许一个应用程序截获发往另一个窗口的消息.一个应用程序通过截获属于另一个窗口的消息,从而实现增加.监视或者修改那个窗口的缺省行为.子类化是用来改变或者扩展一 ...
- 面向UI编程:ui.js 1.0 粗糙版本发布,分布式开发+容器化+组件化+配置化框架,从无到有的艰难创造
时隔第一次被UI思路激励,到现在1.0的粗糙版本发布,掐指一算整整半年了.半年之间,有些细节不断推翻重做,再推翻再重做.时隔今日,终于能先出来个东西了,这个版本很粗糙,主体功能大概能实现了,但是还是有 ...
- atitit.验证码识别step4--------图形二值化 灰度化
atitit.验证码识别step4--------图形二值化 灰度化 1. 常见二值化的方法原理总结 1 1.1. 方法一:该方法非常简单,对RGB彩色图像灰度化以后,扫描图像的每个像素值,值小于12 ...
- 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 ...
- 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. ...
随机推荐
- React 性能优化总结
初学者对React可能满怀期待,觉得React可能完爆其它一切框架,甚至不切实际地认为React可能连原生的渲染都能完爆--对框架的狂热确实会出现这样的不切实际的期待.让我们来看看React的官方是怎 ...
- BOOST.Asio——Tutorial
=================================版权声明================================= 版权声明:原创文章 谢绝转载 啥说的,鄙视那些无视版权随 ...
- jq attr()改变checkbox的checked无效!!!!
今天做项目发现用attr()改变checked,实现全选功能的时候发现,第一次点击有效,之后点击全选功能便实效. 一开始以为是自己写错了,在各种碰壁之后,才猛然发现,原来这是jq的一个小bug. 在j ...
- c语言中类型隐性转换的坑
谨记:在C语言中,当两种不同类型之间运算时,低字节长度类型会向高自己长度类型转换,有符号会向无符号类型转换. 举例子如下: #include <stdio.h> void func(voi ...
- /var/log/messages文件监控
近来项目中遇到一个问题,情况是这样的,我们使用ELK中的LOGSTASH来监控LINUX的系统日志文件:/var/log/messages文件,但这个文件默认的权限是600,这样很为难, 我们使用特定 ...
- EF 数据库连接字符串-集成安全性访问 SQL Server
使用 Windows 集成安全性访问 SQL Server 如果您的应用程序运行在基于 Windows 的 Intranet 上,则也许可以将 Windows 集成身份验证用于数据库访问.集成安全性使 ...
- 洛谷P1341 无序字母对[无向图欧拉路]
题目描述 给定n个各不相同的无序字母对(区分大小写,无序即字母对中的两个字母可以位置颠倒).请构造一个有n+1个字母的字符串使得每个字母对都在这个字符串中出现. 输入输出格式 输入格式: 第一行输入一 ...
- AI方向
普通程序员如何转向AI方向 眼下,人工智能已经成为越来越火的一个方向.普通程序员,如何转向人工智能方向,是知乎上的一个问题.本文是我对此问题的一个回答的归档版.相比原回答有所内容增加. 一. 目的 ...
- Linux 进程间通讯详解五
msgrcv函数 ssize_t msgrcv(int msqid, void *msgp, size_t msgsz, long msgtyp,int msgflg); --功能:是从一个消息队列接 ...
- C# SaveFileDialog的用法(转载)
#region 保存对话框private void ShowSaveFileDialog(){//string localFilePath, fileNameExt, newFileName, Fil ...