2021-08-10 iOS14设计规范注意要点总结

最近工作需要，要总结iOS设计要点，因此将我的总结发表如下：

一 启动

1.尽量避免使用闪屏或其他启动操作，用户可立即使用是最好的体验

2.尽量避免启动时让用户设定或录入信息

3.尽量让用户晚一点登录

4.尽量避免新手指引，只给用户最必须的指引

5.不要太早让用户评分

二 导航

1.导航的三种结构，层级/扁平/内容驱动

2.用户应该清楚自己所在的位置

三 模态情景

1.尽量避免使用模态情景

2.模态情景应简单/简短/高度聚焦

3.始终提供明显/安全的推出模态情景的方式

四 交互和反馈

1.为暗示交互性，可使用一些设计线索，包括点击的反馈/颜色/位置/上下文/表意明确的图标和标签，并不需要过于修饰元素来向用户展示可交互性

2.避免对交互控件和非交互控件采用同一颜色

五设计原则

一致性

与iOS标准一致；应用内部同一；与先前的版本一致

六 原型和迭代

在投入工程资源实现设计之前，最好对原型进行用户测试

七 UI元素简介

7.1栏

7.1.1状态栏

1.不要创建自定义状态栏

2.避免滚动内容直接透过状态栏显示

3.避免在状态栏后叠加会分散注意力的内容

4.隐藏状态栏时要甚至慎重（沉浸模式可隐藏）

7.1.2导航栏

1.避免用过多控件填满导航栏

2.当用户到达一个新层级时，导航栏需做出改变

7.1.3工具栏

工具栏中放着用于操作当前屏幕中各种对象的控件

1.工具栏中应放置用户最常用的指令，尽量避免提供用户偶尔会使用到的指令

2.3个以上工具控件考虑使用图标

3.保证工具栏文字按钮之间有足够的间距

7.1.4标签栏

1.标签栏位于屏幕底部，并应保证处于应用任何位置都可用

2.一般而言，使用标签栏组织整个应用的信息架构

3.不要使用标签来让用户执行对于当前应用屏幕内容的操作

4.即时标签当前不可用，也不要将其删除

5.避免让过多标签填满标签栏，最多5个标签

7.1.5搜索栏（注意Android规范无搜索栏）

1.搜索栏获取用户输入的文本，以作为搜索的关键字

2.范围栏与搜索栏共同出现，它让用户可定义搜索结果的范围

7.2 内容视图

7.2.1活动

每个活动标识系统提供的或自定义的服务，比如打印/转发/发送信息

7.2.2集合视图

集合视图用于管理一系列有序的项，并以一种自定义的布局来呈现他们，如照片查看器

1.表格更适用时，不要使用集合视图

2.让视图中的选项更容易选中

7.2.3图片视图

展示一张单独图片，默认状态下不支持用户交互

7.2.4地图视图

允许用户在视图中进行交互

7.2.5浮出层

浮出层是用户点击某个控件或页面某一区域时浮出的，半透明的临时视图

1.一般来说，当用户点击浮出层以外区域时，浮出层消失，并保存浮出层内容

2.让浮出层箭头直接指向其出处

3.确保同一时间内屏幕上只有一个浮出层、

4.不要在浮出层上展示模态视图

5.可能的话，让用户仅点击一下就可关闭一个浮出层并开启下一个浮出层

6.浮出层不宜太大，尤其不能占满整个屏幕

7.2.6滚动视图

滚动视图支持用户浏览尺寸超过滚动视图边界的图片

一般来说，一次只展示一个滚动视图

7.2.7表格视图

表格视图以可滚动的单列多行的形式来展示数据

7.2.8文本视图

始终保持文本的易读性

根据输入内容的类型来指定不同的键盘类型

7.2.9网络视图

即常说的html页面

不要将页面做的类似与小型的网络浏览器

未完待续...