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 |