Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> 淺談android適配(下)

淺談android適配(下)

編輯:關於Android編程

上一篇我們主要了解了為什麼適配,以及怎麼適配,同時給出了部分切圖規范,和在開發過程中需要的一些注意事項,這一遍主要從官方給出的指導建議出發,從視覺的角度來說說怎麼適配。

度量單位和網格

48 dp 的設計韻律

一般來說,可觸摸控件以 48 dp 為基礎單位。

為什麼是 48 dp?
一般情況下,48 dp 在設備上的物理大小是 9 mm (會有一些變化)。這剛好在觸摸控件推薦的大小范圍 (7-10 mm) 內,而且這樣的大小,用戶用手指觸摸起來也比較准確、容易。如果你設計的元素都至少有 48 dp 的高度和寬度,那麼可以保證:

你設計的元素在任何屏幕上顯示時,都不會小於最低推薦值 7 mm。
你可以在信息密度和界面元素的可操控性之間得到較好的平衡。

這裡寫圖片描述

注意留白: 界面元素之間的留白應當是 8 dp。

這裡寫圖片描述

字體的縮放

為不同控件引入字體大小上的反差有助於營造有序、易懂的排版效果。但在同一個界面中使用過多不同的字體大小則會造成混亂。Android 設計框架使用以下有限的幾種字體大小:
這裡寫圖片描述

顏色

使用不同顏色是為了強調信息。選擇合適你設計的顏色,並且提供不錯的視覺對比效果。注意紅色和綠色對於色弱的人士可能無法分辨。

藍色是 Android 調色板中的標准顏色。每一種顏色都有相應的深色版本以供使用。

圖標

圖標就是一個表示屏幕內容並為操作、狀態和應用提供第一印象的小幅圖片。

在為應用設計圖標時,需要牢記設備是多種多樣的,這就帶來了不同的像素密度。為了應對這一問題,提供不同尺寸的圖標是個不錯的主意。Android 會根據你提供的圖標來針對不同設備優化選擇。

由於所有圖標都需要適配不同的像素密度,這裡引入 dp 這一單位,它以中等尺寸,MDPI的屏幕為基准提供像素密度無關的表示。

這裡寫圖片描述

在設計圖標時,對於五種主流的像素密度(MDPI、HDPI、XHDPI、XXHDPI 和 XXXHDPI)應按照 2:3:4:6:8 的比例進行縮放。例如,一個啟動圖標的尺寸為48x48 dp,這表示在 MDPI 的屏幕上其實際尺寸應為 48x48 px,在 HDPI 的屏幕上其實際大小是 MDPI 的 1.5 倍 (72x72 px),在 XDPI 的屏幕上其實際大小是 MDPI 的 2 倍 (96x96 px),依此類推。

提示: 雖然 Android 也支持低像素密度 (LDPI) 的屏幕,但無需為此費神,系統會自動將 HDPI 尺寸的圖標縮小到 1/2 進行匹配。<喎?/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjwvYmxvY2txdW90ZT4NCjxoNCBpZD0="啟動圖標">啟動圖標

啟動圖標在“主屏幕”和“所有應用”中代表你的應用。因為用戶可以設置“主屏幕”的壁紙,所以要確保你的啟動圖標在任何背景上都清晰可見。
整體大小是 48x48 dp移動設備上的啟動圖標大小必須是 48x48 dp。在 Play 商店中顯示的啟動圖標大小必須是 512x512 像素。使用一個獨特的剪影。三維的正面視圖,看起來稍微有點從上往下的透視效果,使用戶能看到一些景深

操作欄

操作欄圖標是一個圖像按鈕,用來表示用戶在應用中可以執行的重要操作。每一個圖標都使用一個簡單的隱喻來代表將要執行的操作,用戶應當一目了然。

內置的圖標應當用來表示一些確定的通用操作,例如“刷新”和“分享”。下面的下載鏈接提供了一個圖標包,其中的圖標可以縮放到多種屏幕分辨率,並且適合於淺色和深色的 Holo 主題。圖標包中還有沒有樣式化的圖標,可以和你自己的主題搭配,並且提供了 Adobe? Illustrator? 源文件,你可以自己修改。
手機操作欄圖標大小應當是 32x32 dp。整體大小是 32x32 dp圖形區域 24x24 dp象形、平面、不要有太多細節,圓滑的弧線或者尖銳的形狀。如果圖形太窄了,那麼向左或向右旋轉 45° 來填滿圖形區域。最細的筆畫不應小於 2dp
顏色: #333333 ,可用: 60% 的透明度,禁用: 30% 的透明度顏色: #FFFFFF,可用: 80% 的透明度,禁用: 30% 的透明度

小圖標和上下文圖標

在應用的主體區域中,使用小圖標表示操作或者特定的狀態。例如在 Gmail 應用中,每條信息都有一個星型圖標用來標記“重要”。
小圖標大小應當是 16x16 dp。整體大小是 16x16 dp圖形區域 12x12 dp中性、平面和簡單。最好使用填充圖標而不是細線條勾勒。使用簡單的視覺效果,使用戶容易理解圖標的目的。
使用有目的的小圖標。例如在 Gmail 應用中,使用黃色的星型圖標表示重要的信息。如果圖標是可操作的,使用和背景色形成對比的顏色。

通知欄圖標

如果你的應用會產生通知,提供一個圖標給系統顯示在狀態欄上,表示有一條新的通知
通知欄圖標大小必須是 24x24 dp整體大小是 24x24 dp圖形區域 22x22 dp使用簡單的平面的圖標,應當和應用的啟動圖標視覺上相似通知欄圖標必須是白色的,這樣系統可以縮放和加深你的圖標

設計小技巧

以下這些小技巧可能對你創建圖標或其他圖片資源有所幫助。這裡我們假定你也使用諸如 Adobe? Photoshop? 這類的位圖或矢量圖編輯程序。

盡可能使用矢量圖

Adobe? Photoshop? 這類圖像編輯工具允許用戶混合使用矢量圖和位圖。盡可能的使用矢量圖,這樣在需要放大圖標時就可以避免細節上的損失。

使用矢量圖的另一個好處是能更方便的在低分辨率的屏幕上讓邊緣和角落與像素邊界對齊。

使用更大的畫布

為了更好的適配不同的像素密度,最好使用數倍於目標圖標尺寸的畫布。例如,啟動圖標在 MDPI、HDPI、XHDPI 和 XXHDPI 下的寬度為 48、72、96 和 144 px,使用 864x864 px 的畫板可以降低縮放圖標時的工作量。

縮放時,按需重繪位圖圖層

如果需要放大的圖標中包含位圖圖層,這些圖層需要進行手動重繪,以便在更高的像素密度下獲得更好的顯示效果。例如,為 MDPI 所繪制的 60x60 px 的圓,在適配 HDPI 屏幕時需重繪成 90x90 px。

圖標命名約定

遵守一定的圖標命名約定有助於圖標文件的管理。我們可以為不同類型的圖標指定不同的命名前綴:
這裡寫圖片描述

   
  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved