文档介绍：腾讯转译,iOS 9人机界面指南(一):UI设计基础
作者: 一网学   最后更新时间:2015-11-07 13:48:05
小编:苹果官方人机指南中文版终于出来了!腾讯isux团队的心血力作,文章将近有2万字,但是质量奇高,翻译得很到位,看再多的设计指南,也没有直接看官方的设计指南有效。作为ui设计师的必读指南,一定要收藏看完哦。后续章节会陆续更新,敬请期待。
 文章索引:
  为iOS而设计
设计跟随内容
保证清晰
用深度层次来进行交流
  iOS应用解析
  适应性和布局
为自适应而开发
在不同环境提供良好体验
使用布局来沟通
  启动与停止
即时启动
时刻准备好停止
  导航
  模态情境
  交互性与反馈
可交互元素吸引用户点击
用户所知道的标准手势
反馈有助于理解
输入信息的方式要简单
  动画
  品牌推广
 颜色与字体
色彩有助于增进沟通
优秀的排版提供清晰的传达
 图标和图形
应用图标
小图标
图形
 术语和措辞
 与iOS的整合
正确使用标准UI元素
弱化文件和文档处理
必要时提供可配置选项
充分利用iOS技术
为iOS而设计(Designing for iOS)
iOS 表现了以下三大设计原则:
遵从(Deference):UI应该有助于用户更好地理解内容并与之交互,并且不会分散用户对内容本身的注意力。
清晰(Clarity):各种尺寸的文字清晰易读;图标应该精确醒目,去除多余的修饰,突出重点,以功能驱动设计。
深度(Depth):视觉的层次感和生动的交互动画会赋予UI新的活力,有助于用户更好地理解并让用户在使用过程中感到愉悦。
无论你是重新设计现有的应用,还是重新开发一个新应用,请基于下列方法进行设计考虑:
首先,去除掉UI元素让应用的核心功能突显出来,并明确之间的相关性。
然后,使用iOS的主题来定义UI并进行用户体验设计。完善细节设计,以及适当合理的修饰。
最后,保证你设计的UI可以适配各种设备和各种操作模式,使得用户在不同场景下都可以享受你的应用。
在整个设计过程中,时刻准备着推翻先例,质疑各种假设,并以内容和功能视为重点来驱动每个细节的设计。
设计跟随内容(Defer to Content)
尽管清新美观的UI和流畅的动态效果都是iOS体验的亮点,但内容始终是iOS的核心。
这里有一些方法可以确保你的设计既可以提升功能体验,又可以关注内容本身。
充分利用整个屏幕。系统天气应用是这个方法的绝佳范例:用漂亮的全屏天气图片呈现现在的天气,直观地向用户传递了最重要的信息,同时也留出空间呈现了每个时段的天气数据。
重新考虑(尽量减少)拟物化设计的使用。遮罩、渐变和阴影有时会让UI元素显得很厚重,导致影响到了对内容的关注。相反,应该以内容为核心,让用户界面成为内容的支撑。
用半透明UI元素样式来暗示背后的内容。半透明的控件元素(比如控制中心)可以提供了上下文的使用场景,帮助用户看到更多可用的内容,并可以起到短暂的提示作用。在iOS中,半透明的控件元素只让它遮挡住的地方变得模糊——看上去像蒙着一层米纸——它并没有遮挡屏幕剩余的部分。
保证清晰(Provide Clarity)
确保你的应用始终是以内容为核心的另一个方法是保证清晰度。这里有几种方法可以让最重要的内容和功能清晰可见,且易于交互。
使用大量留白。留白可以使重要的内容和功能更加醒目、更易理解。留白还可以传达一种平静和安宁的心理感受,它可以使一个应用看起来更加聚焦和高效。
让颜色简化UI。使用一个主题色——比如Notes中用了黄色——高亮了重要区块的信息并巧妙地用样式暗示可交互性。同时,也让应用有了一致的视觉主题。内置的应用使用了同系列的系统颜色,这样一来,无论在深色或浅色背景上看起来都很干净,纯粹。
通过使用系统字体确保易读性。iOS的系统字体(San Francisco)使用动态类型(Dynamic Type)来自动调整字间距和行间距,使文本在任何尺寸大小下都清晰易读。无论你是使用系统字体还是自定义字体,一定要采用动态类型,这样一来当用户选择不同字体尺寸时,你的应用才可以及时做出响应。
使用无边框的按钮。默认情况下,所有的栏