首先,笔者是站立在开发者的角度来看UI设计的,欢迎专业人士提供指导,很少说,来看怎么把UI设计和开发高效结合起来~html
1、约定APP开发中的一些规则web
一、大部分图标知足HDPI(高清)便可,好比:大众点评首页的右上角图标,尺寸大体在48*48px左右微信
二、通常提供1280*720px的尺寸便可,最多见的适配模式学习
三、还有种图标,不少界面复用且图标中等偏大(80px及以上左右),他们在常规手机、平板,小尺寸手机上面须要适配,因此须要多种尺寸的图标,如:微信底部的tab菜单图标,通常设计的尺寸要3套,HDPI、XHDPI、XXHDPIui
四、点九格式图片,这个对于规则且对称性较好的按钮,图标最实用,解决了只须要作一套便可兼容各个尺寸的问题,好比:微信的聊天界面的聊天气泡,看一个效果(能够无限拉伸,解决屏幕适配的问题,不过也局限拉伸区域只能填充一种颜色,不规则的不适用):设计
学习连接:http://www.ui.cn/detail/48906.htmlhtm
五、通常图标均须要压缩,若PS设计,须要导出web格式的png最好,手机存储空间是很宝贵的。通常状况下小图标几百字节到10KB左右。blog
六、命名方式:通常背景图片以bg_+[模块或功能英文],通常图标命名:ic_+[模块或功能英文] ,其他的命名方式:[模块或功能英文]。有一个好的借鉴方式:把大众点评的apk下载到电脑,把后缀apk改成zip,而后解压缩,找到目录:~\dazhongdianping_9201\res\drawable-hdpi-v4查看图片
七、设计出结果的文件存放位置:效果图分一个单独文件存放;图标能够单独一个文件夹存放(若图标较多,则分类HDPI、XHDPI、XXHDPI存储),方便研发同事更新。ip