IOS
尺寸:320-480 640-960 640-1136 750-1134
40px状态栏status : 信号、运营商、电量
88px导航栏navigation :当前界面名称、跳转等
98px主菜单栏submenu : 类似于页面主菜单
734px内容区域content :多样性
IOS7中,苹果开始弱化satus的存在,出现status+nav合并的风格
字体:HelvrticaNeue / 黑体
大小:
长文本:26px/30px/32px,34px
短文本:28px/30px/32px
注释:24px/24px/28px
@2x表示视网膜的屏幕
Android
尺寸:480-800 720-1280 1080-1920
status50px
nav96px
sub96px
content1038px
功能键96px
设计原则:
遵从-UI能帮助user理解conten并互动,不分散内容本身注意力
清晰:文字大小易读、图标醒目、去除多余修饰、突出重点
深度:视觉的层次与交互