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

看完這篇文章後覺得很實用很精闢,出於分享精神,能讓更多的朋友看到這篇文章,產生更多的brainstorm,於是就轉過來了,原文地址是 http://blog.csdn.net/muge0913/article/details/7294124

 

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



The end

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章