设计师需要懂点 Android 的姿势-切图命名
2018-01-20 本文已影响74人
SheepYan9
Android切图的一点常识
-
Android切图尺寸所代表的意义
- Android默认有五种大小规格分别是mdpi hdpi xhdpi xxhdpi xxxdpi
- 尺寸对应关系
| 文件夹 | 尺寸 | 倍数关系 |
|---|---|---|
| mdpi | 480X320 | 1.0 |
| hdpi | 800X480 | 1.5 |
| xhdpi | 1280X720(720p) | 2.0 |
| xxhdpi | 1920X1080(1080p) | 3.0 |
| xxxhdpi | 3840X2160(4k) | 4.0 |
-
如果你想一套图能够即适合iOS又能够适配Android那么请用二倍二倍二倍图来做
为什么呢？
俗称的
iOS 2倍图在iPhone6分辨率上1334X750
Android上2倍图是xhdpi 对应的分辨率1280X720
他们的分辨率是非常接近的，
所以，一倍图就能够最好的适配iOS和Android。
….
请用2倍图做设计稿
请用2倍图做设计稿
请用2倍图做设计稿
-
切图方法规范
- sktch默认自带Android和iOS切图的
- sktch默认自带Android和iOS切图的
-
命名方法规范
- 个人觉得文件命名就应该做到
- 见名知意*
- 用最少的词表达最清晰的含义
- 用英语不要用拼音
- 不要用有空格，逗号，点等特殊字符（只能是数字，26英文小写，下划线(是_不是-也不是——）
- 全部用小写英语（不要大写）
- 单词之间用下划线区分
- 个人觉得文件命名就应该做到
-
一些命名的不成文规定
一般意义上命名一般都遵循以下规则
一个图必然有以下几个因素 在哪儿？是什么？干什么的？什么状态？
于是就可以这样命名
(在哪儿)_(是什么)_(干什么)_(什么状态)例如
home_tab_mine_checked mine_menu_setting
-
命名方法
- 静态命名
| 组件 | 命名 | 举个栗子 |
|---|---|---|
| 按钮（button） | btn | btn_login |
| 图标（icon） | ic | ic_setting |
| 背景（background） | bg | bg_login |
| 底栏（TabLayout） | tab | tab |
| Logo | logo | logo_ezbuy |
| 顶栏菜单(menu) | menu | memu_setting |
| 默认图 | default | default_avatar |
- 动态命名（所谓动态就是同一个区域有不同的状态，例如一个按钮有按压和正常状态，一个选项有选中和非选中状态）
| 状态组件 | 命名 | 举个栗子 |
|---|---|---|
| 按压 | _normal, _pressed | btn_login_normal btn_login_pressed |
| 可用 | _enable _unable | bg_pay_enable bg_pay_unable |
| 选中 | _checked _unchcked | tab_prime_checked tab_prime_unchecked |
- 功能命名
| 功能性组件 | 命名 | 举个栗子 |
|---|---|---|
| Home页面上的按钮 | home_btn_... | home_btn_search |
| Home页面上tab栏状态 | home_tab_ … _checked/unchecked | home_tab_prime_checked home_tab_prime_unchecked |
