Android的设计规范

 

一：安卓的分辨率

480X800（已经淘汰） 720X1280 1080X1920

 

二：安卓中的字号单位（SP）

为什么要用SP单位：为了能在不同的分辨率中自适应大小

SP：一般用偶数

字体大小：12SP 14SP 16SP 18SP …. 24SP

三: 安卓中的距离单位（DP）

长和宽都用DP来表示，不同的手机分辨率有不同的单位换算

 

四：720X1280规范

状态栏：50PX（高度）X720px(宽度)

导航栏：96PX（高度）X720px(宽度)（标题文字：36PX）

标签栏：96PX（高度）X720px(宽度)

虚拟键：96PX（高度）X720px(宽度)

五：1080X1920规范

状态栏：70PX（高度）X1080px(宽度)

导航栏：144PX（高度）X1080px(宽度)（标题文字：54PX）

标签栏：144PX（高度）X1080px(宽度)

虚拟键：144PX（高度）X1080px(宽度)

六：安卓字体

英文字体：Roboto 中文字体：Noto(思源字体) 安卓手机的默认中文字体都是droid sans fallback，是谷歌自己的字体，与微软雅黑很像，

七：启动图标大小适配

LDPI ，其图标大小为 36 x 36 px。

MDPI ，其图标大小为 48 x 48 px。

HDPI，其图标大小为 72 x 72 px。

xhdpi ，其图标大小为 96 x 96 px。

图标设计尺寸：1024X1024PX

八：标注设计图

标注的作用

为了让软件开发工程师绘制的UI界面和设计图尽量保持一致

标注的内容？

1. 文字大小、颜色、字体
   
2. 模块之间的距离
   
3. 元素之间的距离
   
4. 模块的宽高
   
5. 元素的宽高
   
6. 背景色、模块颜色
   
7. 元素和模块的位置
   

   标注方法
   

8. 手动标（在ps里标注）
   
9. 马克鳗
   
10. 像素大厨
    
11. Assistor PS
    

    九：切图
    

    切图的内容
    

12. 所有的图标
    
13. Banner
    
14. 所有的商品图
    
15. 圆角矩形的底板
    
16. 渐变的背景
    
17. 自定义的控件（搜索框、开关）
    
18. 启动页（1、整体一张图片 2、logo单独切出来）
    
19. 引导页（按钮单独切）
    

    十：IOS和安卓切图
    

20. 手动切
    
21. 像素大厨切
    

    1、用PS打开要切图的PSD文件
    

    2、点击编辑（菜单）—远程连接，启动远程连接，并且输入6位数密码，确定
    

    3、打开像素大厨，点击右上角的切图工具
    

    4、输入刚刚在PS中确认的6位数密码，点击开始使用按钮
    

    5、选择IOS平台，选择设计图是基于@2X设计的还是@3X设计的
    

    6、选择好要输出分辨率资源
    

    7、设置好保存的路径，并点击切所选图层按钮
    

    十：标签栏的两种切法
    

    
    1、只切图标
    

    

    为了保证图标切出来都一样大，可以在像素大厨里面设置修改尺寸
    

    2、把图标和文字一起切
    

    

    不管用什么方法切图切好后，要放到真机中测试，根据实际情况再做微调
    

    点9切图
    

    点9切图是给安卓使用的，一般切圆角矩形的按钮。
    

    点9图的作用
    

    用一张.9图适配各种分辨率
    

    点9图上面和左面的点，是拉伸区域。右面和下面的线是内容展示区域。