UI——day3.IOS设计规范

2024-05-08 10:47:46

一.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之后推出应用小组件

安卓：主题图标

UI——day3.IOS设计规范相关推荐

android和ios ui 规范,iOS和安卓设计规范的10个不同点
iOS设计规范围绕一个核心,就是"模态" 安卓设计规范如果总结成一句话,就是"任何地方均可点击" 区别iOS和Android设计的10个不同点: 1. 如何全局 ...
ios底部栏设计规范_2016年全新Apple iOS设计规范指南！
原标题:2016年全新Apple iOS设计规范指南! iOS推出很多年,已经升级到iOS9!现在Apple还推出了一款全新的字体苹方(san francisco),3D Touch和iPad分屏多任 ...
UI导航栏设计规范及注意事项有哪些？
UI导航栏设计规范及注意事项有哪些?设计不仅凸显了产品的主次,并引导用户行为,就拿文章来说,标题显得很重要,UI设计也是一样,有了导航栏之后才有灵魂,这样用户在使用的过程中就会更加明确.所以我们今天就 ...
iOS设计规范、切图规范与需求
iOS设计规范.切图规范与需求最后更新于 2016年1月22日一.设计规范 1. 常见iPhone尺寸与分辨率等设备尺寸分辨率(px) 分辨率(pt) 状态栏高度(20pt) 导航栏高度(4 ...
iOS开发UI篇—IOS开发中Xcode的一些使用技巧
iOS开发UI篇-IOS开发中Xcode的一些使用技巧一.快捷键的使用经常用到的快捷键如下: 新建 shift + cmd + n 新建项目 cmd + n 新建文 ...
IOS图标 HTML规范,最新iOS设计规范八｜3大图标和图像规范（Icons and Images)
编辑导语:了解iOS操作系统对互联网应用开发者来说十分重要,对其有所了解,将有助于产品工作的推进,并进一步保证用户体验的优化.上篇文章里,作者对iOS系统中的视觉规范作了介绍.本篇文章作者继续对图标和 ...
android与苹果的设计规范,Android及IOS设计规范简介
什么是交互设计规范? 就是交互设计的统一规则,对设计风格.设计规则的约定.页面怎么布局?使用何种控件?等等为什么需要设计规范? 快速实现产品设计统一用户在平台当中的行为习惯,就如同在交通系统中,红 ...
unity android模糊ios清晰,Unity NGUI UI 在iOS端的锯齿、模糊、颗粒感问题
一般我们在Unity项目中,都是美术给到图片,然后程序直接导入Unity,Android端给图片设置为 RBGA Compressed ETC2 8bit,iOS端给图片设置为 RBGA Compre ...
ios设计规范（下）
5.视觉设计(Visual Design) 5.1适应性和布局(Adaptivity and Layout) ⼈们总是希望他们的所有设备,随时随地都能使⽤他们喜欢的App.在iOS中,界⾯元素和布局能 ...
猫猫学IOS（六）UI之iOS热门游戏_超级猜图
猫猫分享,必须精品素材地址:http://blog.csdn.net/u013357243/article/details/44539069 原创文章,欢迎转载.转载请注明:翟乃玉的博客地址:ht ...

最新文章

热门文章