Android开发怎么让自己的APP UI漂亮、大方(规范篇一)
2023-09-11 14:18:37 时间
首先,笔者是站立在开发者的角度来看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 Pro] android 禁用和开启四大组件的方法(setComponentEnabledSetting )
- Android API之android.provider.ContactsContract.RawContacts
- bug_ _ _android.app.Fragment$InstantiationException 解决办法
- Android studio 提示“android qemu-system-i386.exe停止工作”
- 熬夜再战Android从青铜到王者-UI组件快速搭建App界面【建议收藏】
- Android【报错】. lang。android.app ClassCastException。SharedPreferencesImpl不能被强制转换为android.content.Shared
- Android报错: exposed beyond app through Intent.getData()
- Android 12.0 系统多个播放器app时,设置默认播放器
- Android 12.0 内置app编译报错编不过的解决方案
- android 9.0 Launcher3修改某个app icon的图标
- android 9.0 Launcher3禁止拖拽app图标到第一屏
- android app 仿小米全面屏手势返回UI样式
- Android 10.0 强制app横屏显示
- android 9.0 10.0 安装低版本app 弹出应用版本过低警告窗
- Android 进入第三方app的某个Activity
- android HttpURLConnection POST,GET请求用法详解
- Android Handler详解
- Android Freeline加速编译App方案 使用和总结
- 【Android Gradle 插件】组件化中的 Gradle 构建脚本实现 ⑤ ( 优化 Gradle 构建脚本 | 构建脚本结构 | 闭包定义及用法 | 依赖配置 | android 块配置 )
- 【Android布局】在程序中设置android:gravity 和 android:layout_Gravity属性
- Android在Android.mk里添加TAG(四十七)
- Android源码编译到/data/app方法(四十二)
- 【PullToRefresh 系列基本用法】 Android装上拉下拉刷新控制具体的解释
- 快速定位 Android APP 当前页面的三种方法(Activity / Fragment)
- Android - 控件android:ems属性
- 从 Eclipse 迁移至 Android Studio
- java.lang.RuntimeException: Duplicate class android.support.v4.app.INotificationSideChannel found in
- android dumpsys命令使用
- Android之Surface/Window/View/SurfaceView区别