手機軟件開發技巧之UI切圖的7大元素設計
2016年10月14日
44
小強 分類:Android APP開發方案
手機軟件開發是一個精細活,里面的UI設計直接關于用戶體驗,APP開發的UI切圖是個技術活,千萬不能忽視切圖的重要性,手機軟件開發—亦強軟件跟大家分享UI切圖的7大元素設計。
1、按鈕的設計
你可以真正點擊的區域應該盡量大些,至少不應該小于一個手指的寬度,那樣的話點擊的命中率要高,否則會有“點擊不靈敏”的感覺,當然并不是真正的不靈敏,而是沒有點中操作的區域。
2、排版的設計
凡是要響應點擊或者其他事件的部分應該盡量和屏幕四周的邊框保持一定的距離。如果你非得把這部分放在屏幕邊上,那么最好放大操作區域。因為屏幕邊上點擊并不是那么好用,屏幕邊上直接用手去點大部分情況是點不中的。
背景和內容的對比度一定要合適。作為有美術基礎的都知道這點,但是很多時候在設計的時候就犯這樣的錯。你的設計一定要考慮到使用環境,如在陽光下。如果對比度不夠的話那么在強光的環境下就不好用了,背景和內容就融為一體了,很難分辨。
3、對話框的使用
尤其是網頁中都會有很多的對話框,久而久之人們對對話框也就產生了反感,能以更好的方式做提示的情況下就盡量避免用對話框,非用不可的情況下那么建議一個界面不超過兩處。老是彈對話框的應用,最終彈走的是用戶。
4、界面簡潔性
這點有兩重意思,其一就是界面完成的功能很明確、簡潔,其二是同類操作盡量在一個界面完成。感覺上這兩點有沖突,其實不然,如果真的不能做到既界面簡潔又功能統一那么這個設計最好還是再設計設計。
5、動畫的使用
使用動畫進行界面的過度讓人感覺更柔和、親近。現在的應用太多了,而且功能強大,你的應用需要脫穎而出那么就必須與眾不同,有時一些簡單的動畫會給你的應用增色不少。
6、整體的布局
在界面上應該避免左右布局嚴重不平衡,當然也有故意設計成不對稱美的。比如界面的最下面一欄有兩個橫著排版的按鈕,那么這兩個按鈕最好整體上居中,若是偏左或是偏右那么就有左右不平衡的感覺。
7、屏幕的適配
一個好的應用應該盡可能多的適配更多的屏幕。UI設計過程中就應該考慮到屏幕變寬、變高、變窄、變短的過程中UI應該如何適配。整體上有個原則,屏幕的適配不要改變整體的布局,也就是布局是不變的只是對圖形進行拉伸而已(關鍵是如何拉伸)。