知识点

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