提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
app的切图和标注的分享~
希望这篇文章能对大家有所帮助~
要切图标注,首先的知道设计图尺寸,一般ios用750*1334,安卓用1080*1920尺寸。
iphone4-iphone7 retina屏 图标切图后缀@2x(640*960 640*1136 750*1334)
iphone6 plus-iphone7 plus retina屏 图标切图后缀名@3x(1242*2208)
ios切图提供俩套@2x和@3x的
安卓 hdpi:240ppi(480*800)
xhdpi:320ppi(720*1280)
xxhdpi:480ppi(1080*1920)
安卓切图没有后缀名如果要加横杆最好用“_”下划线,不要用“-”为什么我忘了,别用就是了。
跟了好几个项目了,安卓切图到底提供几套我还真不知道,反正开发要几个我就给几个,现在这个项目就要一个xxhdpi的我就提供一套了。
下面告诉大家我用的标注神器和切图神器~
下面告诉大家我用的标注神器和切图神器~
下面告诉大家我用的标注神器和切图神器~
PxCook 像素大厨:http://www.fancynode.com.cn/pxcook 下载地址
Cutterman:http://www.cutterman.cn/zh/cutterman 下载地址
下面简单说一下标注和切图,我最开始的时候没人教现在分享在这里,希望能帮助到需要帮助的像我一样的小白。
你说这标注都需要标什么
*标注元素与元素之间的距离。
*标注文字的字号颜色
*标注图标,图片,按钮大小
*标注背景颜色和线的颜色
(有的按钮是 程序员用代码画的,你也需要把颜色大小标注出来,还有按钮的圆角是多少,标注的时候标偶数不标奇数。)
知道都标什么了,下面就可以把像素大厨打开,然后再软件里打开PSD源文件
在像素大厨里标注(我在这里就不教像素大厨怎么用了,很简单的一学就会)
标注好例如下图,也可以直接在像素大厨里转换成dp和pt,就可以交给程序员小哥哥了。
下面开始说切图~
Cutterman安装好之后,打开psd文件选中要切的元素按照cutterman切图的方法就好了,非常简单。
安卓的切图我一般用xxhdpi尺寸,这个得和开发沟通一下,全部切也很好切,只要你做的是矢量的就不会失真。
ios就用2x和3x就可以了。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册