從事UI設(shè)計(jì)的朋友們，肯定知道我們?cè)谧鯱I設(shè)計(jì)時(shí)，其實(shí)是可以通過(guò)一些小技巧來(lái)幫我們?cè)O(shè)計(jì)的界面更加的漂亮、實(shí)用、交互性強(qiáng)，用戶體驗(yàn)更好。今天的話，25學(xué)堂在互聯(lián)網(wǎng)上面搜尋了幾個(gè)小技巧。在這里跟大家一起來(lái)分享下。

????????? ???小技巧一：對(duì)按鈕進(jìn)行排版！排版設(shè)計(jì)也是一門學(xué)問(wèn)，不一樣的排版就會(huì)有不一樣的視覺(jué)結(jié)果。

如果對(duì)設(shè)計(jì)的細(xì)節(jié)不重視，有可能讓我們?cè)就昝赖漠a(chǎn)品變的平庸，比如像按鈕、Tab這些簡(jiǎn)單的界面元素也是需要排版的，因?yàn)橛脩艨赡苊刻於紩?huì)點(diǎn)擊N次。

???小技巧二：設(shè)計(jì)的時(shí)候要學(xué)會(huì)留白。留白的作用在于突顯我們的設(shè)計(jì)的重要的內(nèi)容。

內(nèi)容元素之間的空白不僅僅是用來(lái)分隔的，這也是設(shè)計(jì)中需要注意的問(wèn)題之一，比如像按鈕、導(dǎo)航條、文章內(nèi)容、標(biāo)題等等元素之間的空白都有必要關(guān)注。有效地利用空白，我們可以明確的表現(xiàn)出頁(yè)面元素之間的關(guān)系。

?????????????小技巧三：利用顏色的效果來(lái)引起注意，也就是采取高亮，大色塊來(lái)突顯設(shè)計(jì)的內(nèi)容。

利用不同的顏色也可以有效地吸引用戶對(duì)重要及可操作元素的注意力。

像紅、黃、橙等暖色調(diào)，天生就有較強(qiáng)的吸引眼球的能力，而且這種能力在對(duì)比藍(lán)、綠等冷色調(diào)時(shí)就更為突出。有趣的是，這種差別會(huì)讓人產(chǎn)生空間上的想象，比如藍(lán)色背景上的橙色按鈕會(huì)給人凸起的感覺(jué)，相反情況下會(huì)給人凹陷的感覺(jué)。

???????小技巧四：鏈接體驗(yàn)需改善。以及就是鼠標(biāo)移動(dòng)到圖片，文字的上面的時(shí)候 應(yīng)該變成手型，暗示該地方是可以點(diǎn)擊的。

網(wǎng)頁(yè)中文章里的關(guān)鍵字通常都標(biāo)有下劃線，提示用戶這個(gè)文字是可以點(diǎn)擊的，但是可點(diǎn)擊區(qū)域不會(huì)超過(guò)字符的寬、高范圍。設(shè)計(jì)類似這種帶有超鏈接的可點(diǎn)擊區(qū)域的時(shí)候，都可以通過(guò)一些小技巧來(lái)提高可用性，比如：增加間隔，有些情況下甚至可以把鏈接轉(zhuǎn)換為塊元素。

小技巧五：利用對(duì)比，對(duì)稱等方法來(lái)控制焦點(diǎn)

與上面兩個(gè)技巧類似，我們也可以通過(guò)頁(yè)面元素間的對(duì)比來(lái)控制用戶關(guān)注的焦點(diǎn)。下面的例子關(guān)于文章標(biāo)題與日期、作者等信息之間利用對(duì)比突出重點(diǎn)的例子。在設(shè)計(jì)的時(shí)候也是可以采取對(duì)稱的方法來(lái)突顯不一樣的設(shè)計(jì)圖。

小技巧六：恰當(dāng)?shù)氖褂靡恍┕庥靶Ч?/strong>

目前蘋果的設(shè)計(jì)是非常受大家的歡迎，我們無(wú)非看到有個(gè)很有個(gè)性的效果，那就是他們的手機(jī)，ios產(chǎn)品都有一個(gè)光影的效果。讓我們看起來(lái)更加逼真，更加實(shí)際。很有立體感，所以，當(dāng)我們?cè)O(shè)計(jì)的元素比較少的時(shí)候，不妨加入一些光影的效果，有助于我們的設(shè)計(jì)更加立體。