《iOS 7 Human Interface Guidelines中文版》读书笔记(2)

来源:互联网 发布:淘宝怎么添加宝贝规格 编辑:程序博客网 时间:2024/05/17 08:21

新浪微博:东门兜

这本书你可以当成checklist,即开发当中的注意事项。仔细查看目录,然后在实际开发过程中再来查看这本书的相关章节(用到的时候)。

目录一:
用户界面设计基础:即我写的读书笔记(一),主要介绍iOS一些基本的界面设计注意事项。
包括:
1、为iOS 7而设计:介绍三种设计理念。
2、iOS应用解析:四类界面元素组件分类。
3、启动和停止
4、布局
5、导航
6、模态情境:模态窗口。
7、交互和反馈
8、动画
9、品牌
10、色彩和字体
11、图标和图形
12、术语和措辞
13、与iOS整合:尽量使用系统组件、设备方向、文档处理、设置。

目录二:
设计策略
包括:
1、设计原则:介绍6种设计原则。
2、从概念到产品:一个产品从无到有。
3、案例研究:从桌面到iOS:介绍Keynote、iOS邮件、iOS的safari的优点。
4、在iPhone 5中运行:iPhone 5的屏幕比以前大了,应该注意什么。(现在又增加了4.7和5.5的……)

目录三:
iOS技术(介绍是什么,怎么用,注意事项等)
包括:
1、Passbook:管理票券。
2、多任务处理
3、路线导航
4、社交媒体
5、iCloud:云存储。
6、App内购买
7、Game Center
8、通知中心
9、iAd 富媒体广告
10、AirPrint:打印。
11、位置服务
12、快速预览
13、声音
14、VoiceOver:为盲人、低视力用户和有学习障碍的用户服务。
15、编辑菜单:选择、剪切、撤销、重做、粘贴等。
16、撤销和重做
17、键盘和输入视图

目录四:
用户界面元素(了解一下iOS都提供了哪些视图)
1、条栏:

[1]状态栏(status bar):显示了设备和当前环境的重要信息。[2]导航栏(navigation bar,顶部栏):能实现不同信息层级结构之间的导航。[3]工具栏(toolbar:包含了对页面或视图中对象进行操作的控件。[4]标签栏(tab bar,底部栏):赋予了用户在不同子任务、视图和模态之间切换的能力。[5]搜索栏:可以接收用户输入的文本并将其作为一次搜索输入。[6]范围栏(scope bar):随搜索栏一起出现,它允许用户定义搜索范围。

2、内容视图:

[1]活动(Activity:一个按钮,比如复制、打印):代表着某个系统提供或自定义的服务操作。[2]活动视图控制器(activity view controller,比如点击分享弹出的视图)[3]精选视图(collection view:比如照片应用):管理项目的有序布局,以自定义的布局呈现。[4]容器视图控制器(container view controller,比如导航视图控制器、   标签视图控制器、分栏视图控制器 for iPad):   以自定义的方式管理和呈现一系列子视图(或子视图控制器)。[5]图像视图(image view):可以显示一张图片或者一系列动态图片。[6]地图视图(map view):可以呈现地理数据,并支持内置[地图]app的大部分功能。[7]页面视图控制器(page view controller):通过滚动或翻页管理多个页面内容之间的切换。[8]弹出窗口(popover for iPad):用户轻点一个控件或屏幕上的一个区域时出现的临时视图。[9]滚动视图(scroll view):能让人们浏览比滚动视图区域更大的内容。[10]分栏视图控制器 for iPad(split view controller,比如iPad的设置页面)[11]表格视图(table view):分为平铺和分组,定义了4种单元格样式。[12]文本视图(text view):可以容纳并显示多行文本。[13]Web视图(web view):显示富HTML内容的区域。

3、控件:

[1]活动指示器(activity indicator,加载条):表示某个任务或进程正在进行中。[2]添加联系人按钮(Contact Add button):让用户将联系人添加到文本框或其他文本视图中。[3]日期选择器(date picker):显示着日期和时间的组件。[4]详细展开按钮(Detail Disclosure button,用在表格中):展示更多详细信息或功能。[5]信息按钮(Info button,和详细展开按钮图标一致,都是一个感叹号):用于app配置信息。[6]标签(label):用于显示静态文本。[7]网络活动指示器(network activity indicator,放置在状态栏上):网络活动正在进行。[8]页码控件(page control):表示打开了多少视图以及当前所见的是哪一个。[9]选择器(picker):用来显示一组数值,用户可以从中选择一个。[10]进度视图(progress view):用于展示有已知持续时间的任务或进程进度。[11]刷新控件(refresh control,下拉刷新):执行用户发起的内容刷新,通常在表格中刷新。[12]圆角矩形按钮(rounded rectangle button):iOS 7中已废弃,换成系统按钮。[13]分段控件(segmented control):一组分段的直线集合,每个分段都显示不同视图的按钮。[14]滑块(slider):允许用户在一个限定范围内调整数值或进度。[15]步进器(stepper):能以常数量来增加或减少某个数值。[16]开关(switch):表现了两种互斥的选项或状态。[17]系统按钮(system button):    iOS 7中,UIButtonTypeRoundedRect已经被UIButtonTypeSystem所取代。[18]文本框(text field):支持用户输入单行的文本。

4、临时视图

[1]警告框(alert):向用户提示会影响他们使用app或设备的重要信息。[2]操作菜单(action sheet):显示着与用户所发起的任务直接相关的一系列选项。[3]模态窗口(modal view):一个以模态形式展现的视图,为当前任务或情境提供自包含的功能。

目录五:
图标和图像设计(要注意的是增加了4.7和5.5的两种版本)
1、图标和图像尺寸
2、应用图标
3、启动画面
4、条栏按钮图标
5、报刊杂志图标
6、Web Clip图标
7、创建可伸缩图像

0 0