APP栅格规范:
Android界面的最小间距是8dp(16px),而规范的图像资源尺寸为16dp,24dp,32dp,48dp的序列均可被8整除,采用8dp为栅格
ios主流级型分辨率:1136640 (5s,5) 1334750(6s,6)
[常用重要] 2208*1242(plus)
安卓的单位名称:dp距离的单位;sp字号 / iOS的单位名称:pt磅
布局规范的目的:更符合程序、不同机型适配过程,信息还原的更好,画面不失真
组件适配原则
手机端菜单栏文字:最小18px(常用20px),英文20px
图标icon:最小40px*40px;菜单栏下最小icon48px*48px
安卓与ios最大的区别,安卓有物理控件(返回),ios没有
一级导航“菜单栏”:有5种形式
1.标签式导航(ios常用模式),直观了解当前位置,快速切换,直观了解当前页面的功能
2.抽屉式导航(安卓常用),一般是隐藏的,可以放很多东西,但是切换很不方便
3.下拉式导航:顶部或底部弹出页面(手机通知)
4.点聚式导航:点击左下按钮打开,再次点击收起
5.桌面式导航:可扩展性好
二级导航:3种
1.tab式导航:图片2-4跳转页面 文字5-7当前页面切换 可用下拉箭头,图片页面跳转,文字切换效果
2.列表式导航:设置里居多,通栏带图标
3.左右幻灯片式导航:需要添加动画来增添乐趣
安卓的设计风格:微立体 / 苹果的设计风格:极简
ios没有物理控件(没有返回键) / 安卓下方有物理控件(返回按钮)
ios设计:下拉式导航 / 安卓设计常用抽屉式导航
常用标题字号:20,28,24
最小触控范围:88px,7mm
大间隔,隔功能:40常用
小间隔,隔相同功能中的信息:小功能:24,大功能:40
数字最小18px,汉字最小20px;
安卓
导航上一排文字:36px(标题)、34px(返回),两�(三)排文字28px
内文:34(标题),28
iOS中图标最小2px,下线(长的)1px,下划线4px
图标:没点击2px;点击3px,
面是正,线是负
分栏(斑马线):分功能 / 分割线:分内容
最小图标:40*40;
图标与图标距离:24px、或一个图标的距离
图标与文字距离:16+(返回按钮与文字)
栏高一定大于88px+(因为点击大小最小为88