最新消息:文章中包含代码时,请遵守代码高亮规范!

APP切图注意事项【原创】

UI设计 Josie 109浏览 0评论

切图一般是为复杂的项目提供素材,通常情况下,简单的网页,并不需要设计师提供切图。这里讲的切图是针对移动端,移动端分为安卓和iOS两个部分,它们在切图上有相似之处,也有不同的地方。

  1. 切图屏宽—安卓屏幕宽度为720px;iOS屏幕宽度为640px。
  2. 切图数量—安卓通常需要切4套图,分别对应4种尺寸,其中mipmap-mdpi对应宽度为360px*640px的屏幕,mipmap-hdpi对应宽度为540px*960px的屏幕,mipmap-xhdpi对应宽度为720px*1280px的屏幕,mipmap-xxhdpi对应宽度为1080px*1290px的屏幕;iOS通常需要切2套图(因为1倍图对应的是iPhone3,不做考虑),其中2倍图对应iPhone4、iPhone5、iPhone6、iPhone7,3倍图对应iPhone6 plus、iPhone7 plus。
  3. icon切图尺寸—安卓需要切6种尺寸,1024*1024px、512*512px、144*144px、96*96px、72*72px、48*48px;iOS需要切5种尺寸,1024*1024px、180*180px、114*114px、60*60px、57*57px。
  4. 命名规范—所有图标、按钮、背景都要用英文命名,单词之间用下划线隔开,如:btn_home_check、icon_chat_search,注意英文必须小写,并且命名中不能留有空格;一套完整的切图,不能有命名一样的文件。
  5. 切图分类—一套切图下来,文件自然不在少数,按照大家都习惯的方式来进行分类,可以很好地节约时间成本,同时要注意一个文件夹内,不要放太多图标,不方便查找。
  6. 查缺补漏—文件比较多,难免会有疏漏,在完成切图时,进行检查,看看是否有遗漏,一般可选图标会有两种状态,容易遗漏,还有默认图片及相似图标都容易漏切,需要特别注意一下。

以上就是移动端切图的需要注意的几点问题。

转载时请注明出处及相应链接,本文永久地址:http://blog.it985.com/22622.html


pay_weixin
pay_weixin
微信打赏
pay_weixin
支付宝打赏
感谢您对作者Josie的打赏,我们会更加努力!    如果您想成为作者,请点我

您必须 登录 才能发表评论!