786| 3
|
iOS人机界面指导手册 129页人机界面指导精华手册 做IOS开发的应该看看 |
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 金币 才能浏览
| |
发表于 2023-11-13 00:33:47
|
显示全部楼层
| ||
发表于 2023-11-13 09:17:18
|
显示全部楼层
| ||
发表于 2024-3-18 16:41:28
|
显示全部楼层
| ||