Android开发怎么让自己的APP UI漂亮、大方(规范篇一)

首先,笔者是站立在开发者的角度来看UI设计的,欢迎专业人士提供指导,不多说,来看怎么把UI设计和开发高效结合起来~

一、约定APP开发中的一些规则

1、大部分图标满足HDPI(高清)即可,比如:大众点评首页的右上角图标,尺寸大致在48*48px左右

2、一般提供1280*720px的尺寸即可,最常见的适配模式

3、还有种图标,很多界面复用且图标中等偏大(80px及以上左右),他们在常规手机、平板,小尺寸手机上面需要适配,所以需要多种尺寸的图标,如:微信底部的tab菜单图标,一般设计的尺寸要3套,HDPI、XHDPI、XXHDPI

4、点九格式图片,这个对于规则且对称性较好的按钮,图标最实用,解决了只需要做一套即可兼容各个尺寸的问题,比如:微信的聊天界面的聊天气泡,看一个效果(可以无限拉伸,解决屏幕适配的问题,不过也局限拉伸区域只能填充一种颜色,不规则的不适用):

学习链接:http://www.ui.cn/detail/48906.html

Android开发怎么让自己的APP UI漂亮、大方(规范篇一)

5、一般图标均需要压缩,若PS设计,需要导出web格式的png最好,手机存储空间是很宝贵的。一般情况下小图标几百字节到10KB左右。

6、命名方式:一般背景图片以bg_+[模块或功能英文],一般图标命名:ic_+[模块或功能英文] ,其余的命名方式:[模块或功能英文]。有一个好的借鉴方式:把大众点评的apk下载到电脑,把后缀apk改为zip,然后解压缩,找到目录:~\dazhongdianping_9201\res\drawable-hdpi-v4查看

Android开发怎么让自己的APP UI漂亮、大方(规范篇一)

7、设计出结果的文件存放位置:效果图分一个单独文件存放;图标可以单独一个文件夹存放(若图标较多,则分类HDPI、XHDPI、XXHDPI存储),方便研发同事更新。

Android开发怎么让自己的APP UI漂亮、大方(规范篇一)

下一篇:Android开发怎么让自己的APP UI漂亮、大方(配色篇二)

上一篇:使用 JavaScript 编写优化算法 (1)


下一篇:APP UI设计相关的一些链接