iOS界面交互设计规范

整理用来自用。

概述（ overview）

主题（Themes）主题章节，主要对设计规范整体进行一个介绍，引出清晰，遵从和深度三大设计原则以及美学完整性，一致性，直接操作性，反馈性，隐喻性和用户控制性六大基本特性。
基本界面元素，通过栏（bars），视图（views）和控件（control）组成了三大基本元素
- 栏（bars）当前所在应用中的具体位置，提供导航，还有可能包含按钮或其他可以用来触发功能或交流的元素
- 视图（views）包含用户所最关注的内容，如文本，动画及一些交互元素。支持滚动、插入、删除和排列
- 控件（controls）用户触发功能及传递信息。如按钮，开关，输入框，进度条
UIKit同其他部件框架一样紧密相连，如Apple pay，healthkit，researchkit。

交互（user interface）

3D触摸（3D touch）在ios10之后再x轴，y轴外的另一维度z轴上对触摸交互方式立体化。
- 主屏幕交互。
- 轻压与重压
- 利用轻压视图提供实时，内容丰富的预览
  - 注意事项：
    1. 设计足够大的轻压视图
    2. 统一使用轻压和重压功能
    3. 允许每个轻压视图都能被重压
    4. 避免子轻压视图中呈现按钮式元素
    5. 不要让同一项具备轻压和编辑菜单两个功能
    6. 适当时提供操作按钮
    7. 避免为打开被轻压的项目提供操作按钮
    8. 不要让轻压成为唯一的执行项目操作的操作
辅助功能（accessibility）辅助功能主要为针对小众群体（残障人士）的支持
音频（audio）音频主要讲述声音在不同场景下的不同展现
身份验证（authentication）身份认证主要告诉应用设计人员引导用户进行登录、注册、验证等操作
数据输入（data entry）用户输入时弹出合适的键盘
1. 动态验证
2. 尽可能用选择代替输入
3. 输入栏显示提示以辅助说明
4. 收集完必须信息后才能进行下一步
反馈（feedback）反馈给用户当前应用在做什么事情。引导接下来用户能做的和这么做会产生什么后果
文件处理（file handling）
应用启动体验（first launch experience）
手势操作（gestures）
加载（loading）
特殊情景状态（modality）
导航（navigation）
1. 层级导航
2. 平级导航
3. 内容驱动或体验驱动导航、
4. 永远提供一个清晰的路径
评分与评论（ratings and reviews）
请求许可（requesting permission）
设置（settings）
术语（terminology）
撤销以及重做（undo and redo）

功能（system capabilities）

多任务（multitasking）多任务模式主要体现在大屏设备中，具体表现为滑出（slide over），分屏（split view）及画中画（picture in picture）等模式
通知（notifications）
打印（printing）
快速查看（quick look）
siri

视觉设计（visual design）

动画（animation）
品宣（branding）品牌辨识度
颜色（color）ios中，颜色能够暗示可交互性、增加活力以及提供视觉连续性
布局（layout）布局能够被配置在不同的设备中，自动改变形状和大小
字体（typography）iOS系统字体。字体易读性，清晰性和一致性

栏（bars）

导航栏（navigation bar）导航栏出现在应用屏幕的顶部，状态栏之下，他能实现层级应用界面的导航
搜索栏（search bars）
状态栏（status bars）屏幕顶端出现
标签栏（tab bars）标签栏在应用屏幕底部出现
工具栏（toolbars）工具栏在屏幕底部出现

视图（views）

