UI——day3.IOS设计规范

一.IOS尺寸规范

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

不同屏幕规格:

UI——day3.IOS设计规范_第1张图片
UI——day3.IOS设计规范_第2张图片
UI——day3.IOS设计规范_第3张图片
UI——day3.IOS设计规范_第4张图片

背景:#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)种类:苹方

UI——day3.IOS设计规范_第5张图片

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触碰 重力按压
颜色 (见下图)
音频 自动连接
认证 密码/验证码自动填充
延迟登录(跳过认证)
显示适当的键盘
生物识别登录
数据输入 数据选择器
从系统获取信息
通过值列表轻松导航
在文本字段中显示提示
拖放 图片拖放
手势 (见下图)
多任务处理 滑过
拆分视图
画中画
通知 应用通知屏蔽
截图 三指截屏/截屏悬浮

UI——day3.IOS设计规范_第6张图片
UI——day3.IOS设计规范_第7张图片

四.Android和iOS的差异

1)导航机制

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

IOS:顶部左边的返回键

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

2)界面布局

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

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

3)操作方式

a.安卓:

单项删除:长按

b.IOS:

单项删除:左滑

4)特色

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

安卓:主题图标

栏,便于用户操作

3)操作方式

a.安卓:

单项删除:长按

b.IOS:

单项删除:左滑

4)特色

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

安卓:主题图标

你可能感兴趣的:(UI设计,ui设计)