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页面

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

未完待续...

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 205,236评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,867评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,715评论 0 340
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,899评论 1 278
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,895评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,733评论 1 283
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,085评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,722评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,025评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,696评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,816评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,447评论 4 322
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,057评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,009评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,254评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,204评论 2 352
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,561评论 2 343

推荐阅读更多精彩内容