提升Android應用視覺效果的10個UI技巧

在android應用開發中，風格和設計或許不是最關鍵的要素，但它們在決定android應用成功與否上确實扮演重要的角色。以下是10個android應用的ui設計技巧，還有個附加技巧，能夠提供你的android應用的視覺吸引力。

技巧1：使用大小适當的圖像

在圖像方面，許多android應用開發者采用的是大小單一的做法。盡管這會使資源管理變得更為簡單，但就應用的視覺吸引力而言，這是個錯誤的做法。要讓應用呈現出最佳的視覺效果，那麼就應當針對具體的裝置螢幕設計不同的圖像。最适當的圖像才能建構出最棒的使用者體驗。

技巧2：使用适當格式的圖像

我們都見過有些應用在嘗試加載某些大型圖像時會暫停，這不僅僅因為圖像的大小存在偏差，而且還因為圖像采用了非理想的格式。android平台支援許多種媒體格式，比如png、jpeg、gif、bmp和webp（ 匿名 注：僅android 4.0+版本支援）。png是無損圖檔的理想格式，而jpeg的呈現品質并不穩定。

android還支援帶有nine-patch的彈性圖像。如果可行的話，可以考慮使用webp來替代jpeg，因為這種格式在存儲和下載下傳時效率更高。也就是說，如果将其作為與較老格式同時使用的獨立圖檔，那麼應用整體規模會變大，這就削減了使用新格式的優勢。

技巧3：運用微妙動畫，顔色來呈現狀态改變

在螢幕轉場時運用微妙動畫以及ui控制顔色變化來呈現應用狀态改變，這會讓你的應用更顯專業感。比如，活動間的淡入淡出使螢幕轉變更為自然，改變被按動的按鍵顔色會突顯正在發生的使用者動作，清晰地呈現出使用者正在做的事情。

android 3.x及随後的版本可開啟硬體加速，這會讓動畫運作更為流暢。但是需要進行測試，因為并非應用的所有功能都能夠相容硬體加速。

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

button、pageview等使用者界面控制按鈕在螢幕上都會呈現矩形的像素形狀，但這需要進行處理。在控制界面上，使用圓角效果來軟化使用者界面的外觀，這顯得很像web的風格，但确實很受使用者喜歡。

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

最新版本的android平台使用全息樣式和3d圖示等。如果你在應用的控制按鍵中使用投影和其他此類樣式，確定要使用一緻性的“光照”。換句話說，要確定陰影在螢幕上的朝向一緻。在圖像編輯器中使用相同的數值來創造相同的斜度和紋理。

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

當某個家庭成員（ 匿名 注：往往是老一輩的人）首次發現可以在郵件中使用帶顔色的字型和背景，于是發送給你一封使用白色背景和檸檬黃色字型的電子郵件，這樣的郵件閱讀起來相當費勁。有些人在設計應用的螢幕時，可能會讓玩家難以閱讀或導航螢幕中的内容。使用适當的高對比度顔色，會讓螢幕更易于檢視，緩解眼睛的壓力。要将配色方案作為系統資源的一部分，以此為基礎來開展其他工作。

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

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

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

android 4.0的設計師推出了一種隻适用于該平台的新字型，這種字型在移動裝置上的閱讀很容易，它被稱為roboto。

技巧8：不要過多偏離平台規範

許多成功的手機應用會使用人們較為熟悉的使用者界面。它們有簡單且主流的使用者界面，其使用的控制方式也是使用者所熟悉的。在使用者界面控制和螢幕設計中，不要表現得過于另類。盡量簡單化，與平台其他應用的表現保持一緻。以平台作為決定應用表現和行為的線索。

如果你正在制作的ui與衆不同，確定用ab測試等客觀方法來比較新ui和傳統ui，由此來決定新設計方案是否更優化，比如更有效、更易于使用或者看起來更為舒适。

技巧9：遵從ui指導原則

android程式說明書中有許多可以整合到應用中的ui指導原則。根據應用所使用的android版本的不同，這些指導原則往往也有所差異。當出現這種情況時，你需要制作多種資産來應對多種指導原則。指導原則涵蓋了圖示、小部件、菜單和活動等部分。

技巧10：測試使用者界面

開發者往往不是優秀的qa或測試者。應用可穩定運作後，面向完全不熟悉應用設計和意圖的使用者開展測試是很有價值的做法。應用設計師往往自認為使用者會覺得他們的應用ui很直覺，情況或許并非如此。隻有真正讓使用者來測試應用，你才能夠在釋出應用前發現許多意料之外的問題。

附加技巧：雇傭職業美術或圖像設計師

現在，使用者期望看到外觀精美且設計專業的應用。正如你不會衣着随便地去參加面試，是以你應當投入足夠的資源來潤色應用外觀後再将其釋出。在多數情況下，程式員往往不是技術娴熟的美術人員，是以可以考慮雇傭職業美術人員來完成這項工作，隻是要確定你對設計結果有清晰的認識。

當你埋頭進行android應用開發時，往往很容易遺忘使用者界面設計。在你的應用相對較穩定後，浏覽這個清單，對應用進行潤色。通常來說，這些任務最好留到開發後期，因為此時的螢幕内容相對較為固定。

關于文中說到的webp，特意到官方去找了相關文檔，附上位址，自己翻譯的。

<a href="http://blog.csdn.net/gulaer/article/details/8490615" target="_blank">點選跳轉</a>

-------------------------------------------------------------------------------------------