图标与东西的距离为版心距离24px
图标最小是40px
以用户为中心、重体验，轻设计
小间隔为24px
间隔常用的32、40、48px
最小触控范围88px.
1.UI设计师在：北京 上海 广州 深圳
北京个人所得税计算器
Sketch 标注 矢量图
AI 主要做图标
偶数：1pt=2px，为了让画面保持高清。
8像素倍率，为了适配屏幕尺寸，8像素通过换算没有小数点，保证高清。
2.移动端界面认识及设计规范
了解课程关系与UI设计
网页设计规范 网页屏幕适配 网页视觉设计潜规则
网页与移动端的不同：设计不同－思维模式上的转换 交互不同－显示状态上的转换
3.UI设计的工作流程
一个产品开发7个人：UI设计师 产品经理 两个安卓 两个苹果 一个后台维护
移动设备才有APP 安卓是谷歌开发的
4.平台介绍：iOS设备数据统计 乔布斯
安卓设备数据统计 比尔盖茨
UI界面设计规格定论
5.iOS主流机型分辨率数据统计：1136640 1334750
6.状态栏：40px 导航栏：88px 菜单栏（标签栏）：98px
ios 常用的尺寸：1334*750
ppi(物理分辨率)
状态栏高40px (iphone 6)
导航栏高88px
标签栏高98px
7.安卓中重要的信息载体是魔法纸片。
安卓Z轴概念，垂直于屏幕 ，所有元素的厚度都是1 dp （dp是距离单位的意思）。
pt磅
对齐图像元件的好帮手－删格 ，安卓界面汇总最小的间距是8dp（16px）,规范的图像资源尺寸是16dp，24dp,48dp的序列，都可以被8整除，在设计中采用8dp为删格。
8.底部导航栏图标：
移动设备上导航栏上图标的大小应该是48px，图形区域尺寸应该是64px。
安卓的主要设备是 1280720 19201080
安卓主流尺寸： 7201280
ios主流尺寸： 7501334
9.移动端布局规范：
系统默认布局规范： 状态栏 导航栏 菜单栏
界面默认区域尺寸规范：状态栏 导航栏 菜单栏都是默认的规定原生尺寸。
内容布局规范原则
布局规范的目的与分析 ：偶数原则，无小数点原则（导致不清晰），8像素倍率原则（间距问题）。
10.安卓的状态栏：48 导航栏 72、112、150 主菜单90、96
2px＝1pt
布局规范的目的是什么： 让设计更符合程序，适配不同机型，信息还原的更好，画面不失真。
图标距离菜单栏顶部为16. 图标和字的间隔为8px。
常用的适配 方式： 等比缩放、弹性控件、文字流。
注意：图片要高清，图标是矢量图。
设计移动端设计的要点：以用户为中心，重体验轻设计 / 不要让我想 不要让我 / 在正确的场景下突显用户关注为要点。突出产品。
ios设计的风格：扁平化风格
安卓设计的风格：微立体式， 区别：ios常用标签式导航，安卓用抽屉式导航，安卓用物理控件，ios要做返回键，安卓不需要。
做适配：iOS和安卓的系统尺寸不同，重要的是单位的换算，注意保证图片高清，图标是矢量图，保证适配不失真。
