魔方格魔方格合作機(jī)構(gòu)> 成都培訓(xùn)學(xué)校>成都高新區(qū)奧克斯達(dá)內(nèi)IT培訓(xùn)
成都高新區(qū)奧克斯達(dá)內(nèi)IT培訓(xùn)
全國(guó)統(tǒng)一學(xué)習(xí)專(zhuān)線(xiàn) 8:30-21:00
位置:魔方格 > 設(shè)計(jì)>UI設(shè)計(jì)> UI界面設(shè)計(jì)有哪些原則  正文

UI界面設(shè)計(jì)有哪些原則

發(fā)布時(shí)間:2022-03-23 08:50:48來(lái)源:魔方格

UI界面設(shè)計(jì)有哪些原則?UI界面設(shè)計(jì)的基本原則有這些:1.區(qū)分重點(diǎn);2.清晰度是首要工作;3.界面是為促進(jìn)交互而存在的;4.每個(gè)屏幕都需要一個(gè)主題;5.界面的存在必須有所用途;6.勿讓次要?jiǎng)幼餍e奪主。

1、區(qū)分重點(diǎn)

若屏幕元素各自的功能不同,它們的外觀(guān)理應(yīng)也不同。反之,若功能相同或相近,則它們看起來(lái)就應(yīng)該是一樣的。為了保持一致性,新手設(shè)計(jì)師常常對(duì)應(yīng)該加以區(qū)分的元素采用相同的視覺(jué)處理效果,其實(shí)采用不同的視覺(jué)效果才是合適的。

2、清晰度是首要工作

清晰度是界面設(shè)計(jì)中的第一步也是重要的工作。如果想使設(shè)計(jì)的界面有效并被人喜歡,首先必須讓用戶(hù)能夠識(shí)別它并讓用戶(hù)知道為什么使用它。

例如:用戶(hù)在使用時(shí),能夠預(yù)料到發(fā)生什么,并成功地與它交互。有的界面設(shè)計(jì)得不是太清晰雖然可以滿(mǎn)足用戶(hù)一時(shí)的需求,但并不是長(zhǎng)久之計(jì),而清晰的界面能夠吸引用戶(hù)不斷地重復(fù)使用。

3、界面是為促進(jìn)交互而存在的

界面的存在,促進(jìn)了用戶(hù)和設(shè)計(jì)師之間的互動(dòng)。好的界面不但能夠提高做事效率,還能夠加強(qiáng)設(shè)計(jì)師與這個(gè)世界的聯(lián)動(dòng),讓界面處在用戶(hù)的掌控之中,人類(lèi)通常對(duì)能夠掌控自己和周?chē)沫h(huán)境而感到舒心。

不考慮用戶(hù)感受的軟件往往會(huì)讓這種舒適感降低,迫使用戶(hù)不得不進(jìn)入計(jì)劃外的交互,這會(huì)讓用戶(hù)感覺(jué)不舒服。增加界面處在用戶(hù)的掌控之中,讓用戶(hù)自己決定系統(tǒng)狀態(tài),稍加引導(dǎo),就會(huì)達(dá)到預(yù)期的目標(biāo)。

4、直接操作的感覺(jué)是好的

只有在能夠直接操作物體時(shí),用戶(hù)的感覺(jué)才是棒的,但這并不太容易實(shí)現(xiàn),因?yàn)樵诮缑嬖O(shè)計(jì)時(shí),增加的圖標(biāo)常常并不是必須的,比如:過(guò)多地使用按鈕、圖形選項(xiàng)、附件等其他繁瑣的東西。在進(jìn)行界面設(shè)計(jì)時(shí),應(yīng)盡可能多地了解一些人類(lèi)自然手勢(shì)。理想情況下,界面設(shè)計(jì)要簡(jiǎn)潔,讓用戶(hù)有一個(gè)直接操作的感覺(jué)。

5、每個(gè)屏幕都需要一個(gè)主題

設(shè)計(jì)的每一個(gè)畫(huà)面都應(yīng)該有單一的主題,這樣不僅可以讓用戶(hù)了解其真正的價(jià)值,也使得用戶(hù)上手容易,如果一個(gè)屏幕支持兩個(gè)或兩個(gè)以上的主題,就會(huì)讓整個(gè)界面看起來(lái)混亂不堪。

6、界面的存在必須有所用途

在大多數(shù)設(shè)計(jì)領(lǐng)域,界面設(shè)計(jì)成功的標(biāo)志就是有用戶(hù)使用它。比如:一把漂亮的椅子,雖然精美但坐著不舒服,那么用戶(hù)就不會(huì)使用它,它就屬于失敗的設(shè)計(jì)。因此,界面設(shè)計(jì)不僅僅是設(shè)計(jì)一個(gè)使用環(huán)境,還應(yīng)是設(shè)計(jì)一個(gè)值得使用的藝術(shù)品。界面設(shè)計(jì)僅僅滿(mǎn)足其設(shè)計(jì)師的虛榮心是不夠的,它必須要實(shí)用。

7、勿讓次要?jiǎng)幼餍e奪主

每個(gè)屏幕有一個(gè)主要?jiǎng)幼鞯耐瑫r(shí),也要有多個(gè)次要?jiǎng)幼?,但盡可能不要讓它們喧賓奪主。在設(shè)計(jì)界面的時(shí)候,盡量減弱次要?jiǎng)幼鞯囊曈X(jué)沖擊力,或讓次要?jiǎng)幼髟谥饕獎(jiǎng)幼魍瓿珊笤亠@示出來(lái)。

8、自然過(guò)渡

界面的交互都是環(huán)環(huán)相扣的,因此設(shè)計(jì)時(shí)要考慮交互的下一步,并通過(guò)設(shè)計(jì)將其實(shí)現(xiàn)。這就如同日常談話(huà)要為深入交談提供話(huà)題。當(dāng)用戶(hù)已經(jīng)完成要執(zhí)行的步驟后,就要給他們自然而然繼續(xù)下去的方法,以達(dá)成目標(biāo)。

9、尊重用戶(hù)的注意力

在進(jìn)行界面設(shè)計(jì)時(shí),吸引用戶(hù)的注意力是非常關(guān)鍵的,所以千萬(wàn)不要將應(yīng)用的周?chē)O(shè)計(jì)得亂七八糟,分散用戶(hù)的注意力,謹(jǐn)記屏幕整潔才能夠吸引注意力。如果非要顯示廣告,就應(yīng)在用戶(hù)閱讀完畢之后再顯示。尊重用戶(hù)的注意力,不僅讓用戶(hù)快樂(lè),也會(huì)使廣告效果更佳。所以要想設(shè)計(jì)好的界面,尊重用戶(hù)的注意力是先決。

10、外觀(guān)追隨功能

人總是對(duì)符合期望的行為感舒適當(dāng)其他人、動(dòng)物、事物或軟件的行為始終符合期望時(shí),就會(huì)感到與之關(guān)系良好。這也是與人打交道的設(shè)計(jì)應(yīng)該做到的。在實(shí)踐中,這意味著用戶(hù)只要看一眼即可知道接下來(lái)將會(huì)有什么動(dòng)作發(fā)生。

設(shè)計(jì)師不要在基本的交互問(wèn)題上耍小聰明,要在更高層次的問(wèn)題上發(fā)揮創(chuàng)造力。

如果要讓屏幕的視覺(jué)元素具有清晰的瀏覽次序,就應(yīng)該通過(guò)強(qiáng)烈的視覺(jué)層次感來(lái)實(shí)現(xiàn),也就是說(shuō),如果用戶(hù)每次都按照同樣的順序?yàn)g覽相同的東西,視覺(jué)層次感不明顯,用戶(hù)不清楚停留的重點(diǎn)位置,只會(huì)讓用戶(hù)感到一團(tuán)糟。

在不斷變更設(shè)計(jì)的情況下,很難保持明確的層次關(guān)系,因?yàn)樗械脑貙哟侮P(guān)系都是相對(duì)的,如果所有的元素均突出顯示,就相當(dāng)于沒(méi)有重點(diǎn)可言。如果想添加個(gè)需要特別突出的元素,為了再次實(shí)現(xiàn)明確的視覺(jué)層次,設(shè)計(jì)師可能需要重新考慮每一個(gè)元素的視覺(jué)重量。

相關(guān)內(nèi)容: UI設(shè)計(jì) UI界面設(shè)計(jì) UI界面設(shè)計(jì)原則

相關(guān)文章
最新文章
相關(guān)熱詞