专栏名称: 学ui网
欢迎关注学UI网,国内棒棒哒新手学习UI的教程平台!www.xueui.cn。无数新人在这里学习最终找到UI设计工作。
目录
相关文章推荐
生态环境部  ·  部长展示的滤膜上,PM2.5浓度是怎么“称” ... ·  2 天前  
生态环境部  ·  部长展示的滤膜上,PM2.5浓度是怎么“称” ... ·  2 天前  
海南生态环境  ·  送你一朵小红花 | ... ·  2 天前  
Linux就该这么学  ·  国内最流行 8 款网络监控工具,网工必备! ·  3 天前  
51好读  ›  专栏  ›  学ui网

Android界面设计规范须知

学ui网  · 公众号  ·  · 2018-05-28 20:59

正文


封面作者 :Michael Korwin

来源 :小梓的设计笔记(公众号)

作者 :小梓



之前分享过《 iOS界面设计规范须知


接下来,就跟大家分享一下Android界面设计规范吧,希望大家不要嫌我烦,如果有什么意见或建议也可以直接在下面给小梓留言哦!




首先给大家通俗的解释一下dp、sp、px之间的关系,其实和iOS区别不大,只是单位名称变了而已。


dp: 安卓专用长度单位。

以720x1280px ( 320dpi ) 为例,1dp=2px

以1080x1920px ( 480dpi ) 为例,1dp=3px

sp: 安卓专用字体单位。

以720x1280px ( 320dpi ) 为例,1dp=2px

以1080x1920px ( 480dpi ) 为例,1dp=3px


说明: 因为安卓机型特别多,我就不一一列举手机型号了,目前主流机型就是下面这两种尺寸了。现在设计稿一般采用1080×1920px,因为它是现在的主流尺寸,方便适配。





说明: 下面放了一个设计稿 ( 1080x1920px ) 的组件示意图。






Android英文字体: Roboto

Android中文字体: 思源黑体

安卓设计稿的字号大小与iOS差不多,所以设计的时候也不需要特别改动,保持一致就可以的,下面的表格作为参考,具体视情况而定。





说明: 一般图标切图就切两套就可以的(@2×、@3×),也可以切一套最大的的图,然后开放进行缩放适配,所以最好提前和开发小哥哥沟通后再切图。

命名: 模块_功能_控件_状态-xhdpi.png

模块_功能_控件_状态-xxhdpi.png










两本书内容不重复,从0基础到进阶

复制这条信息¥kLX80EdITS4¥后打开手淘

加QQ群:751251734
领取书中案例PSD源文件









请到「今天看啥」查看全文