查看: 786|回复: 3

iOS人机界面指导手册 129页人机界面指导精华手册 做IOS开发的应该看看

[复制链接]

40

主题

46

帖子

542

积分

Kib

Rank: 3Rank: 3

贡献
0
技术
6
活跃
2
在线时间
3 小时
擅长技术
思科华为
发表于 2016-11-20 17:54:35 | 显示全部楼层 |阅读模式
iOS人机界面指导手册 129页人机界面指导精华手册 做IOS开发的应该看看

用户钟爱那些专门为移动设备设计的 iOS 程序。例如,用户非常希望程序能够与设备屏幕相衬,并且能够响应那些用户熟识的手势。虽然用户可能不知道人机交互设计原则,
诸如“直接操控”“一致性”,但却能觉察的出遵守原则和违背原则的程序之间的差别。
当你开始设计 iOS 程序时,一定要意识到是什么让 iOS 设备如此独特,并且学会使用交
互设计原则,以便用户能爱上你的程序。



目录
第 1 章  简介 ............................................................................................................................... 6
要旨概览: ............................................................................................................................... 6
伟大的 iOS 程序应遵守平台和交互设计原则 ............................................................... 6
伟大的程序起源于简明的定义 ....................................................................................... 6
伟大的用户体验来源于关注细节 ................................................................................... 7
用户期待能在程序中使用苹果的技术 ........................................................................... 7
所有的程序都需要进行部分定制 ................................................................................... 7
第 2 章  平台特点 ....................................................................................................................... 8
无论尺寸如何,屏幕都是最重要的 ....................................................................................... 8
屏幕的方向是会变的 ............................................................................................................... 8
程序响应手势,而非点击 ....................................................................................................... 9
每次只在使用一个程序 ......................................................................................................... 10
可以在“设置”中修改偏好 ................................................................................................. 11
屏幕上“帮助”的效果有限 ................................................................................................. 11
一个程序只有一个窗口 ......................................................................................................... 11
有两类程序运行在 iOS 上 ..................................................................................................... 11
Safari 提供网页界面 ............................................................................................................ 12
第 3 章  人机界面设计原则 ..................................................................................................... 14
美(Aesthetic Integrity) ............................................................................................... 14
一致性 ..................................................................................................................................... 14
直接控制 ................................................................................................................................. 15
反馈......................................................................................................................................... 15
暗喻......................................................................................................................................... 15
用户控制 ................................................................................................................................. 16
第 4 章  程序设计策略 ............................................................................................................. 17
明确程序定义 ......................................................................................................................... 17
1  列举所有你觉得用户会喜欢的功能点 ................................ 17
2  确定你的目标用户 ................................................ 18
3  通过对目标用户的定义筛选功能点 .................................. 18
4  不要就此停下 .................................................... 18
为设备而设计 ............................................................ 19
拥抱 iOS 界面规范 .................................................... 19
确保程序在 iPad 和 iPhone 上通用 ............................................................................. 19
重新考虑基于 web 的设计 ............................................................................................. 20
为任务量身定做界面 ............................................................................................................. 20
原型和重述 ............................................................................................................................. 23
第 5 章  案例分析:移植到 iOS .............................................................................................. 24
从电脑上的 Mail 到 iPhone 上的 Mail ................................................................................ 24
从电脑版 Keynote 到 iPad 版 ............................................................................................... 25
从 iPhone 版 Mail 到 iPad 版 ............................................................................................... 28
从电脑版 Safari 到 iPad 版 ................................................................................................. 32
第 6 章  用户体验指南 ............................................................................................................. 38
3 / 129
关注主任务 ............................................................................................................................. 38
提升用户关注内容的权重 ..................................................................................................... 38
自上而下思考 ......................................................................................................................... 39
让用户有逻辑可循 ................................................................................................................. 39
使用方法明显、易用 ............................................................................................................. 39
使用以用户为中心的术语 ..................................................................................................... 40
减少对用户输入的需求 ......................................................................................................... 41
不要重视管理文件的操作 ..................................................................................................... 41
容许协作和联通 ..................................................................................................................... 42
弱化设置 ................................................................................................................................. 42
品牌宣传要适当 ..................................................................................................................... 43
搜索要反应迅速、结果丰硕 ................................................................................................. 44
要在 App Store 提供精炼的描述 ......................................................................................... 45
精炼......................................................................................................................................... 45
界面元素要一致 ..................................................................................................................... 45
考虑增加真实感 ..................................................................................................................... 46
用绝佳的图片取悦用户 ......................................................................................................... 47
处理好改变方向 ..................................................................................................................... 48
让目标符合手指的尺寸 ......................................................................................................... 50
使用微妙的动画表达 ............................................................................................................. 50
恰当地支持手势 ..................................................................................................................... 51
只在必要的时候要求用户存储 ............................................................................................. 52
让模态化任务表现地暂时且简单 ......................................................................................... 52
立即启动 ................................................................................................................................. 53
随时准备停止 ......................................................................................................................... 54
不要自动退出 ......................................................................................................................... 54
有必要的话,展示许可证或者免责声明 ............................................................................. 54
适用于 iPad:增强交互性(别只增加功能点) ................................................................ 54
适用于 iPad:减少全屏转场 ................................................................................................ 55
适用于 iPad:抑制你的信息层级 ........................................................................................ 55
适用于 iPad:考虑将浮出层用于不同模态的任务 ............................................................ 58
适用于 iPad:考虑将浮出层用于不同模态的任务 ............................................................ 59
第 7 章  iOS 技术使用指南 ...................................................................................................... 60
多任务 ..................................................................................................................................... 60
打印......................................................................................................................................... 61
iAd 富媒体广告 ..................................................................................................................... 63
快速文件预览 ......................................................................................................................... 65
声音......................................................................................................................................... 66
理解用户的期望 ............................................................................................................. 66
定义声音的行为 ............................................................................................................. 67
管理声音冲突 ................................................................................................................. 71
处理远程媒体控制事件 ................................................................................................. 72
VioceOver 和附件 .................................................................................................................. 72
编辑菜单 ................................................................................................................................. 73
4 / 129
撤销和重做 ............................................................................................................................. 75
键盘和输入视图 ..................................................................................................................... 75
位置服务 ................................................................................................................................. 76
本地和推送提醒 ..................................................................................................................... 77
第 8 章  iOS 界面元素使用指南 .............................................................................................. 80
栏 ............................................................................................................................................ 80
状态栏 ............................................................................................................................. 80
导航栏 ............................................................................................................................. 81
工具栏 ............................................................................................................................. 83
Tab 栏 ............................................................................................................................. 84
内容视图(Content Views) ............................................................................................... 85
浮出层(只限 iPad) .................................................................................................... 85
分栏视图(只限 iPad) ................................................................................................ 87
表格视图 ......................................................................................................................... 89
文本视图 ......................................................................................................................... 95
Web 视图 .......................................................................................................................... 96
警告框、操作列表和模态视图 ............................................................................................. 97
警告框 ............................................................................................................................. 97
操作列表 ....................................................................................................................... 100
模态视图 ....................................................................................................................... 102
控件....................................................................................................................................... 104
活动指示器 ................................................................................................................... 104
日期和时间拾取器 ....................................................................................................... 104
详情展开按钮 ............................................................................................................... 105
信息按钮 ....................................................................................................................... 106
标签 ............................................................................................................................... 106
网络活动指示器 ........................................................................................................... 107
页码指示器 ................................................................................................................... 107
拾取器 ........................................................................................................................... 107
进度指示器 ................................................................................................................... 108
圆角矩形按钮 ............................................................................................................... 109
范围栏(Scope Bar) ................................................................................................. 109
搜索栏 ........................................................................................................................... 110
分段控件 ....................................................................................................................... 111
滚动条(Slider) ....................................................................................................... 111
切换器(Switch) ....................................................................................................... 112
文本框(Text Field) ............................................................................................... 112
系统提供的按钮和图标 ....................................................................................................... 113
工具栏和导航栏中使用的标准按钮 ........................................................................... 113
Tab 栏中使用的标准按钮 ............................................................................................ 116
表格等其他界面元素中使用的标准按钮 ................................................................... 117
第 9 章  定制图标和图片指南 ............................................................................................... 117
程序图标 ............................................................................................................................... 118
小图标 ................................................................................................................................... 120
5 / 129
文档图标 ............................................................................................................................... 120
为 iPhone 制作文档图标 ............................................................................................. 121
为 iPad 制作文档图标 ................................................................................................. 122
Web 快捷方式图标 ................................................................................................................ 124
导航栏、工具栏和 tab 栏上用的图标 ............................................................................... 125
登录图片 ............................................................................................................................... 126
为 Retina 屏幕设计画作的技巧 ......................................................................................... 128



购买主题 本主题需向作者支付 2 金币 才能浏览

1

主题

491

帖子

3245

积分

论坛贵宾VIP-永久权限

Rank: 8Rank: 8

贡献
0
技术
0
活跃
610
在线时间
35 小时
擅长技术
思科华为
发表于 2023-11-13 00:33:47 | 显示全部楼层
希望有更多朋友一起学习IT技术

0

主题

656

帖子

4492

积分

Yib

Rank: 10Rank: 10Rank: 10

贡献
0
技术
0
活跃
1052
在线时间
33 小时
发表于 2023-11-13 09:17:18 | 显示全部楼层
非常棒的it论坛,每天来学习新技术

0

主题

384

帖子

2632

积分

Pib

Rank: 8Rank: 8

贡献
0
技术
0
活跃
602
在线时间
23 小时
发表于 2024-3-18 16:41:28 | 显示全部楼层
前排支持一下,感谢分享it教程
使用 高级模式(可批量传图、插入视频等)
您需要登录后才可以回帖 登录 | 立即注册

快速回复 返回顶部 返回列表