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

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

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


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


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 26,507评论 2 237
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,923评论 25 709
  • 本文会不定期更新,推荐watch下项目。如果喜欢请star,如果觉得有纰漏请提交issue,如果你有更好的点子可以...
    天之界线2010阅读 18,736评论 19 153
  • 我没看过冯唐的书,但是这并不妨碍我意淫和手淫。 初一的时候,某一天早上起来裤子和被子湿了一大片的瞬间我特么就明白,...
    隼小雏阅读 4,487评论 0 2

友情链接更多精彩内容