提交需求
賽事與廣告咨詢合作,請(qǐng)?zhí)顚懶枨蟊韱危覀儠?huì)在第一時(shí)間與您聯(lián)系!
字體 Original Version
Android 的設(shè)計(jì)語言繼承了許多傳統(tǒng)排版設(shè)計(jì)概念,例如比例、留白、韻律和網(wǎng)格對(duì)齊。這些概念的成功運(yùn)用,使得用戶能夠快速理解屏幕上的信息。為了更好的支持這一設(shè)計(jì)語言,Android 4.0 Ice Cream Sandwich 引入了全新的 Roboto 字體家族,它專為界面渲染和高分辨率屏幕而設(shè)計(jì)。
當(dāng)前的 TextView 控件默認(rèn)支持極細(xì)、細(xì)、普通、粗等不同的字重,每種字重都有對(duì)應(yīng)的斜體。另有 Roboto Condensed 這一變體可供選擇,同樣的,它也具有不同的字重和對(duì)應(yīng)的斜體。
Android 界面使用以下的色彩樣式: textColorPrimary和 textColorSecondary。在淺色主題中則使用textColorPrimaryInverse 和textColorSecondaryInverse。在設(shè)計(jì)框架中還包括了幾種自帶的觸摸反饋效果。
為不同控件引入字體大小上的反差有助于營造有序、易懂的排版效果。但在同一個(gè)界面中使用過多不同的字體大小則會(huì)造成混亂。Android 設(shè)計(jì)框架使用以下有限的幾種字體大小:
用戶可以在“設(shè)置”中調(diào)整整個(gè)系統(tǒng)的字體大小。為了支持這些輔助特性,字體的像素應(yīng)當(dāng)設(shè)計(jì)成與大小無關(guān)的,稱之為 (sp)。排版的時(shí)候也應(yīng)當(dāng)考慮到這些設(shè)置。
顏色 Original Version
使用不同顏色是為了強(qiáng)調(diào)信息。選擇合適你設(shè)計(jì)的顏色,并且提供不錯(cuò)的視覺對(duì)比效果。注意紅色和綠色對(duì)于色弱的人士可能無法分辨。
藍(lán)色是 Android 調(diào)色板中的標(biāo)準(zhǔn)顏色。每一種顏色都有相應(yīng)的深色版本以供使用。
圖標(biāo) Original Version
圖標(biāo)就是一個(gè)表示屏幕內(nèi)容并為操作、狀態(tài)和應(yīng)用提供第一印象的小幅圖片。
在為應(yīng)用設(shè)計(jì)圖標(biāo)時(shí),需要牢記設(shè)備是多種多樣的,這就帶來了不同的像素密度(詳見 設(shè)備與顯示 )。為了應(yīng)對(duì)這一問題,提供不同尺寸的圖標(biāo)是個(gè)不錯(cuò)的主意。Android 會(huì)根據(jù)你提供的圖標(biāo)來針對(duì)不同設(shè)備優(yōu)化選擇。
由于所有圖標(biāo)都需要適配不同的像素密度,這里引入 dp 這一單位,它以中等尺寸,MDPI的屏幕為基準(zhǔn)提供像素密度無關(guān)的表示。
在設(shè)計(jì)圖標(biāo)時(shí),對(duì)于五種主流的像素密度(MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI)應(yīng)按照 2:3:4:6:8 的比例進(jìn)行縮放。例如,一個(gè)啟動(dòng)圖標(biāo)的尺寸為48x48 dp,這表示在 MDPI 的屏幕上其實(shí)際尺寸應(yīng)為 48x48 px,在 HDPI 的屏幕上其實(shí)際大小是 MDPI 的 1.5 倍 (72x72 px),在 XDPI 的屏幕上其實(shí)際大小是 MDPI 的 2 倍 (96x96 px),依此類推。
提示: 雖然 Android 也支持低像素密度 (LDPI) 的屏幕,但無需為此費(fèi)神,系統(tǒng)會(huì)自動(dòng)將 HDPI 尺寸的圖標(biāo)縮小到 1/2 進(jìn)行匹配。
啟動(dòng)圖標(biāo)在“主屏幕”和“所有應(yīng)用”中代表你的應(yīng)用。因?yàn)橛脩艨梢栽O(shè)置“主屏幕”的壁紙,所以要確保你的啟動(dòng)圖標(biāo)在任何背景上都清晰可見。
移動(dòng)設(shè)備上的啟動(dòng)圖標(biāo)大小必須是 48x48 dp。
在 Play 商店中顯示的啟動(dòng)圖標(biāo)大小必須是 512x512 像素。
整體大小是 48x48 dp
使用一個(gè)獨(dú)特的剪影。三維的正面視圖,看起來稍微有點(diǎn)從上往下的透視效果,使用戶能看到一些景深。
操作欄圖標(biāo)是一個(gè)圖像按鈕,用來表示用戶在應(yīng)用中可以執(zhí)行的重要操作。每一個(gè)圖標(biāo)都使用一個(gè)簡單的隱喻來代表將要執(zhí)行的操作,用戶應(yīng)當(dāng)一目了然。
內(nèi)置的圖標(biāo)應(yīng)當(dāng)用來表示一些確定的通用操作,例如“刷新”和“分享”。下面的下載鏈接提供了一個(gè)圖標(biāo)包,其中的圖標(biāo)可以縮放到多種屏幕分辨率,并且適合于淺色和深色的 Holo 主題。圖標(biāo)包中還有沒有樣式化的圖標(biāo),可以和你自己的主題搭配,并且提供了 Adobe? Illustrator? 源文件,你可以自己修改。
手機(jī)操作欄圖標(biāo)大小應(yīng)當(dāng)是32x32 dp。
整體大小是 32x32 dp
圖形區(qū)域 24x24 dp
象形、平面、不要有太多細(xì)節(jié),圓滑的弧線或者尖銳的形狀。如果圖形太窄了,那么向左或向右旋轉(zhuǎn) 45° 來填滿圖形區(qū)域。最細(xì)的筆畫不應(yīng)小于 2dp。
顏色: #333333
可用: 60% 的透明度
禁用: 30% 的透明度
顏色: #FFFFFF
可用: 80% 的透明度
禁用: 30% 的透明度
在應(yīng)用的主體區(qū)域中,使用小圖標(biāo)表示操作或者特定的狀態(tài)。例如在 Gmail 應(yīng)用中,每條信息都有一個(gè)星型圖標(biāo)用來標(biāo)記“重要”。
小圖標(biāo)大小應(yīng)當(dāng)是 16x16dp。
整體大小是 16x16 dp
圖形區(qū)域 12x12 dp
中性、平面和簡單。最好使用填充圖標(biāo)而不是細(xì)線條勾勒。使用簡單的視覺效果,使用戶容易理解圖標(biāo)的目的。
使用有目的的小圖標(biāo)。例如在 Gmail 應(yīng)用中,使用黃色的星型圖標(biāo)表示重要的信息。如果圖標(biāo)是可操作的,使用和背景色形成對(duì)比的顏色。
如果你的應(yīng)用會(huì)產(chǎn)生通知,提供一個(gè)圖標(biāo)給系統(tǒng)顯示在狀態(tài)欄上,表示有一條新的通知。
通知欄圖標(biāo)大小必須是24x24 dp。
整體大小是 24x24 dp
圖形區(qū)域 22x22 dp
使用簡單的平面的圖標(biāo),應(yīng)當(dāng)和應(yīng)用的啟動(dòng)圖標(biāo)視覺上相似。
通知欄圖標(biāo)必須是白色的,這樣系統(tǒng)可以縮放和加深你的圖標(biāo)。
以下這些小技巧可能對(duì)你創(chuàng)建圖標(biāo)或其他圖片資源有所幫助。這里我們假定你也使用諸如 Adobe? Photoshop? 這類的位圖或矢量圖編輯程序。
Adobe? Photoshop? 這類圖像編輯工具允許用戶混合使用矢量圖和位圖。盡可能的使用矢量圖,這樣在需要放大圖標(biāo)時(shí)就可以避免細(xì)節(jié)上的損失。
使用矢量圖的另一個(gè)好處是能更方便的在低分辨率的屏幕上讓邊緣和角落與像素邊界對(duì)齊。
為了更好的適配不同的像素密度,最好使用數(shù)倍于目標(biāo)圖標(biāo)尺寸的畫布。例如,啟動(dòng)圖標(biāo)在 MDPI、HDPI、XHDPI 和 XXHDPI 下的寬度為 48、72、96 和 144 px,使用 864x864 px 的畫板可以降低縮放圖標(biāo)時(shí)的工作量。
如果需要放大的圖標(biāo)中包含位圖圖層,這些圖層需要進(jìn)行手動(dòng)重繪,以便在更高的像素密度下獲得更好的顯示效果。例如,為 MDPI 所繪制的 60x60 px 的圓,在適配 HDPI 屏幕時(shí)需重繪成 90x90 px。
遵守一定的圖標(biāo)命名約定有助于圖標(biāo)文件的管理。我們可以為不同類型的圖標(biāo)指定不同的命名前綴:
圖標(biāo)類型命名前綴例
圖標(biāo)ic_ic_star.png
啟動(dòng)圖標(biāo)ic_launcheric_launcher_calendar.png
菜單圖標(biāo)和操作欄圖標(biāo)ic_menuic_menu_archive.png
狀態(tài)欄圖標(biāo)ic_stat_notifyic_stat_notify_msg.png
標(biāo)簽選項(xiàng)卡圖標(biāo)ic_tabic_tab_recent.png
對(duì)話框圖標(biāo)ic_dialogic_dialog_info.png
此處給出的命名約定只是作為示例,你可以根據(jù)需求建立自己的命名約定。
支持多像素密度意味著同一圖標(biāo)會(huì)有不同的版本。為了方便管理,我們建議按照像素密度對(duì)相應(yīng)的圖標(biāo)文件進(jìn)行歸檔保存。例如:
art/...
mdpi/...
_pre_production/...
working_file.psd
finished_asset.png
hdpi/...
_pre_production/...
working_file.psd
finished_asset.png
xhdpi/...
_pre_production/...
working_file.psd
finished_asset.png
xxhdpi/...
_pre_production/...
working_file.psd
finished_asset.png
這一歸檔方式與應(yīng)用內(nèi)保存圖標(biāo)文件的方式相似,可以方便的進(jìn)行文件復(fù)制。此外由于不同像素密度下的同一圖標(biāo)文件必須使用同一個(gè)文件名,借助這一歸檔方式我們可以方便的檢查文件命名的一致性。
作為參考,這里也給出應(yīng)用內(nèi)保存圖標(biāo)文件的方式:
res/...
drawable-ldpi/...
finished_asset.png
drawable-mdpi/...
finished_asset.png
drawable-hdpi/...
finished_asset.png
drawable-xhdpi/...
finished_asset.png
關(guān)于應(yīng)用內(nèi)資源文件保存方式的更多內(nèi)容,參見 Providing Resources .
雖然 Android SDK 工具在打包應(yīng)用時(shí)會(huì)自動(dòng)壓縮 PNG 文件,我們應(yīng)該養(yǎng)成刪除無關(guān)元信息的良好習(xí)慣。借助 OptiPNG 和Pngcrush 這樣的工具,可以實(shí)現(xiàn)元信息刪除和文件尺寸壓縮這樣的操作。
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)