画布大小：
如果想制作适合ios的原稿，请新设置分辨率7201280、像素/英寸。
如果要单独设计Android MD新标准，则新设置10801920分辨率72、像素/英寸。
单位和测量Units and measurements
dpi=屏幕宽度(或高度)像素/屏幕宽度)或高度)英寸
dp=(宽度像素x 160 )/dpi
名字
分辨率px
dpi
像素比
样本dp
对应像素
xxxhdpi
2160 x 3840
640
4.0
48dp
192px
xxhdpi
1080 x 1920
480
3.0
48dp
144px
xhdpi
720 x 1280
320
2.0
48dp
96px
hdpi
480 x 800
240
1.5
48dp
72px
mdpi
320 x 480
160
1.0
48dp
48px
字体Typography
中文字体：思源黑体Source Han Sans/Noto ()一个字体，只是称呼不同) )。
英语字体： Roboto
注意：安卓的大小单位是SP
7201280的一般字体大小：
24px、26px、28px、30px、32px、34px、36px等。 记住是偶数。 最小尺寸为20px。
元素
字迹潦草
尺寸
字里行间
字间
App bar
中间体
20sp
蓝牙
中间体
15sp
10
头线
规则器
24sp
34dp
0
标题
中间体
21sp
5
次健康
规则器
17sp
30dp
10
Body 1
规则器
15sp
23dp
10
Body 2
博尔德
15sp
26dp
10
复制
规则器
13sp
20
图标icons
图标的用途
MDPI(160dpi ) )。
HDPI(240dpi )。
XHdpi(320dpi )。
是XHDPI(480dpi )
是XXHDPI(640dpi )
应用图标
48 x 48 px
72 x 72 px
96 x 96 px
144 x 144 px
192 x 192 px
系统图标
24 x 24 px
36 x 36 px
48 x 48 px
72 x 72 px
196 x 196 px
颜色
单位换算
距离单位为DP，字符单位为SP
7201280大小的换算关系1dp=2px，文字1sp=2px。 也就是说，程序员拿到了我们的px单位标注稿，自己除以2的就是dp和sp。
10801920尺寸为1dp=3px，字符1sp=3px
界面小图标的常见大小：
最好记住4的倍数，例如24px、32px、48px等。
请注意，图标的大小统一，看起来与以眼睛看到为中心调整大小相同。 方形比圆形大，需要调整。
图标在线下载网站：
图标网格是所有图标的基准网格，具有特定的组成和比例。 图标由与图标网格对齐的平面几何组成。 的基本平面几何有四种类型，它们具有特定的大小，以确保所有图标都具有一致的视觉效果和比例。
您可以在APP应用程序中使用两个大小相同的图标集：状态栏、一组上下文图标、操作栏和一组桌面图标。
接口上的间距和元素大小：
常见做法：
我把ios的设计稿就这样拿来了。 但是，状态栏、导航栏和选项卡栏如Android所示。
720 x 1280设计文稿大小，传统老式制作，状态栏高度： 48 px，导航栏高度： 96 px，标签栏高度： 96 px
最新的MD规格：
8dp原则网格系统的最小单位应该是8dp，所有距离、大小应该是8dp的整数倍。
按照最新的材料设计规范设计，可以遵循以下公式的规范： (文后有干货大礼包下载) ) ) )。
设计标志，切割：
安装Ps Mirror后，可以使用安卓智能手机实时查看效果。
其他标注工具：
书写时，如果是7201280尺寸的，选择对应的xhdpi；如果是10801920尺寸的，选择对应的xxhdpi。
的图标剪切：
在Cutterman中选中以下选项，并根据需要选择不同分辨率的导出： 通过输出适用于Android平台的各种分辨率的图像、XXHPDI、XHDPI、HDPI等，全部实现输出自动化，从而节省更多与合作伙伴一起玩耍的时间。
界面中重用的资源剪切图需要创建点9的图像。
主要是按钮、单色或半透明的背景块。 图标不需要制作9。
启动图标：
制作10241024尺寸。 Android不要求图标样式。 可以制作各种各样的形状。 一般做方形的没有圆角的东西。 每个手机制造商的定制系统都会自己打圈。
然后，用IconTemplate自动剪切一组图标资源并丢给程序员就可以了。
向程序交接：
界面和文件夹很好。 文件夹包含界面效果图、标记文件图和剪切资源包。
引导页面：
值得注意的是，指南页面的剪切图需要单独设计多套(480800、7201280、10801920 )。 这是Cutterman，不要剪好几套。 这很尴尬。
匹配方法3原则：(未知时在网站上搜索匹配2个字符() ) ) )。
文本流
控件的灵活性
图像等倍变焦
测试接口：
程序实现DEMO版本后，必须在测试机上仔细检查接口问题，及时与程序联系变更。
干货资料：
建议阅读精选文章：
整理：虎哥
登录收藏
你可能喜欢：