首页 » 设计基础 » 标注切图 » 正文

2018最新Android端UI设计切图标注办法

发表于: UI设计者 – 一个免费自学UI设计APP · 2017-7-11  · UI设计师投稿  ·  5,307 views  · 

Android端UI设计切图标注办法

 

标注android设计稿时,推荐使用dp和sp进行标注。

images

目前很多设计师对dp和sp这个单位并不理解,所以有些设计师提供安卓设计稿的时候依旧使用px进行标注,这一点去和你的搭档工程师进行沟通,如果不影响他开发以及他能换算清楚的前提下,你可以考虑使用Px,

当屏幕密度为MDPI(160DPI)时,1dp=1px  

当屏幕密度为MDPI(160DPI)时,1sp=1px

像素字号=屏幕密度/160 * sp字号  可以根据这个去算算设计稿中的像素字号标注为sp是多少,比如xHDPI下,36px的字标注为sp就是18sp,以此类推。

 

按照不同的屏幕密度换算,也就是下图所示的意思:
images

android切图选择最大设计尺寸,切图使用cutman等切图提供一套资源

images

选取最大尺寸提供一套切图资源,交给开发工程师处理,适配到各个屏幕密度。

关于最大尺寸选取多少,你需要和你们的安卓工程师沟通,每个安卓工程师对这个问题的结论并不同。

 

iOS的切图有@2x,@3x之分,那么Android的切图根据dpi的不同,其实和iOS的类似,只不过是按照dpi来进行资源文件夹的命名,如下图:
images

根据不同的分辨率进行切图归类,但是你看到了,如果切片特别多,提供5套切图岂不是要累死了?

一般情况下,我们只需要提供3套切图资源就可以满足安卓工程师的适配,分别是HDPI、XHDPI、 XXHDPI 3套切图资源。images

目前我使用的办法就是只提供最大尺寸的切图,交给安卓工程师自己去缩放适配其他分辨率吧,所以和你的搭档沟通一下。

images

其实现在绝大多数公司限于人力物力的限制,没有这么严格的工作方式,基本上就是一个文件夹,命名好了就提供给工程师了。

这里还是提醒各位,没有固定的工作方式和方法,任何方式都是为了提升工作效率而进行的。

 

用cutterman切安卓图片输出的有drawable和mipmap 2个文件夹,给安卓工程师的切图输出文件只需给mipmap-前缀开头的就好。

images

以前用的开发工具,是只有drawable, 没有mipmap的,后来新的开发工具里面才有mipmap这个文件夹,专门用来放png格式的图片的,不过drawable里面还是可以放png图片。

 

提供 UI妹儿 UI设计者APP整理

 

本文链接: http://www.shui-mai.com/2017/07/11/androidduanuishejiqietubiaozhubanfa/
0 like+
«上一篇:

相关文章

2018最新APP Android UI设计规范

2018最新APP Android UI设计规范   设计稿尺寸 从目前...

微信小程序UI设计规范及文档模版

UI设计者整理一下,为方便UI设计师和交互设计师进行设计,...

自学UI切图10分钟-PS自动导出图片

自学UI切图10分钟-PS自动导出图片 PS中可以自动导出图片,...

UI设计师如何高效理解工作职责

一、视觉UI设计与交互设计之间应衔接无缝,即时刷新视觉页...

一款APP,从设计稿到切图(iOS篇)

iOS9使用的西文字体由Helvetica Neue变更为 San Francisco,...

10分钟熟悉APP原型演示工具-Demoo

产品经理或UI设计师以及出交互高保真原型,有需要一款快速...