如何做好界面設(shè)計(jì)？

在做軟件界面設(shè)計(jì)的時(shí)候，經(jīng)常會(huì)遇到一些困擾。該怎么做，怎么做能夠提高用戶對(duì)該軟件的興趣，提升用戶體驗(yàn)，是界面設(shè)計(jì)師應(yīng)該考慮的問題和做界面設(shè)計(jì)的出發(fā)點(diǎn)。界面美觀、舒適是很重要的，但是更重要的是使用方便，給人的感覺友好、熟悉，又不缺乏個(gè)性。

UI即User Interface（用戶界面）的簡(jiǎn)稱。UI設(shè)計(jì)是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。好的UI設(shè)計(jì)不僅是讓軟件變得有個(gè)性有品位，還要讓軟件的操作變得舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。由此可見我們需要研究三方面的內(nèi)容，即研究人、研究工具以及人與工具的關(guān)系。

用戶界面作為人與機(jī)器交互的媒介，有著非常重要的作用，沒有界面，人就無(wú)法操作機(jī)器。所以界面設(shè)計(jì)的好與壞，直接影響到用戶使用軟件難易程度。好的UI設(shè)計(jì)能夠讓軟件的使用變得輕松自如，無(wú)需用戶思考和記憶，當(dāng)用戶在使用某個(gè)軟件覺得自己很笨的時(shí)候，那就是UI設(shè)計(jì)師的工作沒有做好。我們?nèi)绾巫龊玫慕缑嬖O(shè)計(jì)呢？

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

模擬現(xiàn)實(shí)的交互方式會(huì)給人熟悉親切的感覺，用戶不需要學(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)單

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

圖標(biāo)的應(yīng)用

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

②圖標(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)。

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

色彩的搭配

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

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

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

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

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

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

語(yǔ)言的使用

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

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

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

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

要想成為好的界面設(shè)計(jì)師，更要不斷的學(xué)習(xí)和實(shí)戰(zhàn)，在實(shí)戰(zhàn)中獲取更多的技巧。