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

來源:互聯網
上載者:User

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

囧神的世界你不懂,蟲哥的生活你沒有,只有程式猿的世界大家才知道。程式猿們,為了自己的精彩世界奮鬥吧,努力吧!加油……

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.