0.0°

Android界面设计规范须知

关注

10818 10 68 2018-06-05

上周写了一篇iOS界面设计规范须知，这周就一直想写一篇Android的，感觉这样才比较完整。好吧，我承认我有轻微强迫症！

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

Image title

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

dp：安卓专用长度单位。

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

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

sp：安卓专用字体单位。

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

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

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

Image title

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

Image title

Android英文字体：Roboto

Android中文字体：思源黑体

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

Image title

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

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

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

Image title

全部评论：10条

小梓_xiaozi
2018-08-02 14:29
@张赢月: 可参考iOS（750*1334px）的字号大小
张赢月
2018-08-02 11:08
安卓设计稿720*1280的字号大小多少？
小梓_xiaozi
2018-07-11 15:11
@十二月丶: 你banner图里面的背景及元素如果不是自己画的，就是位图，需要把整个设计稿改成1242*2208的再去切3倍的图
十二月丶
2018-07-11 10:27
@小梓_xiaozi: 切完看着3@的就比较虚
小梓_xiaozi
2018-07-10 16:32
@十二月丶: 你说的切的图变虚了？是你切完图导出后虚了？还是开发把图放上去，图虚了？
小梓_xiaozi
2018-07-10 16:27
@十二月丶: 都说过了啊，要进行微调的
十二月丶
2018-07-10 15:27
@小梓_xiaozi: 这样改完页面里的元素都不是整数了
十二月丶
2018-07-10 14:33
@小梓_xiaozi: 用750的设计稿切3@的banner图变虚了呀，你没有遇到这个问题吗
小梓_xiaozi
2018-07-10 14:21
@十二月丶: banner可以直接切图的，有些banner图里面的文字是开发写的，你只需要切背景。有的字体开发写不出来，就需要你切整张图。具体的可以问一下你们开发哦
十二月丶
2018-07-10 13:57
我想问下banner图怎么搞，是用切图工具切，还是按不同尺寸单独做
小梓_xiaozi
2018-06-06 14:59
@昆特牌: 通常ios设计稿750*1334出来以后，如果要适配安卓，可以直接改图像大小为1080*1920，然后在按照安卓的规范，进行微调。
昆特牌
2018-06-06 11:31
苹果安卓怎么转换呢

发表评论

取消

每人每天仅限5票，快给你心仪的作品鼓励的一票。

投票