- 相關(guān)推薦
提升Android應用視覺(jué)吸引效果的UI設計技巧
在A(yíng)ndroid應用開(kāi)發(fā)中，風(fēng)格和設計或許不是最關(guān)鍵的要素，但它們在決定Android應用成功與否上確實(shí)扮演重要的角色。以下是10個(gè)Android應用的UI設計技巧，還有個(gè)附加技巧，能夠提供你的Android應用的視覺(jué)吸引力。
技巧1：使用大小適當的圖像
在圖像方面，許多Android應用開(kāi)發(fā)者采用的是大小單一的做法。盡管這會(huì )使資源管理變得更為簡(jiǎn)單，但就應用的視覺(jué)吸引力而言，這是個(gè)錯誤的做法。要讓?xiě)贸尸F出最佳的視覺(jué)效果，那么就應當針對具體的設備屏幕設計不同的圖像。最適當的圖像才能構建出最棒的用戶(hù)體驗。
技巧2：使用適當格式的圖像
我們都見(jiàn)過(guò)有些應用在嘗試加載某些大型圖像時(shí)會(huì )暫停，這不僅僅因為圖像的大小存在偏差，而且還因為圖像采用了非理想的格式。Android平臺支持許多種媒體格式，比如PNG、JPEG、GIF、BMP和WebP（游戲邦注：僅Android 4.0+版本支持）。PNG是無(wú)損圖片的理想格式，而JPEG的呈現質(zhì)量并不穩定。
Android還支持帶有Nine-Patch的彈性圖像。如果可行的話(huà)，可以考慮使用WebP來(lái)替代JPEG，因為這種格式在存儲和下載時(shí)效率更高。也就是說(shuō)，如果將其作為與較老格式同時(shí)使用的獨立圖片，那么應用整體規模會(huì )變大，這就削減了使用新格式的優(yōu)勢。
技巧3：運用微妙動(dòng)畫(huà)，顏色來(lái)呈現狀態(tài)改變
在屏幕轉場(chǎng)時(shí)運用微妙動(dòng)畫(huà)以及UI控制顏色變化來(lái)呈現應用狀態(tài)改變，這會(huì )讓你的應用更顯專(zhuān)業(yè)感。比如，活動(dòng)間的淡入淡出使屏幕轉變更為自然，改變被按動(dòng)的按鍵顏色會(huì )突顯正在發(fā)生的用戶(hù)動(dòng)作，清晰地呈現出用戶(hù)正在做的事情。
Android 3.x及隨后的版本可開(kāi)啟硬件加速，這會(huì )讓動(dòng)畫(huà)運行更為流暢。但是需要進(jìn)行測試，因為并非應用的所有功能都能夠兼容硬件加速。
技巧4：用圓角效果來(lái)軟化UI
Button、PageView等用戶(hù)界面控制按鈕在屏幕上都會(huì )呈現矩形的像素形狀，但這需要進(jìn)行處理。在控制界面上，使用圓角效果來(lái)軟化用戶(hù)界面的外觀(guān)，這顯得很像Web的風(fēng)格，但確實(shí)很受用戶(hù)喜歡。
技巧5：在3D效果中使用一致性的“光照”
最新版本的Android平臺使用全息樣式和3D圖標等。如果你在應用的控制按鍵中使用投影和其他此類(lèi)樣式，確保要使用一致性的“光照”。換句話(huà)說(shuō)，要確保陰影在屏幕上的朝向一致。在圖像編輯器中使用相同的數值來(lái)創(chuàng )造相同的斜度和紋理。
技巧6：使用高對比度配色方案
當某個(gè)家庭成員（游戲邦注：往往是老一輩的人）首次發(fā)現可以在郵件中使用帶顏色的字體和背景，于是發(fā)送給你一封使用白色背景和檸檬黃色字體的電子郵件，這樣的郵件閱讀起來(lái)相當費勁。有些人在設計應用的屏幕時(shí)，可能會(huì )讓玩家難以閱讀或導航屏幕中的內容。使用適當的高對比度顏色，會(huì )讓屏幕更易于查看，緩解眼睛的壓力。要將配色方案作為系統資源的一部分，以此為基礎來(lái)開(kāi)展其他工作。
技巧7：使用大型和易讀的字體
和上述不良配色方案一樣，我們也會(huì )收到家庭成員發(fā)送來(lái)帶有某些古怪字體、難以閱讀的文字。相比其他字體，有些字體確實(shí)閱讀起來(lái)更為容易。
字體大小也是個(gè)重要因素，在保持與其他屏幕功能的平衡性的前提下，盡量將字體制作得夠大。就像在使用傳真機時(shí)，使用小于12磅的字體并不合適。
Android 4.0的設計師推出了一種只適用于該平臺的新字體，這種字體在移動(dòng)設備上的閱讀很容易，它被稱(chēng)為Roboto。
技巧8：不要過(guò)多偏離平臺規范
許多成功的手機應用會(huì )使用人們較為熟悉的用戶(hù)界面。它們有簡(jiǎn)單且主流的用戶(hù)界面，其使用的控制方式也是用戶(hù)所熟悉的。在用戶(hù)界面控制和屏幕設計中，不要表現得過(guò)于另類(lèi)。盡量簡(jiǎn)單化，與平臺其他應用的表現保持一致。以平臺作為決定應用表現和行為的線(xiàn)索。
如果你正在制作的UI與眾不同，確保用AB測試等客觀(guān)方法來(lái)比較新UI和傳統UI，由此來(lái)決定新設計方案是否更優(yōu)化，比如更有效、更易于使用或者看起來(lái)更為舒適。
技巧9：遵從UI指導原則
Android程序說(shuō)明書(shū)中有許多可以整合到應用中的UI指導原則。根據應用所使用的Android版本的不同，這些指導原則往往也有所差異。當出現這種情況時(shí)，你需要制作多種資產(chǎn)來(lái)應對多種指導原則。指導原則涵蓋了圖標、小部件、菜單和活動(dòng)等部分。
技巧10：測試用戶(hù)界面
開(kāi)發(fā)者往往不是優(yōu)秀的QA或測試者。應用可穩定運行后，面向完全不熟悉應用設計和意圖的用戶(hù)開(kāi)展測試是很有價(jià)值的做法。應用設計師往往自認為用戶(hù)會(huì )覺(jué)得他們的應用UI很直觀(guān)，情況或許并非如此。只有真正讓用戶(hù)來(lái)測試應用，你才能夠在發(fā)布應用前發(fā)現許多意料之外的問(wèn)題。
附加技巧：雇傭職業(yè)美術(shù)或圖像設計師
現在，用戶(hù)期望看到外觀(guān)精美且設計專(zhuān)業(yè)的應用。正如你不會(huì )衣著(zhù)隨便地去參加面試，所以你應當投入足夠的資源來(lái)潤色應用外觀(guān)后再將其發(fā)布。在多數情況下，程序員往往不是技術(shù)嫻熟的美術(shù)人員，所以可以考慮雇傭職業(yè)美術(shù)人員來(lái)完成這項工作，只是要確保你對設計結果有清晰的認識。
當你埋頭進(jìn)行Android應用開(kāi)發(fā)時(shí)，往往很容易遺忘用戶(hù)界面設計。在你的應用相對較穩定后，瀏覽這個(gè)列表，對應用進(jìn)行潤色。通常來(lái)說(shuō)，這些任務(wù)最好留到開(kāi)發(fā)后期，因為此時(shí)的屏幕內容相對較為固定。
囧神的世界你不懂，蟲(chóng)哥的生活你沒(méi)有，只有程序猿的世界大家才知道。程序猿們，為了自己的精彩世界奮斗吧，努力吧！加油……
【提升Android應用視覺(jué)吸引效果的UI設計技巧】相關(guān)文章：
網(wǎng)頁(yè)設計和UI設計共通的12種技巧07-14
色彩構成面積與視覺(jué)效果07-14
視覺(jué)設計師如何進(jìn)階提升自己能力07-14
視覺(jué)設計總監職責_視覺(jué)設計總監崗位要求通用12-14
視覺(jué)設計總監職責01-22
UI設計個(gè)人總結01-02
ui設計實(shí)習報告12-02