Apple 人机界面指南 文档阅读摘要

对官方文档 Designing for iOS 的翻译,有不当之处请指正

官方文档地址

iOS 体现的主题

  • Deference (顺从,尊重) UI帮助我们来理解内容,并与内容进行交互,但是不会影响内容的展示
  • Clarity (清晰,明了) 无论在那种尺寸下,文本都是容易识别的;头像也是很容易分辨出来的;装饰的小零件也是很精巧并且很合适的;设计的目的是一下就能关注到它的功能
  • Depth (深度) 视觉层次和现实中的运用给与了生命力,增加了人们的幸福感和理解力

无论你是重新设计一个旧的app还是重新做一个新的,考虑用以下的方式来完成工作

  • 首先,看过去的UI的核心功能,并确认他们之间的关联。
  • 其次,使用ios主题来确认UI的主题和他们的用途。用心去思考的添加一些细节和装饰。
  • 最后,确保你的UI能适配所有的设备,因为用户可能会在很多环境下使用它们。

通过这些,准备好挑战之前的设计,提出假设,聚焦于内容和功能等因素来进行决策的

Defer to Content

虽然一个新鲜的,漂亮的UI和流畅的手势是ios应用的亮点,但是用户内容才是他的核心

这里有一些方法来确保你的设计提升了功能并且不影响内容的展示

Take advantage of the whole screen

天气就是一个很好的例子:用漂亮的,全屏的方式描述 定位地点当前天气的信息涵盖了很多重要的信息,用分区的方式展示了每个小时的数据

Reconsider visual indicators of physicaltiy and realism

斜面,渐变,阴影有时会导致较重的UI元素,他们会掩盖内容的显示。然而,聚焦在内容上引导UI发挥一个重要的支持作用才是最重要的

Let translucent (透明的)UI elements hint at the content behind them

透明的元素(比如控制中心)提供了环境来帮助用户可以看到更多的内容是可用的,并且可以发出短暂的信号。在iOS中,透明元素仅仅使在它后面的内容变的模糊-给人一种可以透过纸看到东西的感觉-不会是屏幕的其他地方变模糊

Provide Clarity(清晰)

清晰的展示是确保内容是app中最终要的元素的另一种方式,这里有一些方法来使最重要的内容和功能清晰简单的与用户进行交互

Use plenty of negative space

负空间能使重要的内容和功能更加明显和容易的理解。负空间也可以传达一种平静和安宁的感觉,他可以让一个应用程序看起来更专注和高效

Let color simplify the UI

一种关键的颜色(比如记事本中的黄色)突出了重要的状态信息,巧妙地表明了交互。这也为应用程序提供了一直的视觉主题。内置的应用程序使用了在任何色彩下看起来是都比较好看的纯色,无论是在黑暗还是比较明亮的背景下

Ensure legibility(易读性) by using the system font

Francisco (一种ios系统字体)会动态的调整字符间距和行高以便在任何尺寸下文易于阅读并且看起来不错。无论是使用San Francisco 或者自定义的字体,一定要采用Dynamic Type ,这样当用户选择不同的文本尺寸的时候应用程序可以给出回应

Embrace(拥抱) borderless buttons

默认情况下,所有的状态栏按钮都是无边框的。在内容区域,无边框按钮使用上下文,颜色和文字表明可以交互。当这个按钮有意义的时候,一个内容区域的按钮可以展示一个薄的边框和有颜色的背景来使它变得不同

Use Depth to Communicate

iOS 往往在不同的层中展示内容来传达层级和职位,并帮助用户理解屏幕对象之间的关系

在支持3DTouch的设备上,触摸,peek,pop,和quick 动作可以让用户访问重要的功能而不用离开上下文

通过使用半透明的背景和看起来漂浮在住屏幕上文件夹,将这些内容和屏幕上的其他隔离开

提示项以层的方式展示出阿里,如下所示。当用户使用一个列表时,其他的列表会收缩在屏幕的底部

日历使用一种增强的过渡给用户一种层次和神深度的感觉,当他们滑动来查看年,月,日的时候。在如下展示的滚动的年视图中,用户可以立即看到今天的日期,并可以计划其他日期的任务

当用户选择一个月份,年的视图就会缩放,揭示了月视图。今天的日期仍然会强调。年会显示在返回键处。所以用户会清楚的知道自己在那里,是在哪里进入的,以及如何返回

当用户选择某一天的时候回发生类似的转变:月视图会分裂,将当前的一周推向屏幕的顶端,揭示了当天的小时视图。在每种变换下,日历都强化了年,月,日之前的层级关系

时间: 2024-10-08 13:07:16

Apple 人机界面指南 文档阅读摘要的相关文章

IOS苹果Xcode帮助文档阅读指南

一直想写这么一个东西,长期以来我发现很多初学者的问题在于不掌握学习的方法,所以,Xcode那么好的SDK文档摆在那里,对他们也起不到什么太大的作用.从论坛.微博等等地方看到的初学者提出的问题,也暴露出他们不知道很多他们的疑惑其实在文档里面写的非常清楚.而有时候当他们想从文档去找解决方案的时候,也往往找不到.或者有些人意识到了,阅读文档是学习的好办法,但是不得要领. 中国的技术社区有一个很没意思的毛病,就是技术深了,看不懂骂不知所云,技术浅了,看得懂骂没有技术含量.不过管那么孙子做啥,对于现在可能

苹果Xcode帮助文档阅读指南

本文转自:tinyfool 由 tinyfool 发布于 2013年08月21日 | 更新于 3周前 jackwen lionlee Claud 等6人欣赏. 1人反对. 一直想写这么一个东西,长期以来我发现很多初学者的问题在于不掌握学习的方法,所以,Xcode那么好的SDK文档摆在那里,对他们也起不到什么太大的作用.从论坛.微博等等地方看到的初学者提出的问题,也暴露出他们不知道很多他们的疑惑其实在文档里面写的非常清楚.而有时候当他们想从文档去找解决方案的时候,也往往找不到.或者有些人意识到了,

转:苹果Xcode帮助文档阅读指南

一直想写这么一个东西,长期以来我发现很多初学者的问题在于不掌握学习的方法,所以,Xcode那么好的SDK文档摆在那里,对他们也起不到什么太大的作用.从论坛.微博等等地方看到的初学者提出的问题,也暴露出他们不知道很多他们的疑惑其实在文档里面写的非常清楚.而有时候当他们想从文档去找解决方案的时候,也往往找不到.或者有些人意识到了,阅读文档是学习的好办法,但是不得要领. 中国的技术社区有一个很没意思的毛病,就是技术深了,看不懂骂不知所云,技术浅了,看得懂骂没有技术含量.不过管那么孙子做啥,对于现在可能

基于Nutch&Solr定向采集解析和索引搜索的整合技术指南文档

基于Nutch&Solr定向采集解析和索引搜索的整合技术指南文档 内容来源于开源项目: http://git.oschina.net/xautlx/nutch-ajax https://github.com/xautlx/nutch-ajax 如何阅读本文档 本教程文档原始基于Markdown编写,如果你熟悉Markdown文件及相关工具使用,可以直接通过Markdown阅读或编辑工具查看本教程.md格式文件. 由于Markdown语法暂时没有目录支持,如果希望以目录导航方式查看文档,可参考如下

Git帮助文档阅读笔记----第二章-第二节

查看提交历史 1.查看提交历史 git log 默认不用任何参数的话,git log 会按提交时间列出所有的更新,最近的更新排在最上面 git log 有许多选项可以帮助你搜寻感兴趣的提交 1.  -p选项展开显示每次提交的内容差异 2.  -2显示最近的两次更新 该选项除了显示基本信息之外,还在附带了每次 commit 的变化.当进行代码审查,或者快速浏览某个搭档提交的 commit 的变化的时候,这个参数就非常有用了. 某些时候,单词层面的对比,比行层面的对比,更加容易观察.Git 提供了 

Git帮助文档阅读笔记----第二章-第五节---打标签

本节我们一起来学习如何列出所有可用的标签,如何新建标签,以及各种不同类型标签之间的差别. 列显已有的标签 直接运行 git tag 即可: 可以用特定的搜索模式列出符合条件的标签.在 Git 自身项目仓库中,有着超过 240 个标签,如果你只对 1.4.2 系列的版本感兴趣,可以运行下面的命令: $ git tag -l 'v1.4.2.*' v1.4.2.1 v1.4.2.2 v1.4.2.3 v1.4.2.4 新建标签 轻量级的(lightweight) 含附注的(annotated)(建议

蓝牙4.0核心文档阅读笔记

一.蓝牙技术介绍 蓝牙无线通讯包括两种模式:基础模式(BR, Basic Rate)和低功耗模式(LE, Low Energy). 蓝牙系统包括一个Host和多个Controllers,Host包括在HCI(Host Controller Interface)与应用程序之间,Controller指HCI以下的层.典型的BLE(Bluetooth Low Energy)协议栈结构如下图所示. 二.低功耗蓝牙4.0(BLE)概述 BLE具有两种多路通信方式:频分多址(FDMA,Frequency d

Git帮助文档阅读笔记----第二章

记录每次更新到仓库 工作目录下面的所有文件都不外乎这两种状态:已跟踪或未跟踪 文件的状态变化周期 检查当前文件状态 要确定哪些文件当前处于什么状态,可以用 git status 命令 $ git status 如果当前工作目录中添加了新文件,会显示为未跟踪状态 $ vim README $ git status On branch master Untracked files: (use "git add <file>..." to include in what will

Git帮助文档阅读笔记----第二章-第四--节远程仓库的使用

管理这些远程仓库,以便推送或拉取数据 添加远程库 移除废弃的远程库 管理各式远程库分支 定义是否跟踪分支 查看当前的远程库 可以用 git remote 命令,它会列出每个远程库的简短名字 也可以加上 -v 选项(译注:此为 --verbose 的简写,取首字母),显示对应的克隆地址: 如果有多个远程仓库,此命令将全部列出.比如在我的 Grit 项目中,可以看到: 添加远程仓库 要添加一个新的远程仓库,可以指定一个简单的名字,以便将来引用,运行 git remote add [shortname