iphone的icon設計就這麼簡單,iphone的螢幕只有320×480畫素,所以程式沒有適配性問題。
android
在研究 android的icon設計之前,有必要先了解android的介面是如何適配多樣化螢幕的。
適配性程式將進行縮放,但是效果較差。
為這兩個精度螢幕的手機各提供乙個。
但是螢幕的引數多樣化,為每乙個精度的螢幕都設計一套icon,工作量大並且不能滿足程式的相容 性要求,勢必要對螢幕的分級,如在160dpi和 180dpi的手機螢幕上採用同一套icon,當這套icon在240dpi效果滿足不了設計要求,就需要另做一套稍大些的icon。
在 android 1.5以及更早的版本中,只支援3.2″ 螢幕上的hvga (320×480)解析度,開發人員也不需要考慮介面的適配性問題。從android 1.6之後,平台支援多種尺寸和解析度的裝置,這也就意味著開發人員在設計時要考慮到螢幕的多樣性。
三種尺寸:大,中,小。
三種精度:高(hdpi),中(mdpi)和低(ldpi)。
程式可以為這三種尺寸的螢幕提供預設資源,如有需要,還可以為各種精度 的螢幕提供資源。在執行時,系統會根據螢幕布局載入正確尺寸或者精度的。
[img]
android的icon尺寸
在執行時,程式為最佳顯示效果提供了三種方法:
1.縮放
基於當前螢幕的 精度,平台自動載入任何未經縮放的限定尺寸和精度的。如果不匹配,平台會載入預設資源並且在放大或者縮小之後可以滿足當前介面的顯示要求。例如, 當前為高精度螢幕,平台會載入高精度資源(如),如果沒有,平台會將中精度資源縮放至高精度。
2.自動定義畫素尺寸和位置
如果程式不支援多種精度螢幕,平台會自動 定義畫素絕對位置和尺寸值等,這樣就能保證元素能和精度160的螢幕上一樣能顯示出同樣尺寸的效果。例如,要讓wvga高精度螢幕和傳統的hvga 屏 幕一樣顯示同樣尺寸的,當程式不支援時,系統會對程式慌稱螢幕解析度為320×533,在(10,10)到(100,100)的區域內繪製圖形完成之 後,系統會將圖形放大到(15,15)到(150,150)的螢幕顯示區域。
3.兼 容更大尺寸的螢幕
當前螢幕超過程式所支援螢幕的上限時,定義supports- screens元素,這樣超出顯示的基準線時,平台在此顯示黑色的背景圖。例如,wvga 中精度螢幕上,如程式不支援這樣的大螢幕,系統會謊 稱是乙個320×480的,多餘的顯示區域會被填充成黑色。
但為了達到最佳的顯示效果,最好的方法還是設計多套。那就有必要對於所有的螢幕依據精度值進行分級(高中低),之後再設計三套icon。
先為主流的中精度螢幕(hvga)設計一套icon,確定的畫素尺寸。
為高精度螢幕將放大到150%,為低精度螢幕將縮小至75%。
將這三套資 源放置到程式的三個資料夾下 :res/drawable-mdpi/ 、res/drawable-hdpi/、 res/drawable- ldpi/。程式在執行時,平台會根據螢幕的精度調取合適的icon。
設計指南
[img]
android標準icon
launcher icon是程式主介面上的功能圖示,android對於各個icon的風格有一定的要求:
符合當下的流行趨勢,避免過度使用隱喻。
高 度簡化和誇張,小尺寸圖示也能易於識別,不宜太複雜。
嘗試抓住程式的主要特徵,比如音像作為**的icon。
使用自然的輪廓和形狀,看起來幾何化和有機化,不失真實感。
icon採用前視角,幾乎沒有透視,光源在頂部。
不光滑但富有質感。
[img]
正確和錯誤的icon
另外,所有的icon都有文字標籤,不要在設計時把文字也放到icon中。
launcher icon通常是乙個較大的標準圖示中包含乙個小圖示,使用乙個中性色彩和乙個主要色彩,並保持高度的對比,不宜過度飽和。
[img]
推薦色值
尺寸和定位
launcher icons要有多樣化的形狀和樣式,但又要形成統一的視覺風格,其尺寸和定位也用統一:
(full asset)紅色邊框為圖示尺寸
(icon) 藍色邊框是圖形尺寸,比圖示尺寸稍小,圖形之外的空間用於顯示陰影和特殊效果。
(square icon)橙色邊框是另外一種圖形尺寸。兩種型別的圖形尺寸可以達到統一的視覺權重。
icon dimensions for high-density (hdpi) screens:
[img]
full asset: 72 x 72 px
icon: 60 x 60 px
square icon: 56 x 56 px
icon dimensions for medium-density (mdpi) screens:
[img]
full asset: 48 x 48 px
icon: 40 x 40 px
square icon: 38 x 3
icon dimensions for low-density (ldpi) screens:
[img]
full asset: 36 x 36 px
icon: 30 x 30 px
square icon: 28 x 28 px
模板wvga (高精度) 螢幕的陰影:
[img]
effect: drop shadow
color: #000000
blend mode: multiply
opacity: 75%
angle: 90°
distance: 2px
spread: 0%
size: 5px
非常詳盡的icon設計教程,乙個程式裡要放置三套icon,還有android硬體比較好,不然 記憶體爆掉
android 螢幕解析度問題
在研究android的icon設計之前,有必要先了解android的介面是如何適配多樣化螢幕的。適配性程式將進行縮放,但是效果較差。為這兩個精度螢幕的手機各提供乙個。但是螢幕的引數多樣化,為每乙個精度的螢幕都設計一套icon,工作量大並且不能滿足程式的相容 性要求,勢必要對螢幕的分級,如在160dp...
Android 獲取螢幕解析度
得到乙個螢幕尺寸的三種方法如下 通過windowmanager獲取 displaymetrics dm new displaymetrics getwindowmanager getdefaultdisplay getmetrics dm 通過resources獲取 displaymetrics d...
螢幕解析度
xga extended graphics array 擴充套件影象陣列 s super 超過 x extended 擴充套件 u ultra 終極 第乙個q quarter 四分之一 最後乙個q quantum 量化 h half 一半 w wide 寬 example vga 640 480 q...