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图上面和左面的点,是拉伸区域。右面和下面的线是内容展示区域。

yang, xiaoyun

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: