提升Android應(yīng)用視覺吸引效果的10個(gè)UI設(shè)計(jì)技巧
更新時(shí)間:2013年01月08日 16:36:41 作者:
在Android應(yīng)用開發(fā)中,風(fēng)格和設(shè)計(jì)或許不是最關(guān)鍵的要素,但它們?cè)跊Q定Android應(yīng)用成功與否上確實(shí)扮演重要的角色,以下是10個(gè)Android應(yīng)用的UI設(shè)計(jì)技巧,還有個(gè)附加技巧,感興趣的朋友可以了解下哦
在Android應(yīng)用開發(fā)中,風(fēng)格和設(shè)計(jì)或許不是最關(guān)鍵的要素,但它們?cè)跊Q定Android應(yīng)用成功與否上確實(shí)扮演重要的角色。以下是10個(gè)Android應(yīng)用的UI設(shè)計(jì)技巧,還有個(gè)附加技巧,能夠提供你的Android應(yīng)用的視覺吸引力。
技巧1:使用大小適當(dāng)?shù)膱D像
在圖像方面,許多Android應(yīng)用開發(fā)者采用的是大小單一的做法。盡管這會(huì)使資源管理變得更為簡(jiǎn)單,但就應(yīng)用的視覺吸引力而言,這是個(gè)錯(cuò)誤的做法。要讓應(yīng)用呈現(xiàn)出最佳的視覺效果,那么就應(yīng)當(dāng)針對(duì)具體的設(shè)備屏幕設(shè)計(jì)不同的圖像。最適當(dāng)?shù)膱D像才能構(gòu)建出最棒的用戶體驗(yàn)。
技巧2:使用適當(dāng)格式的圖像
我們都見過(guò)有些應(yīng)用在嘗試加載某些大型圖像時(shí)會(huì)暫停,這不僅僅因?yàn)閳D像的大小存在偏差,而且還因?yàn)閳D像采用了非理想的格式。Android平臺(tái)支持許多種媒體格式,比如PNG、JPEG、GIF、BMP和WebP(游戲邦注:僅Android 4.0+版本支持)。PNG是無(wú)損圖片的理想格式,而JPEG的呈現(xiàn)質(zhì)量并不穩(wěn)定。
Android還支持帶有Nine-Patch的彈性圖像。如果可行的話,可以考慮使用WebP來(lái)替代JPEG,因?yàn)檫@種格式在存儲(chǔ)和下載時(shí)效率更高。也就是說(shuō),如果將其作為與較老格式同時(shí)使用的獨(dú)立圖片,那么應(yīng)用整體規(guī)模會(huì)變大,這就削減了使用新格式的優(yōu)勢(shì)。
技巧3:運(yùn)用微妙動(dòng)畫,顏色來(lái)呈現(xiàn)狀態(tài)改變
在屏幕轉(zhuǎn)場(chǎng)時(shí)運(yùn)用微妙動(dòng)畫以及UI控制顏色變化來(lái)呈現(xiàn)應(yīng)用狀態(tài)改變,這會(huì)讓你的應(yīng)用更顯專業(yè)感。比如,活動(dòng)間的淡入淡出使屏幕轉(zhuǎn)變更為自然,改變被按動(dòng)的按鍵顏色會(huì)突顯正在發(fā)生的用戶動(dòng)作,清晰地呈現(xiàn)出用戶正在做的事情。
Android 3.x及隨后的版本可開啟硬件加速,這會(huì)讓動(dòng)畫運(yùn)行更為流暢。但是需要進(jìn)行測(cè)試,因?yàn)椴⒎菓?yīng)用的所有功能都能夠兼容硬件加速。
技巧4:用圓角效果來(lái)軟化UI
Button、PageView等用戶界面控制按鈕在屏幕上都會(huì)呈現(xiàn)矩形的像素形狀,但這需要進(jìn)行處理。在控制界面上,使用圓角效果來(lái)軟化用戶界面的外觀,這顯得很像Web的風(fēng)格,但確實(shí)很受用戶喜歡。
技巧5:在3D效果中使用一致性的“光照”
最新版本的Android平臺(tái)使用全息樣式和3D圖標(biāo)等。如果你在應(yīng)用的控制按鍵中使用投影和其他此類樣式,確保要使用一致性的“光照”。換句話說(shuō),要確保陰影在屏幕上的朝向一致。在圖像編輯器中使用相同的數(shù)值來(lái)創(chuàng)造相同的斜度和紋理。
技巧6:使用高對(duì)比度配色方案
當(dāng)某個(gè)家庭成員(游戲邦注:往往是老一輩的人)首次發(fā)現(xiàn)可以在郵件中使用帶顏色的字體和背景,于是發(fā)送給你一封使用白色背景和檸檬黃色字體的電子郵件,這樣的郵件閱讀起來(lái)相當(dāng)費(fèi)勁。有些人在設(shè)計(jì)應(yīng)用的屏幕時(shí),可能會(huì)讓玩家難以閱讀或?qū)Ш狡聊恢械膬?nèi)容。使用適當(dāng)?shù)母邔?duì)比度顏色,會(huì)讓屏幕更易于查看,緩解眼睛的壓力。要將配色方案作為系統(tǒng)資源的一部分,以此為基礎(chǔ)來(lái)開展其他工作。
技巧7:使用大型和易讀的字體
和上述不良配色方案一樣,我們也會(huì)收到家庭成員發(fā)送來(lái)帶有某些古怪字體、難以閱讀的文字。相比其他字體,有些字體確實(shí)閱讀起來(lái)更為容易。
字體大小也是個(gè)重要因素,在保持與其他屏幕功能的平衡性的前提下,盡量將字體制作得夠大。就像在使用傳真機(jī)時(shí),使用小于12磅的字體并不合適。
Android 4.0的設(shè)計(jì)師推出了一種只適用于該平臺(tái)的新字體,這種字體在移動(dòng)設(shè)備上的閱讀很容易,它被稱為Roboto。
技巧8:不要過(guò)多偏離平臺(tái)規(guī)范
許多成功的手機(jī)應(yīng)用會(huì)使用人們較為熟悉的用戶界面。它們有簡(jiǎn)單且主流的用戶界面,其使用的控制方式也是用戶所熟悉的。在用戶界面控制和屏幕設(shè)計(jì)中,不要表現(xiàn)得過(guò)于另類。盡量簡(jiǎn)單化,與平臺(tái)其他應(yīng)用的表現(xiàn)保持一致。以平臺(tái)作為決定應(yīng)用表現(xiàn)和行為的線索。
如果你正在制作的UI與眾不同,確保用AB測(cè)試等客觀方法來(lái)比較新UI和傳統(tǒng)UI,由此來(lái)決定新設(shè)計(jì)方案是否更優(yōu)化,比如更有效、更易于使用或者看起來(lái)更為舒適。
技巧9:遵從UI指導(dǎo)原則
Android程序說(shuō)明書中有許多可以整合到應(yīng)用中的UI指導(dǎo)原則。根據(jù)應(yīng)用所使用的Android版本的不同,這些指導(dǎo)原則往往也有所差異。當(dāng)出現(xiàn)這種情況時(shí),你需要制作多種資產(chǎn)來(lái)應(yīng)對(duì)多種指導(dǎo)原則。指導(dǎo)原則涵蓋了圖標(biāo)、小部件、菜單和活動(dòng)等部分。
技巧10:測(cè)試用戶界面
開發(fā)者往往不是優(yōu)秀的QA或測(cè)試者。應(yīng)用可穩(wěn)定運(yùn)行后,面向完全不熟悉應(yīng)用設(shè)計(jì)和意圖的用戶開展測(cè)試是很有價(jià)值的做法。應(yīng)用設(shè)計(jì)師往往自認(rèn)為用戶會(huì)覺得他們的應(yīng)用UI很直觀,情況或許并非如此。只有真正讓用戶來(lái)測(cè)試應(yīng)用,你才能夠在發(fā)布應(yīng)用前發(fā)現(xiàn)許多意料之外的問(wèn)題。
附加技巧:雇傭職業(yè)美術(shù)或圖像設(shè)計(jì)師
現(xiàn)在,用戶期望看到外觀精美且設(shè)計(jì)專業(yè)的應(yīng)用。正如你不會(huì)衣著隨便地去參加面試,所以你應(yīng)當(dāng)投入足夠的資源來(lái)潤(rùn)色應(yīng)用外觀后再將其發(fā)布。在多數(shù)情況下,程序員往往不是技術(shù)嫻熟的美術(shù)人員,所以可以考慮雇傭職業(yè)美術(shù)人員來(lái)完成這項(xiàng)工作,只是要確保你對(duì)設(shè)計(jì)結(jié)果有清晰的認(rèn)識(shí)。
當(dāng)你埋頭進(jìn)行Android應(yīng)用開發(fā)時(shí),往往很容易遺忘用戶界面設(shè)計(jì)。在你的應(yīng)用相對(duì)較穩(wěn)定后,瀏覽這個(gè)列表,對(duì)應(yīng)用進(jìn)行潤(rùn)色。通常來(lái)說(shuō),這些任務(wù)最好留到開發(fā)后期,因?yàn)榇藭r(shí)的屏幕內(nèi)容相對(duì)較為固定。
囧神的世界你不懂,蟲哥的生活你沒有,只有程序猿的世界大家才知道。程序猿們,為了自己的精彩世界奮斗吧,努力吧!加油……
技巧1:使用大小適當(dāng)?shù)膱D像
在圖像方面,許多Android應(yīng)用開發(fā)者采用的是大小單一的做法。盡管這會(huì)使資源管理變得更為簡(jiǎn)單,但就應(yīng)用的視覺吸引力而言,這是個(gè)錯(cuò)誤的做法。要讓應(yīng)用呈現(xiàn)出最佳的視覺效果,那么就應(yīng)當(dāng)針對(duì)具體的設(shè)備屏幕設(shè)計(jì)不同的圖像。最適當(dāng)?shù)膱D像才能構(gòu)建出最棒的用戶體驗(yàn)。
技巧2:使用適當(dāng)格式的圖像
我們都見過(guò)有些應(yīng)用在嘗試加載某些大型圖像時(shí)會(huì)暫停,這不僅僅因?yàn)閳D像的大小存在偏差,而且還因?yàn)閳D像采用了非理想的格式。Android平臺(tái)支持許多種媒體格式,比如PNG、JPEG、GIF、BMP和WebP(游戲邦注:僅Android 4.0+版本支持)。PNG是無(wú)損圖片的理想格式,而JPEG的呈現(xiàn)質(zhì)量并不穩(wěn)定。
Android還支持帶有Nine-Patch的彈性圖像。如果可行的話,可以考慮使用WebP來(lái)替代JPEG,因?yàn)檫@種格式在存儲(chǔ)和下載時(shí)效率更高。也就是說(shuō),如果將其作為與較老格式同時(shí)使用的獨(dú)立圖片,那么應(yīng)用整體規(guī)模會(huì)變大,這就削減了使用新格式的優(yōu)勢(shì)。
技巧3:運(yùn)用微妙動(dòng)畫,顏色來(lái)呈現(xiàn)狀態(tài)改變
在屏幕轉(zhuǎn)場(chǎng)時(shí)運(yùn)用微妙動(dòng)畫以及UI控制顏色變化來(lái)呈現(xiàn)應(yīng)用狀態(tài)改變,這會(huì)讓你的應(yīng)用更顯專業(yè)感。比如,活動(dòng)間的淡入淡出使屏幕轉(zhuǎn)變更為自然,改變被按動(dòng)的按鍵顏色會(huì)突顯正在發(fā)生的用戶動(dòng)作,清晰地呈現(xiàn)出用戶正在做的事情。
Android 3.x及隨后的版本可開啟硬件加速,這會(huì)讓動(dòng)畫運(yùn)行更為流暢。但是需要進(jìn)行測(cè)試,因?yàn)椴⒎菓?yīng)用的所有功能都能夠兼容硬件加速。
技巧4:用圓角效果來(lái)軟化UI
Button、PageView等用戶界面控制按鈕在屏幕上都會(huì)呈現(xiàn)矩形的像素形狀,但這需要進(jìn)行處理。在控制界面上,使用圓角效果來(lái)軟化用戶界面的外觀,這顯得很像Web的風(fēng)格,但確實(shí)很受用戶喜歡。
技巧5:在3D效果中使用一致性的“光照”
最新版本的Android平臺(tái)使用全息樣式和3D圖標(biāo)等。如果你在應(yīng)用的控制按鍵中使用投影和其他此類樣式,確保要使用一致性的“光照”。換句話說(shuō),要確保陰影在屏幕上的朝向一致。在圖像編輯器中使用相同的數(shù)值來(lái)創(chuàng)造相同的斜度和紋理。
技巧6:使用高對(duì)比度配色方案
當(dāng)某個(gè)家庭成員(游戲邦注:往往是老一輩的人)首次發(fā)現(xiàn)可以在郵件中使用帶顏色的字體和背景,于是發(fā)送給你一封使用白色背景和檸檬黃色字體的電子郵件,這樣的郵件閱讀起來(lái)相當(dāng)費(fèi)勁。有些人在設(shè)計(jì)應(yīng)用的屏幕時(shí),可能會(huì)讓玩家難以閱讀或?qū)Ш狡聊恢械膬?nèi)容。使用適當(dāng)?shù)母邔?duì)比度顏色,會(huì)讓屏幕更易于查看,緩解眼睛的壓力。要將配色方案作為系統(tǒng)資源的一部分,以此為基礎(chǔ)來(lái)開展其他工作。
技巧7:使用大型和易讀的字體
和上述不良配色方案一樣,我們也會(huì)收到家庭成員發(fā)送來(lái)帶有某些古怪字體、難以閱讀的文字。相比其他字體,有些字體確實(shí)閱讀起來(lái)更為容易。
字體大小也是個(gè)重要因素,在保持與其他屏幕功能的平衡性的前提下,盡量將字體制作得夠大。就像在使用傳真機(jī)時(shí),使用小于12磅的字體并不合適。
Android 4.0的設(shè)計(jì)師推出了一種只適用于該平臺(tái)的新字體,這種字體在移動(dòng)設(shè)備上的閱讀很容易,它被稱為Roboto。
技巧8:不要過(guò)多偏離平臺(tái)規(guī)范
許多成功的手機(jī)應(yīng)用會(huì)使用人們較為熟悉的用戶界面。它們有簡(jiǎn)單且主流的用戶界面,其使用的控制方式也是用戶所熟悉的。在用戶界面控制和屏幕設(shè)計(jì)中,不要表現(xiàn)得過(guò)于另類。盡量簡(jiǎn)單化,與平臺(tái)其他應(yīng)用的表現(xiàn)保持一致。以平臺(tái)作為決定應(yīng)用表現(xiàn)和行為的線索。
如果你正在制作的UI與眾不同,確保用AB測(cè)試等客觀方法來(lái)比較新UI和傳統(tǒng)UI,由此來(lái)決定新設(shè)計(jì)方案是否更優(yōu)化,比如更有效、更易于使用或者看起來(lái)更為舒適。
技巧9:遵從UI指導(dǎo)原則
Android程序說(shuō)明書中有許多可以整合到應(yīng)用中的UI指導(dǎo)原則。根據(jù)應(yīng)用所使用的Android版本的不同,這些指導(dǎo)原則往往也有所差異。當(dāng)出現(xiàn)這種情況時(shí),你需要制作多種資產(chǎn)來(lái)應(yīng)對(duì)多種指導(dǎo)原則。指導(dǎo)原則涵蓋了圖標(biāo)、小部件、菜單和活動(dòng)等部分。
技巧10:測(cè)試用戶界面
開發(fā)者往往不是優(yōu)秀的QA或測(cè)試者。應(yīng)用可穩(wěn)定運(yùn)行后,面向完全不熟悉應(yīng)用設(shè)計(jì)和意圖的用戶開展測(cè)試是很有價(jià)值的做法。應(yīng)用設(shè)計(jì)師往往自認(rèn)為用戶會(huì)覺得他們的應(yīng)用UI很直觀,情況或許并非如此。只有真正讓用戶來(lái)測(cè)試應(yīng)用,你才能夠在發(fā)布應(yīng)用前發(fā)現(xiàn)許多意料之外的問(wèn)題。
附加技巧:雇傭職業(yè)美術(shù)或圖像設(shè)計(jì)師
現(xiàn)在,用戶期望看到外觀精美且設(shè)計(jì)專業(yè)的應(yīng)用。正如你不會(huì)衣著隨便地去參加面試,所以你應(yīng)當(dāng)投入足夠的資源來(lái)潤(rùn)色應(yīng)用外觀后再將其發(fā)布。在多數(shù)情況下,程序員往往不是技術(shù)嫻熟的美術(shù)人員,所以可以考慮雇傭職業(yè)美術(shù)人員來(lái)完成這項(xiàng)工作,只是要確保你對(duì)設(shè)計(jì)結(jié)果有清晰的認(rèn)識(shí)。
當(dāng)你埋頭進(jìn)行Android應(yīng)用開發(fā)時(shí),往往很容易遺忘用戶界面設(shè)計(jì)。在你的應(yīng)用相對(duì)較穩(wěn)定后,瀏覽這個(gè)列表,對(duì)應(yīng)用進(jìn)行潤(rùn)色。通常來(lái)說(shuō),這些任務(wù)最好留到開發(fā)后期,因?yàn)榇藭r(shí)的屏幕內(nèi)容相對(duì)較為固定。
囧神的世界你不懂,蟲哥的生活你沒有,只有程序猿的世界大家才知道。程序猿們,為了自己的精彩世界奮斗吧,努力吧!加油……
您可能感興趣的文章:
- 淺談AnDroidDraw+DroidDraw實(shí)現(xiàn)Android程序UI設(shè)計(jì)的分析說(shuō)明
- Android編程UI設(shè)計(jì)之GridView和ImageView的用法
- Android UI設(shè)計(jì)系列之ImageView實(shí)現(xiàn)ProgressBar旋轉(zhuǎn)效果(1)
- Android UI設(shè)計(jì)系列之自定義TextView屬性實(shí)現(xiàn)帶下劃線的文本框(4)
- Android UI設(shè)計(jì)系列之自定義DrawView組件實(shí)現(xiàn)數(shù)字簽名效果(5)
- Android UI設(shè)計(jì)系列之HTML標(biāo)簽實(shí)現(xiàn)TextView設(shè)置中文字體加粗效果(6)
- Android UI設(shè)計(jì)系列之自定義Dialog實(shí)現(xiàn)各種風(fēng)格的對(duì)話框效果(7)
- Android UI設(shè)計(jì)系列之自定義ListView仿QQ空間阻尼下拉刷新和漸變菜單欄效果(8)
- Android項(xiàng)目開發(fā)之UI設(shè)計(jì)器
- Android UI設(shè)計(jì)系列之自定義ViewGroup打造通用的關(guān)閉鍵盤小控件ImeObserverLayout(9)
相關(guān)文章
深入解析Android App的LayoutInflate布局
這篇文章主要介紹了Android App的LayoutInflate布局,對(duì)LayoutInflate編寫中經(jīng)常被無(wú)解及產(chǎn)生錯(cuò)誤的地方進(jìn)行了深入說(shuō)明,需要的朋友可以參考下2016-04-04Android下拉刷新ListView——RTPullListView(demo)
下拉刷新已經(jīng)形成一種默認(rèn)的用戶習(xí)慣,今天主要介紹下在Android上實(shí)現(xiàn)下拉刷新的Demo,感興趣的朋友可以參考下哈,希望可以幫助到你2013-04-04Android MQTT與WebSocket協(xié)議詳細(xì)講解
MQTT(消息隊(duì)列遙測(cè)傳輸)是ISO 標(biāo)準(zhǔn)(ISO/IEC PRF 20922)下基于發(fā)布/訂閱范式的消息協(xié)議。它工作在TCP/IP協(xié)議族上,是為硬件性能低下的遠(yuǎn)程設(shè)備以及網(wǎng)絡(luò)狀況糟糕的情況下而設(shè)計(jì)的發(fā)布/訂閱型消息協(xié)議2022-11-11Android開發(fā)筆記之: 數(shù)據(jù)存儲(chǔ)方式詳解
本篇文章是對(duì)Android中數(shù)據(jù)存儲(chǔ)方式進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05Android使用Kotlin API實(shí)踐WorkManager
這篇文章主要介紹了Android使用Kotlin API實(shí)踐WorkManager的步驟,幫助大家更好的理解和學(xué)習(xí)使用Android,感興趣的朋友可以了解下2021-04-04Android listView 繪制表格實(shí)例詳解
這篇文章主要介紹了Android listView 繪制表格實(shí)例詳解的相關(guān)資料,這里附有實(shí)例代碼及實(shí)現(xiàn)效果圖,利用listView 繪制表格提供實(shí)現(xiàn)思路,需要的朋友可以參考下2017-01-01詳解Android Activity之間跳轉(zhuǎn)出現(xiàn)短暫黑屏的處理方法
本篇文章主要介紹了詳解Android Activity之間跳轉(zhuǎn)出現(xiàn)短暫黑屏的處理方法,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2017-06-06Kotlin協(xié)程Job生命周期結(jié)構(gòu)化并發(fā)詳解
這篇文章主要為大家介紹了Kotlin協(xié)程Job生命周期結(jié)構(gòu)化并發(fā)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12