UI——day3.IOS设计规范

一.IOS尺寸规范

PPI(Pixels Per Inch)︰像素密度,所表示的是每英寸所拥有的像素数量PPI数值越高,即代表显示屏能够以越高的密度显示图像。从而得出,显示的密度越高,显示器显示的就越真实、越清晰
1)界面规范

不同屏幕规格:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

背景:#f5f5f5 #eeeeee #efeff4

分隔线:1px#000000不透明度10% #dddddd、#cccccc

分隔条:20px

列表高:100-120px

2)图标规范

1)启动图标要求的设计尺寸:1024*1024 圆角180px(系统要求)

​ 主屏幕中的APP图标:120px,半径25px(实际)

​ 默认搜索页显示的APP图标:40px,半径:10px(实际)

​ 设置中的APP图标:58px,半径10px(实际)

​ spotlight搜索中的APP图标:120px,半径25px(实际)

2)功能图标

​ 导航栏中的图标:44px
​ 标签栏/工具栏中的图标:44px

二.IOS文字规范

1)种类:苹方

在这里插入图片描述

2)字号

​ 导航栏:36-38px 主题副标题

​ 正文:28-34px 说明性文字

​ 标签栏:22-24px 提示性文字

3)间距

​ 字间距:默认
​ 行间距:字号*1.3-1.5倍

4)颜色

​ 主文:#333333
​ 副文:#666666
​ 提示文:#999999

Tip:这可以作为调色的基础,然后自己适当微调!!!

三.IOS人机交互指南

1)智能手机传感器
传感器类型功能应用
摄像头相机,扫码
麦克风与声音相关的功能
GPS定位
电子罗盘磁阻传感器,指南针之前其中一个功能,与GPS结合使用,用在出行类AAP中
重力感应器“视频横屏放大”
加速度传感器“摇一摇”“计步”
光线传感器“自动调光”
距离传感器接电话时靠近皮肤时息屏
气压传感器“天气中的海拔高度、气压”
三轴陀螺仪轻微防抖
2)iOS交互指南
交互应用场景
3D触碰重力按压
颜色(见下图)
音频自动连接
认证密码/验证码自动填充
延迟登录(跳过认证)
显示适当的键盘
生物识别登录
数据输入数据选择器
从系统获取信息
通过值列表轻松导航
在文本字段中显示提示
拖放图片拖放
手势(见下图)
多任务处理滑过
拆分视图
画中画
通知应用通知屏蔽
截图三指截屏/截屏悬浮

在这里插入图片描述
在这里插入图片描述

四.Android和iOS的差异

1)导航机制

安卓:应用无顶部左边的返回键,依赖虚拟返回键

IOS:顶部左边的返回键

Tip:全面屏的普及,除了顶部左边的返回键,安卓/IOS都出现了滑动返回

2)界面布局

安卓:操作放在顶部,避免误操作(底部虚拟键的影响)

IOS:操作放在底部标签栏,便于用户操作

3)操作方式

a.安卓:

单项删除:长按

b.IOS:

单项删除:左滑

4)特色

安卓:壁纸自定义/软件小挂件,iOS只能用系统自带的,IOS14之后推出应用小组件

安卓:主题图标

栏,便于用户操作

3)操作方式

a.安卓:

单项删除:长按

b.IOS:

单项删除:左滑

4)特色

安卓:壁纸自定义/软件小挂件,iOS只能用系统自带的,IOS14之后推出应用小组件

安卓:主题图标


版权声明:本文为qq_45801179原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。