功能表单(action sheets) 功能表单是响应于控件或动作而出现的一种特定的警报样式
活动视图（activity views）在当前上下文中，活动便是一项任务，如复制，收藏或查找。
警告框（alerts）警告主要用来传递应用程序或设备状态相关的重要信息
集合（collections）一个集合主要用来管理一系列有序的内容集
图像视图（image views）图像视图主要为用来在透明或不透明的背景下显示单个图像或动态图像
地图视图（maps）地图视图允许你在应用内显示地理信息
浮层（popovers）浮层通常是当用户点击屏幕上的某个内容的控制点或区域在其上方出现
滚动视图（scroll views）滚动视图主要用来去浏览文档中的文本
分列视图（split views）
表格视图（tables）干净高效的显示大量信息
文本视图（text views）显示多行文本内容可编辑或不可编辑
网页视图（web views）网页视图可以加载并显示网页内容

控件（controls）

按钮（controls）
编辑菜单（edit menus）包含剪切，粘贴，选择，选择全部以及删除
标签（label）标签用来描述屏幕中的交互元素或提供一个简单的信息
页面控件（page controls）页面控制显示了当前页面在一个页面序列中所处的位置，其以一系列小圆点表示
筛选栏（pickers）一个筛选框包含一个或多个可滚动的含有不同值的列表
进度指示器（progress indicators）使用加载器和进度条，保持动态
刷新控件（refresh content controls）重新加载内容
分段控件（segmented controls）两个或多个片段线性集合为互斥按钮
滑动条（sliders）水平模块主要用来调节音量和亮度
调数器（steppers）加减号用于增加或减少数值。
开关（switches）互斥开关
文本输入框（text fields）通常单行且固定高度。点击时自动弹出键盘。

扩展功能（extensions）

自定义键盘
文件库
主屏幕快速操作
照片编辑
分享及操作
小部件

iOS界面交互设计规范相关推荐

iOS11界面交互设计规范（iOS 11 Human Interface Guidelines）
自初春之际着手翻译<iOS11界面交互设计规范>(英文记<iOS Human Interface Guidelines>),迄今已近半载.断断续续,林林总总:终归曙光初现,也算 ...
产品策划七：App界面交互设计规范
在上篇<策划006-APP界面设计风格>确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计.在细节设计启动前,拉上设计师和安卓前端开发.ios前端开发一 ...
App界面交互设计规范
策划007-App界面交互设计规范字数1805 阅读3544 评论20 喜欢154 交互设计规范在上篇<策划006-APP界面设计风格>确定下来后,产品经理(兼交互设计)还不用着急将所 ...
产品经理从专能到全能——较真的App界面交互设计规范
尺寸分辨率的设计目标 1.掌握APP界面交互设计规范: 2.了解IOS.Android两大系统的设计规范的差异. 前言 APP设计规范指对APP界面进行风格统一,对界面元素的样式.颜色和大小设定统一 ...
移动APP整体策划-007-App界面交互设计规范
交互设计规范在上篇<策划006-APP界面设计风格>确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计.在细节设计启动前,拉上设计师和安卓前端开发.i ...
App界面交互设计规范（转）
在上篇<APP界面设计风格>确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计.在细节设计启动前,拉上设计师和安卓前端开发.ios前端开发一起商议确定设 ...
ios底部栏设计规范_IOS界面设计尺寸标准规范——超级干货
很多IOS APP UI设计稿都是以iphone6为基准的,方便向上适配iphone7的尺寸,也方便向下适配iphone5的尺寸.所以本文也以iPhone6的界面为基准f分享IOS界面设计规范. 1. ...
ios底部栏设计规范_IOS界面设计尺寸标准规范
很多IOS APP UI设计稿都是以iphone6为基准的,方便向上适配iphone7的尺寸,也方便向下适配iphone5的尺寸.所以小编给大家分享iPhone6的界面设计尺寸有哪些规范. IOS界面 ...
经典知识：交互设计规范8大总结！附84页资料：《J 东交互设计规范》
本文3.8K字文末84页"京东APP交互设计规范" 交互设计规范,简单的说就是用来指导设计师和开发者设计产品的一个系统.是对产品界面进行风格统一,对界面元素的样式.颜色和大小设定 ...

iOS界面交互设计规范

iOS界面交互设计规范相关推荐

最新文章

热门文章