很多新手ui設(shè)計(jì)師在接手一個(gè)新項(xiàng)目的時(shí)候?qū)τ谌绾巫鰑i設(shè)計(jì)師非常迷茫的，不知道應(yīng)該如何設(shè)計(jì)才能夠達(dá)到更好的效果，下面我們跟隨小編一起來(lái)了解一下如何設(shè)計(jì)ui的相關(guān)資料吧。

如何設(shè)計(jì)ui的五大技巧：

一、交互方式模擬現(xiàn)實(shí)

　　模擬現(xiàn)實(shí)的交互方式會(huì)給人熟悉親切的感覺(jué)，用戶不需要學(xué)習(xí)，便能夠理解。UI設(shè)計(jì)中不乏這樣的例子。例如，當(dāng)某個(gè)按鈕按下去的時(shí)候，呈現(xiàn)比原來(lái)更深的顏色，這個(gè)就是模擬了現(xiàn)實(shí)中光影的效果，不同的高度，對(duì)于同一個(gè)物體，顏色肯定有所差別。有一個(gè)小的手電筒APP，就模擬了現(xiàn)實(shí)中的手電筒，所以用戶不必思考它怎么用，因?yàn)樘煜ち?。用戶第一次接觸，不需要學(xué)習(xí)，毫無(wú)約束的使用的應(yīng)用，就是好的應(yīng)用。

　　二、界面設(shè)計(jì)要簡(jiǎn)單

　　ui界面設(shè)計(jì)跟ui平面設(shè)計(jì)有很大不同，ui平面設(shè)計(jì)可以隨自己的喜好或者是需要加入一些裝飾，特別是海報(bào)招貼的設(shè)計(jì)，需要有一些吸引眼球的內(nèi)容或者是色彩。但是界面對(duì)于用戶來(lái)說(shuō)是工具，所以好用是工具所要具備的第一品質(zhì)，為了不干擾用戶，不要添加不必要的裝飾。 為了使界面干凈，要適當(dāng)隱藏一些不重要的功能，但是用戶可以通過(guò)有效的方法找到這些功能。

（圖片來(lái)自網(wǎng)絡(luò)）

　　三、圖標(biāo)運(yùn)用

　　1、盡量使用通用的圖標(biāo)。 用戶已經(jīng)習(xí)慣的圖標(biāo)，我們就不要去試圖更改，使用通用圖標(biāo)會(huì)讓用戶更容易使用，也更容易讓用戶對(duì)界面產(chǎn)生親切感。一個(gè)陌生的界面的接受程度遠(yuǎn)不如一個(gè)被大眾熟悉的界面。

　　2、圖標(biāo)的設(shè)計(jì)能夠體現(xiàn)所代表事物的特點(diǎn)。 當(dāng)然，除了通用圖標(biāo)，我們也要設(shè)計(jì)能夠體現(xiàn)軟件特點(diǎn)的新圖標(biāo)。讓軟件有一定的個(gè)性和差異性。設(shè)計(jì)圖標(biāo)一定能夠代表事物的特點(diǎn)，讓用戶看到圖標(biāo)在不用文字解釋的情況下能夠理解它所代表的含義。這樣的設(shè)計(jì)使得軟件生動(dòng)充滿了活力，提升用戶體驗(yàn)。

　　3、圖標(biāo)的設(shè)計(jì)不能太過(guò)復(fù)雜。 雖說(shuō)圖標(biāo)的設(shè)計(jì)能夠體現(xiàn)所代表事物的特點(diǎn)，但是設(shè)計(jì)不能太過(guò)復(fù)雜，要簡(jiǎn)約。好的圖標(biāo)設(shè)計(jì)既要有特點(diǎn)，有親和力，又能讓界面很干凈。

（圖片來(lái)自網(wǎng)絡(luò)）

　　四、色彩的搭配

　　相同的顏色，搭配的比例不同，搭配的位置不同，就會(huì)產(chǎn)生不一樣的感情色彩。不要超過(guò)3種顏色是所有色彩原則的基礎(chǔ)。

　　1、黑白灰優(yōu)先。 如果你沒(méi)有很好的配色，那就先選擇黑白灰吧，如果搭配得當(dāng)，黑白灰的設(shè)計(jì)看上去層次也是很豐富的。

　　2、在黑白灰基礎(chǔ)上添加一種色彩。 如果你覺(jué)得黑白灰單調(diào)，可以在黑白灰的基礎(chǔ)上加入一種色彩，可以在大面積的黑白灰上面加入小面積的顏色。這樣的搭配高雅，又不失活力。

　　3、使用同一色系進(jìn)行色彩搭配。 如果使用色彩來(lái)搭配，那么一個(gè)頁(yè)面最好使用同一色系的顏色來(lái)進(jìn)行搭配，這樣就不會(huì)出現(xiàn)不協(xié)調(diào)的問(wèn)題。

　　4、可使用互補(bǔ)色進(jìn)行搭配。 只要比例得當(dāng)，互補(bǔ)色的搭配一樣可以收獲很好的視覺(jué)效果。

　　5、使用鄰近色進(jìn)行色彩搭配。 一種顏色的純度比較高的時(shí)候，另一種顏色純度低或名度低的，這樣搭配出的效果會(huì)比較好。以上只是一些基礎(chǔ)的色彩搭配，初學(xué)者，如果能做到以上幾點(diǎn)，相信界面設(shè)計(jì)也一定不會(huì)差。

（圖片來(lái)自網(wǎng)絡(luò)）

　　五、語(yǔ)言的使用

　　1、語(yǔ)言使用的一致性。 同一事物的說(shuō)明要使用同一個(gè)詞語(yǔ)，否則會(huì)給用戶造成不必要的困擾。例如，如果你使用了“查找”，就不要在同樣的情況下使用“搜索”。

　　2、語(yǔ)言使用的準(zhǔn)確性。 使用語(yǔ)言一定要準(zhǔn)確，不要產(chǎn)生歧義，不要讓用戶思考。

　　3、語(yǔ)言使用的通俗性。 不要使用專業(yè)術(shù)語(yǔ)，是的用戶根本不理解語(yǔ)言的意思，要時(shí)刻記住，我們的軟件是給廣大用戶使用的，而不是給我們的專業(yè)技術(shù)人員使用的。

　　4、語(yǔ)言使用要體現(xiàn)出情感關(guān)懷。 盡量不要使用“警告”“禁止”等不友好的語(yǔ)言，可以使用“溫馨提示”“請(qǐng)不要......”以及一些比較時(shí)尚的網(wǎng)絡(luò)用語(yǔ)。總之，語(yǔ)言上的使用，要給用戶親切、友好、輕松的感受。

　　如何設(shè)計(jì)ui呢?其實(shí)小編覺(jué)得設(shè)計(jì)ui并沒(méi)有大家想象中的那么困難，關(guān)鍵是在設(shè)計(jì)之初要找準(zhǔn)自己的設(shè)計(jì)定位，這樣才能設(shè)計(jì)出更好的ui作品哦!