PX：像素，所有屏显设备的基础单位 --- 相对尺寸（相对于屏幕大小会有变化）
PT：点，印刷的最小单位 --- 绝对尺寸（不受画面大小影响）
ppi：屏幕分辨率，每英寸的像素块越多，显示越细腻
dpi：印刷分辨率，每平方英寸点，点越多越细腻
dp：安卓开发单位（以屏幕密度 --- 安卓各大厂商屏幕不同所以以屏幕密度为准开发的单位）
sp：安卓开发的字体单位（以屏幕密度）
苹果开发使用的字体：中文：苹方黑体 英文数字：San Franciso
安卓开发使用的字体：中文：思源黑体 英文数字：Roboto
常用白色：#ffffff
文字黑色：#333333
文字深灰色：#666666
文字浅灰色：#999999
背景浅灰色：#FAFAFA
背景深灰色：#f2f2f2
边框浅灰色：#dddddd
边框浅灰色：#cccccc
IOS：规范
-------------- 一倍倍率
iphone iphone3g iphone3gs 屏幕分辨率：320px * 480px
状态栏：20px 导航栏：44px 菜单栏：49px
启动图标：57px * 57px 圆角大小：10px
-------------- 二倍倍率 ------ 最小可触控范围：44px * 44px
iphone4 iphone4s 屏幕分辨率：640px * 960px
iphone5 iphone5s iphone5se 屏幕分辨率：640px * 1136px
启动图标：114px * 114px 圆角大小：20px
iphone6 iphone6s iphone7 iphone8 屏幕分辨率：750px * 1334px
启动图标：120px * 120px 圆角大小：22px
状态栏：40px 导航栏：88px 菜单栏：98px
iphone XR 屏幕分辨率：828px * 1792px
状态栏：88px 导航栏：88px 菜单栏：98px 底部滑块：68px
-------------- 三倍倍率
iphone6plus iphone6splus iphone7plus iphone8plus
屏幕物理分辨率：1080px * 1920px
设计与开发分辨率：1242px * 2208px
物理状态栏：54px 导航栏：--- 菜单栏：---
开发状态栏：60px 导航栏：132px 菜单栏：147px
启动图标：180px * 180px 圆角大小：33px
iphone X iphone XS 屏幕分辨：1125px * 2436px （尺寸可以按照苹果倍率等比放大为3倍，点对点，显示效果要优于plus）
状态栏：132px 导航栏：132px 菜单栏：147px 底部滑块：102px
需要开发有横屏效果的产品时：屏幕头部和底部的132px以内不可以放置任何交互内容（安全范围）
iphone X Max 屏幕分辨率：1242px * 2688px
状态栏：132px 导航栏：132px 菜单栏：147px 底部滑块：102px
工作图标切图大小：16px * 16px 120px * 120px 180px * 180px 512px * 512px
大多数UI开发使用的分辨率为苹果二倍：750px * 1334px 少数开发使用的分辨率为苹果一倍：375px宽度
1080是全高清 1920*1080 2K是指视频屏幕宽度像素数量高于两千个像素（如：2048px * 1080px） 4K是指视频屏幕宽度像素数量等于或接近四千个像素
安卓：规范
0.75倍：240px * 320px ldpi
1倍：320px * 480px mdpi
1.5倍：420px * 800px hdpi
2倍：720px * 1280px XHdpi
---- 状态栏：50px 导航栏：96px 菜单栏：96px
3倍：1080px * 1920px XXhdpi
4倍：3840px * 2160px XXXHdpi
安卓的开发单位：切图标注：dp 字体标注：sp 在安卓一倍的分辨率下：1dp = 1px
ios和安卓在设计上的区别：
1.ios在导航栏的左侧有返回按钮 安卓没有（安卓底部系统自带返回按钮或者有实体键）
2.ios界面设计时喜欢将状态栏与导航栏做成一整块颜色 安卓则会分开
3.ios搜索框更喜欢用圆角矩形且半透明效果 安卓喜欢用线条
4.ios信息标签喜欢用左划出现隐藏的删除标记按钮 安卓用长按形式
再大的环境下 两者越来越趋向于一样的设计形式，所以以上区别不绝对
|
|
收藏
淘帖
踩
