iOS7人机交互界面指南模板.doc

iOS7人机交互界面指南模板.dociOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7 人机界面设计指南
苹果在 WWDC 2013 大会上发布了 iOS 7，新系统一改 5 年来的拟物路线，在乔纳森 ?艾维的主导下，加入了更多的 “扁平化 ”和“极简 ”现代设计元素。
iOS7 系统界面和按钮平面化突显，内置应用图标、解锁画面、主屏幕、通知中心等界面更
多地采用极简元素和新的调色方案，苹果核心复杂立体的真实 “拟物 ”风格完全已被削弱，包括之前的皮革、阴影、木质等设计元素也进行了大大弱化，系统界面更简单、更干净了。
开发者该如何设计应用才能和 iOS 7 系统风格相匹配呢？为此，苹果推出了《面指南》。由腾讯 ISUX 的“弟妇城”同学翻译如下。

iOS

人机界
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7 的革新关键词如下：
遵从：新 UI 更好的帮助用户理解内容并与之互动，但却不会分散用户对内容本身的注意力
清晰：各种大小的文字易读，图标醒目，去除了多余的修饰，重点突出，很好地突显了设计理念
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
深度：视觉层次和生动的交互动作赋予

UI

新的活力，不但帮助用户更好的理解新

UI
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
的操作并让用户在使用过程中感到惊喜
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
无论你是重新设计一个现有的 app 或是重新开发一个， 尝试一下苹果重新设计系统内置 app 的方式：
首先，去除了 UI 元素让 app 的核心功能呈现的更加直接并强调其相关性。
其次，直接使用 iOS7 的系统主题让其成为 app 的 UI ，这样能给用户统一的视觉感受。
纵观全局，以内容和功能为核心来指导设计，从前的设计模式可以先放到一边。
以内容为核心
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
虽然明快美观的 UI 和流畅的动态效果是 iOS7 这里有一些方法，以确保您的设计能够提升您的

体验的亮点，但内容始终是 iOS7
app 功能体验并关注内容本身。

的核心。
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
充分利用整个屏幕。 无需使用边框、底图等等多余的 UI 元素，让内容扩展到屏幕边缘。
天气 app 是最好的例子：漂亮的天气图片充满全屏，告知用户天气情况，同时也很好的呈现了如每个时段气温等等的其他重要信息。
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
iOS7人机交互界面指南模板
尽量减少视觉修饰和拟物化设计的使用。 UI 面板、渐变和阴影有时会让 UI 元素显得很厚重，
致使抢了内容的风头。应该以内容为核心，让 UI 成为