Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> 提升Android應用視覺吸引效果的10個UI設計技巧

提升Android應用視覺吸引效果的10個UI設計技巧

編輯:Android開發實例

在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應用開發時,往往很容易遺忘用戶界面設計。在你的應用相對較穩定後,浏覽這個列表,對應用進行潤色。通常來說,這些任務最好留到開發後期,因為此時的屏幕內容相對較為固定。

囧神的世界你不懂,蟲哥的生活你沒有,只有程序猿的世界大家才知道。程序猿們,為了自己的精彩世界奮斗吧,努力吧!加油……
  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved