- 1、本文档被系统程序自动判定探测到侵权嫌疑,本站暂时做下架处理。
- 2、如果您确认为侵权,可联系本站左侧在线QQ客服请求删除。我们会保证在24小时内做出处理,应急电话:400-050-0827。
- 3、此文档由网友上传,因疑似侵权的原因,本站不提供该文档下载,只提供部分内容试读。如果您是出版社/作者,看到后可认领文档,您也可以联系本站进行批量认领。
查看更多
目 录
(1 ):UI设计基础
1.1 为iOS而设计 (Designing for iOS )
1.2 iOS应用解析 (iOS App Anatomy )
1.3 适应性和布局 (Adaptivity and Layout )
1.4 启动与停止 (Starting and Stopping )
1.5 导航 (Navigation )
1.6 模态情境 (Modal Contexts )
1.7 交互性与反馈 (Interactivity and Feedback )
1.8 动画 (Animation )
1.9 品牌推广 (Branding )
1.10 颜色与字体 (Color and Typography )
1.11 图标和图形 (Icons and Graphics )
1.12 术语和措辞 (Terminology and Wording )
1.13 与iOS的整合 (Integrating with iOS )
本文档使用 看云 构建 - 2 -
(1 ):UI设计基础
(1 ):UI设计基础
译文地址 :腾讯ISUX
译者注 :本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日) ,由
腾讯ISUX设计师翻译整理 ,非发文者一人之作。译文首发于ISUX博客 ,如在阅读过程中发现错误与疏
漏之处 ,欢迎不吝指出。后续章节会陆续更新 ,敬请期待。
本文档使用 看云 构建 - 3 -
1.1 为iOS而设计 (Designing for iOS )
1.1 为iOS而设计 (Designing for iOS )
1.1 为iOS而设计 (Designing for iOS )
1.1.1 设计跟随内容 (Defer to Content)
1.1.2 保证清晰 (Provide Clarity )
1.1.3 用深度层次来进行交流 (Use Depth to Communicate )
iOS表现了以下三大设计原则 :
遵从 (Deference ):UI应该有助于用户更好地理解内容并与之交互 ,并且不会分散用户对内容本身
的注意力。
清晰 (Clarity ):各种尺寸的文字清晰易读 ;图标应该精确醒目 ,去除多余的修饰 ,突出重点 ,以功
能驱动设计。
深度 (Depth ):视觉的层次感和生动的交互动画会赋予UI新的活力 ,有助于用户更好地理解并让用
户在使用过程中感到愉悦。
本文档使用 看云 构建 - 4 -
1.1 为iOS而设计 (Designing for iOS )
无论你是重新设计现有的应用 ,还是重新开发一个新应用 ,请基于下列方法进行设计考虑 :
首先 ,去除掉UI元素让应用的核心功能突显出来 ,并明确之间的相关性。
然后 ,使用iOS的主题来定义UI并进行用户体验设计。完善细节设计 ,以及适当合理的修饰。
最后 ,保证你设计的UI可以适配各种设备和各种操作模式 ,使得用户在不同场景下都可以享受你的应
用。
在整个设计过程中 ,时刻准备着推翻先例 ,质疑各种假设 ,并以内容和功能视为重点来驱动每个细节的设
计。
1.1.1 设计跟随内容 (Defer to Content)
本文档使用 看云 构建 - 5 -
1.1 为iOS而设计 (Designing for iOS )
尽管清新美观的UI和流畅的动态效果都是iOS体验的亮点 ,但内容始终是iOS的核心。
这里有一些方法可以确保你的设计既可以提升功能体验 ,又可以关注内容本身。
充分利用整个屏幕
原创力文档


文档评论(0)