提升Android應(yīng)用視覺效果的10個UI技巧

2012/5/17 15:29:34  出處：本站整理   人氣：50次    字號：小  中  大

今天看到一篇特別實(shí)用的文章，所以就轉(zhuǎn)過來了，供大家學(xué)習(xí)參考~

在Android應(yīng)用開發(fā)中，風(fēng)格和設(shè)計(jì)或許不是最關(guān)鍵的要素，但它們在決定Android應(yīng)用成功與否上確實(shí)扮演重要的角色。以下是10個Android應(yīng)用的UI設(shè)計(jì)技巧，還有個附加技巧，能夠提供你的Android應(yīng)用的視覺吸引力。

技巧1：使用大小適當(dāng)?shù)膱D像

在圖像方面，許多Android應(yīng)用開發(fā)者采用的是大小單一的做法。盡管這會使資源管理變得更為簡單，但就應(yīng)用的視覺吸引力而言，這是個錯誤的做法。要讓應(yīng)用呈現(xiàn)出最佳的視覺效果，那么就應(yīng)當(dāng)針對具體的設(shè)備屏幕設(shè)計(jì)不同的圖像。最適當(dāng)?shù)膱D像才能構(gòu)建出最棒的用戶體驗(yàn)。

技巧2：使用適當(dāng)格式的圖像

我們都見過有些應(yīng)用在嘗試加載某些大型圖像時會暫停，這不僅僅因?yàn)閳D像的大小存在偏差，而且還因?yàn)閳D像采用了非理想的格式。Android平臺支持許多種媒體格式，比如PNG、JPEG、GIF、BMP和WebP（游戲邦注：僅Android 4.0+版本支持）。PNG是無損圖片的理想格式，而JPEG的呈現(xiàn)質(zhì)量并不穩(wěn)定。

Android還支持帶有Nine-Patch的彈性圖像。如果可行的話，可以考慮使用WebP來替代JPEG，因?yàn)檫@種格式在存儲和下載時效率更高。也就是說，如果將其作為與較老格式同時使用的獨(dú)立圖片，那么應(yīng)用整體規(guī)模會變大，這就削減了使用新格式的優(yōu)勢。

技巧3：運(yùn)用微妙動畫，顏色來呈現(xiàn)狀態(tài)改變

在屏幕轉(zhuǎn)場時運(yùn)用微妙動畫以及UI控制顏色變化來呈現(xiàn)應(yīng)用狀態(tài)改變，這會讓你的應(yīng)用更顯專業(yè)感。比如，活動間的淡入淡出使屏幕轉(zhuǎn)變更為自然，改變被按動的按鍵顏色會突顯正在發(fā)生的用戶動作，清晰地呈現(xiàn)出用戶正在做的事情。

Android 3.x及隨后的版本可開啟硬件加速，這會讓動畫運(yùn)行更為流暢。但是需要進(jìn)行測試，因?yàn)椴⒎菓?yīng)用的所有功能都能夠兼容硬件加速。

技巧4：用圓角效果來軟化UI

Button、PageView等用戶界面控制按鈕在屏幕上都會呈現(xiàn)矩形的像素形狀，但這需要進(jìn)行處理。在控制界面上，使用圓角效果來軟化用戶界面的外觀，這顯得很像Web的風(fēng)格，但確實(shí)很受用戶喜歡。

技巧5：在3D效果中使用一致性的“光照”

最新版本的Android平臺使用全息樣式和3D圖標(biāo)等。如果你在應(yīng)用的控制按鍵中使用投影和其他此類樣式，確保要使用一致性的“光照”。換句話說，要確保陰影在屏幕上的朝向一致。在圖像編輯器中使用相同的數(shù)值來創(chuàng)造相同的斜度和紋理。

技巧6：使用高對比度配色方案

