Android切圖的一點常識
-
Android切圖尺寸所代表的意義
- Android默認有五種大小規(guī)格分別是mdpi hdpi xhdpi xxhdpi xxxdpi
- 尺寸對應關系
| 文件夾 | 尺寸 | 倍數(shù)關系 |
|---|---|---|
| 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倍圖做設計稿
? -
切圖方法規(guī)范
- sktch默認自帶Android和iOS切圖的
?
- sktch默認自帶Android和iOS切圖的
-
命名方法規(guī)范
- 個人覺得文件命名就應該做到
- 見名知意*
- 用最少的詞表達最清晰的含義
- 用英語不要用拼音
- 不要用有空格，逗號，點等特殊字符（只能是數(shù)字，26英文小寫，下劃線(是_不是-也不是——）
- 全部用小寫英語（不要大寫）
- 單詞之間用下劃線區(qū)分
- 個人覺得文件命名就應該做到
?
-
一些命名的不成文規(guī)定
一般意義上命名一般都遵循以下規(guī)則
一個圖必然有以下幾個因素 在哪兒？是什么？干什么的？什么狀態(tài)？
于是就可以這樣命名
(在哪兒)_(是什么)_(干什么)_(什么狀態(tài))例如
home_tab_mine_checked? mine_menu_setting
? -
命名方法
- 靜態(tài)命名
| 組件 | 命名 | 舉個栗子 |
|---|---|---|
| 按鈕（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 |
- 動態(tài)命名（所謂動態(tài)就是同一個區(qū)域有不同的狀態(tài)，例如一個按鈕有按壓和正常狀態(tài)，一個選項有選中和非選中狀態(tài)）
| 狀態(tài)組件 | 命名 | 舉個栗子 |
|---|---|---|
| 按壓 | _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欄狀態(tài) | home_tab_ … _checked/unchecked | home_tab_prime_checked home_tab_prime_unchecked |
