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 應用開發時,往往很容易遺忘使用者介面設計。在你的應用程式相對較穩定後,瀏覽這個列表,對應用程式進行潤飾。通常來說,這些任務最好留到開發後期,因為此時的螢幕內容相對較為固定。
更多10個提升Android視覺效果的設計技巧相關文章請關注PHP中文網!