當(dāng)某個家庭成員（游戲邦注：往往是老一輩的人）首次發(fā)現(xiàn)可以在郵件中使用帶顏色的字體和背景，于是發(fā)送給你一封使用白色背景和檸檬黃色字體的電子郵件，這樣的郵件閱讀起來相當(dāng)費(fèi)勁。有些人在設(shè)計(jì)應(yīng)用的屏幕時，可能會讓玩家難以閱讀或?qū)Ш狡聊恢械膬?nèi)容。使用適當(dāng)?shù)母邔Ρ榷阮伾�，會讓屏幕更易于查看，緩解眼睛的壓力。要將配色方案作為系統(tǒng)資源的一部分，以此為基礎(chǔ)來開展其他工作。

技巧7：使用大型和易讀的字體

和上述不良配色方案一樣，我們也會收到家庭成員發(fā)送來帶有某些古怪字體、難以閱讀的文字。相比其他字體，有些字體確實(shí)閱讀起來更為容易。

字體大小也是個重要因素，在保持與其他屏幕功能的平衡性的前提下，盡量將字體制作得夠大。就像在使用傳真機(jī)時，使用小于12磅的字體并不合適。

Android 4.0的設(shè)計(jì)師推出了一種只適用于該平臺的新字體，這種字體在移動設(shè)備上的閱讀很容易，它被稱為Roboto。

技巧8：不要過多偏離平臺規(guī)范

許多成功的手機(jī)應(yīng)用會使用人們較為熟悉的用戶界面。它們有簡單且主流的用戶界面，其使用的控制方式也是用戶所熟悉的。在用戶界面控制和屏幕設(shè)計(jì)中，不要表現(xiàn)得過于另類。盡量簡單化，與平臺其他應(yīng)用的表現(xiàn)保持一致。以平臺作為決定應(yīng)用表現(xiàn)和行為的線索。

如果你正在制作的UI與眾不同，確保用AB測試等客觀方法來比較新UI和傳統(tǒng)UI，由此來決定新設(shè)計(jì)方案是否更優(yōu)化，比如更有效、更易于使用或者看起來更為舒適。

技巧9：遵從UI指導(dǎo)原則

Android程序說明書中有許多可以整合到應(yīng)用中的UI指導(dǎo)原則。根據(jù)應(yīng)用所使用的Android版本的不同，這些指導(dǎo)原則往往也有所差異。當(dāng)出現(xiàn)這種情況時，你需要制作多種資產(chǎn)來應(yīng)對多種指導(dǎo)原則。指導(dǎo)原則涵蓋了圖標(biāo)、小部件、菜單和活動等部分。

技巧10：測試用戶界面

開發(fā)者往往不是優(yōu)秀的QA或測試者。應(yīng)用可穩(wěn)定運(yùn)行后，面向完全不熟悉應(yīng)用設(shè)計(jì)和意圖的用戶開展測試是很有價值的做法。應(yīng)用設(shè)計(jì)師往往自認(rèn)為用戶會覺得他們的應(yīng)用UI很直觀，情況或許并非如此。只有真正讓用戶來測試應(yīng)用，你才能夠在發(fā)布應(yīng)用前發(fā)現(xiàn)許多意料之外的問題。

附加技巧：雇傭職業(yè)美術(shù)或圖像設(shè)計(jì)師

現(xiàn)在，用戶期望看到外觀精美且設(shè)計(jì)專業(yè)的應(yīng)用。正如你不會衣著隨便地去參加面試，所以你應(yīng)當(dāng)投入足夠的資源來潤色應(yīng)用外觀后再將其發(fā)布。在多數(shù)情況下，程序員往往不是技術(shù)嫻熟的美術(shù)人員，所以可以考慮雇傭職業(yè)美術(shù)人員來完成這項(xiàng)工作，只是要確保你對設(shè)計(jì)結(jié)果有清晰的認(rèn)識。

當(dāng)你埋頭進(jìn)行Android應(yīng)用開發(fā)時，往往很容易遺忘用戶界面設(shè)計(jì)。在你的應(yīng)用相對較穩(wěn)定后，瀏覽這個列表，對應(yīng)用進(jìn)行潤色。通常來說，這些任務(wù)最好留到開發(fā)后期，因?yàn)榇藭r的屏幕內(nèi)容相對較為固定。