Android切圖的一點(diǎn)常識(shí)
-
Android切圖尺寸所代表的意義
- Android默認(rèn)有五種大小規(guī)格分別是mdpi hdpi xhdpi xxhdpi xxxdpi
- 尺寸對(duì)應(yīng)關(guān)系
| 文件夾 | 尺寸 | 倍數(shù)關(guān)系 |
|---|---|---|
| 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那么請(qǐng)用二倍二倍二倍圖來(lái)做
為什么呢？
俗稱的
iOS 2倍圖在iPhone6分辨率上1334X750
Android上2倍圖是xhdpi 對(duì)應(yīng)的分辨率1280X720
他們的分辨率是非常接近的涕滋，
所以睬辐，一倍圖就能夠最好的適配iOS和Android。
….
請(qǐng)用2倍圖做設(shè)計(jì)稿
請(qǐng)用2倍圖做設(shè)計(jì)稿
請(qǐng)用2倍圖做設(shè)計(jì)稿
? -
切圖方法規(guī)范
- sktch默認(rèn)自帶Android和iOS切圖的
?
- sktch默認(rèn)自帶Android和iOS切圖的
-
命名方法規(guī)范
- 個(gè)人覺(jué)得文件命名就應(yīng)該做到
- 見(jiàn)名知意*
- 用最少的詞表達(dá)最清晰的含義
- 用英語(yǔ)不要用拼音
- 不要用有空格宾肺，逗號(hào)溯饵，點(diǎn)等特殊字符（只能是數(shù)字，26英文小寫(xiě)锨用，下劃線(是_不是-也不是——）
- 全部用小寫(xiě)英語(yǔ)（不要大寫(xiě)）
- 單詞之間用下劃線區(qū)分
- 個(gè)人覺(jué)得文件命名就應(yīng)該做到
?
-
一些命名的不成文規(guī)定
一般意義上命名一般都遵循以下規(guī)則
一個(gè)圖必然有以下幾個(gè)因素 在哪兒丰刊？是什么？干什么的增拥？什么狀態(tài)啄巧？
于是就可以這樣命名
(在哪兒)_(是什么)_(干什么)_(什么狀態(tài))例如
home_tab_mine_checked? mine_menu_setting
? -
命名方法
- 靜態(tài)命名
| 組件 | 命名 | 舉個(gè)栗子 |
|---|---|---|
| 按鈕（button） | btn | btn_login |
| 圖標(biāo)（icon） | ic | ic_setting |
| 背景（background） | bg | bg_login |
| 底欄（TabLayout） | tab | tab |
| Logo | logo | logo_ezbuy |
| 頂欄菜單(menu) | menu | memu_setting |
| 默認(rèn)圖 | default | default_avatar |
- 動(dòng)態(tài)命名（所謂動(dòng)態(tài)就是同一個(gè)區(qū)域有不同的狀態(tài)，例如一個(gè)按鈕有按壓和正常狀態(tài)掌栅，一個(gè)選項(xiàng)有選中和非選中狀態(tài)）
| 狀態(tài)組件 | 命名 | 舉個(gè)栗子 |
|---|---|---|
| 按壓 | _normal, _pressed | btn_login_normal btn_login_pressed |
| 可用 | _enable _unable | bg_pay_enable bg_pay_unable |
| 選中 | _checked _unchcked | tab_prime_checked tab_prime_unchecked |
- 功能命名
| 功能性組件 | 命名 | 舉個(gè)栗子 |
|---|---|---|
| Home頁(yè)面上的按鈕 | home_btn_... | home_btn_search |
| Home頁(yè)面上tab欄狀態(tài) | home_tab_ … _checked/unchecked | home_tab_prime_checked home_tab_prime_unchecked |
