手機(jī)軟件開發(fā)技巧之UI切圖的7大元素設(shè)計(jì)

2016年10月14日 44 小強(qiáng) 分類：Android APP開發(fā)方案

　　手機(jī)軟件開發(fā)是一個(gè)精細(xì)活，里面的UI設(shè)計(jì)直接關(guān)于用戶體驗(yàn)，APP開發(fā)的UI切圖是個(gè)技術(shù)活，千萬不能忽視切圖的重要性，手機(jī)軟件開發(fā)—亦強(qiáng)軟件跟大家分享UI切圖的7大元素設(shè)計(jì)。

　　1、按鈕的設(shè)計(jì)

　　你可以真正點(diǎn)擊的區(qū)域應(yīng)該盡量大些，至少不應(yīng)該小于一個(gè)手指的寬度，那樣的話點(diǎn)擊的命中率要高，否則會(huì)有“點(diǎn)擊不靈敏”的感覺，當(dāng)然并不是真正的不靈敏，而是沒有點(diǎn)中操作的區(qū)域。

　　2、排版的設(shè)計(jì)

　　凡是要響應(yīng)點(diǎn)擊或者其他事件的部分應(yīng)該盡量和屏幕四周的邊框保持一定的距離。如果你非得把這部分放在屏幕邊上，那么最好放大操作區(qū)域。因?yàn)槠聊贿吷宵c(diǎn)擊并不是那么好用，屏幕邊上直接用手去點(diǎn)大部分情況是點(diǎn)不中的。

　　背景和內(nèi)容的對(duì)比度一定要合適。作為有美術(shù)基礎(chǔ)的都知道這點(diǎn)，但是很多時(shí)候在設(shè)計(jì)的時(shí)候就犯這樣的錯(cuò)。你的設(shè)計(jì)一定要考慮到使用環(huán)境，如在陽光下。如果對(duì)比度不夠的話那么在強(qiáng)光的環(huán)境下就不好用了，背景和內(nèi)容就融為一體了，很難分辨。

　　3、對(duì)話框的使用

　　尤其是網(wǎng)頁中都會(huì)有很多的對(duì)話框，久而久之人們對(duì)對(duì)話框也就產(chǎn)生了反感，能以更好的方式做提示的情況下就盡量避免用對(duì)話框，非用不可的情況下那么建議一個(gè)界面不超過兩處。老是彈對(duì)話框的應(yīng)用，最終彈走的是用戶。

　　4、界面簡(jiǎn)潔性

　　這點(diǎn)有兩重意思，其一就是界面完成的功能很明確、簡(jiǎn)潔，其二是同類操作盡量在一個(gè)界面完成。感覺上這兩點(diǎn)有沖突，其實(shí)不然，如果真的不能做到既界面簡(jiǎn)潔又功能統(tǒng)一那么這個(gè)設(shè)計(jì)最好還是再設(shè)計(jì)設(shè)計(jì)。

　　5、動(dòng)畫的使用

　　使用動(dòng)畫進(jìn)行界面的過度讓人感覺更柔和、親近?，F(xiàn)在的應(yīng)用太多了，而且功能強(qiáng)大，你的應(yīng)用需要脫穎而出那么就必須與眾不同，有時(shí)一些簡(jiǎn)單的動(dòng)畫會(huì)給你的應(yīng)用增色不少。

　　6、整體的布局

　　在界面上應(yīng)該避免左右布局嚴(yán)重不平衡，當(dāng)然也有故意設(shè)計(jì)成不對(duì)稱美的。比如界面的最下面一欄有兩個(gè)橫著排版的按鈕，那么這兩個(gè)按鈕最好整體上居中，若是偏左或是偏右那么就有左右不平衡的感覺。

　　7、屏幕的適配

　　一個(gè)好的應(yīng)用應(yīng)該盡可能多的適配更多的屏幕。UI設(shè)計(jì)過程中就應(yīng)該考慮到屏幕變寬、變高、變窄、變短的過程中UI應(yīng)該如何適配。整體上有個(gè)原則，屏幕的適配不要改變整體的布局，也就是布局是不變的只是對(duì)圖形進(jìn)行拉伸而已（關(guān)鍵是如何拉伸）。