優(yōu)秀設(shè)計(jì)師應(yīng)該知道的10大UI設(shè)計(jì)原則(上篇)

2016-9-27    ui設(shè)計(jì)分享達(dá)人

藍(lán)藍(lán)設(shè)計(jì)bouu.cn?)是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)?、 cs界面設(shè)計(jì)?、 ipad界面設(shè)計(jì)?、 包裝設(shè)計(jì)? 圖標(biāo)定制?、 用戶體驗(yàn) 、交互設(shè)計(jì)、?網(wǎng)站建設(shè)?、平面設(shè)計(jì)服務(wù) 

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,?請(qǐng)點(diǎn)這里 

 

優(yōu)秀的設(shè)計(jì)師之所以被稱為優(yōu)秀,除了他們?cè)O(shè)計(jì)的成果能給人帶來(lái)滿意的效果之外,最重要的一點(diǎn),我想是他們獨(dú)有的一些方法和經(jīng)驗(yàn)給夠支撐他們走向優(yōu)秀,這一點(diǎn)正是那些剛做設(shè)計(jì)師所要學(xué)習(xí)的。那么要想成為一個(gè)優(yōu)秀的設(shè)計(jì)師,要把握那些設(shè)計(jì)原則呢?以下是那些優(yōu)秀的設(shè)計(jì)師總結(jié)的一些設(shè)計(jì)原則,希望能為那些初入行的設(shè)計(jì)師可以從中得到一些領(lǐng)悟:

1)清晰度是首要工作

清晰度是界面設(shè)計(jì)中,第一步也是最重要的工作。要想你設(shè)計(jì)的界面有效并被人喜歡,首先必須讓用戶能夠識(shí)別出它?讓用戶知道為什么會(huì)使用它?比如當(dāng)用戶使用時(shí),能夠預(yù)料到發(fā)生什么,并成功的與它交互。有的界面設(shè)計(jì)得不是太清晰,雖然能夠滿足用戶一時(shí)的需求,但并非長(zhǎng)久之計(jì),而清晰的界面能夠吸引用戶不斷地重復(fù)使用。

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

界面的存在,促進(jìn)了用戶和我們的世界之間的互動(dòng)。優(yōu)秀的界面不但能夠讓我們做事有效率,還能夠激發(fā)、喚起和加強(qiáng)我們與這個(gè)世界的聯(lián)系。

 3)保護(hù)和尊重用戶的注意力

我們?cè)陂喿x的時(shí)候,總是會(huì)有許多事物分散我們的注意力,使得我們很難集中注意力安靜地閱讀。因此,在進(jìn)行界面設(shè)計(jì)的時(shí)候,能夠吸引用戶的注意力是很關(guān)鍵的,所以千萬(wàn)不要將你應(yīng)用的周圍設(shè)計(jì)得亂七八糟分散人的注意力,謹(jǐn)記屏幕整潔能夠吸引注意力的重要性。如果你非要顯示廣告,那么請(qǐng)?jiān)谟脩糸喿x完畢之后再顯示。尊重用戶的注意力,不僅讓用戶更快樂,而且你的廣告效果也會(huì)更佳。因此要想設(shè)計(jì)好的界面,保護(hù)和尊重用戶的注意力是先決條件。

 4)讓界面處在用戶的掌控之中

人類往往對(duì)能夠掌控自己和周圍的環(huán)境感到很舒心。不考慮用戶感受的軟件往往會(huì)讓這種舒適感消失,迫使用戶不得不進(jìn)入計(jì)劃外的交互,這會(huì)讓用戶很不舒服。保證界面處在用戶的掌控之中,讓用戶自己決定系統(tǒng)狀態(tài),稍加引導(dǎo),我想你會(huì)達(dá)到你希望的目標(biāo)。

 5)直接操作的感覺是最好的

當(dāng)我們能夠直接操作物體時(shí),用戶的感覺是最棒的,但這并不太容易實(shí)現(xiàn),因?yàn)樵诮缑嬖O(shè)計(jì)時(shí),我們?cè)黾拥膱D標(biāo)往往并不是必須的,比如我們過(guò)多的使用按鈕、圖形、選項(xiàng)、附件等等其他繁瑣的東西以便我們最終操縱UI元素而不是重要的事情。而最初的目標(biāo)呢?就是希望簡(jiǎn)化而能夠直接操縱……因此在進(jìn)行界面設(shè)計(jì)時(shí),我們要盡可能多的了解一些人類自然手勢(shì)。理想情況下,界面設(shè)計(jì)要簡(jiǎn)潔,讓用戶有一個(gè)直接操作的感覺。

 6)每個(gè)屏幕需要一個(gè)主題

我們?cè)O(shè)計(jì)的每一個(gè)畫面都應(yīng)該有單一的主題,這樣不僅能夠讓用戶使用到它真正的價(jià)值,也使得上手容易,使用起來(lái)也更方便,在必要的時(shí)候更容易進(jìn)行修改。如果一個(gè)屏幕支持兩個(gè)或兩個(gè)以上的主題,立馬會(huì)讓整個(gè)界面看起來(lái)混亂不堪。正如文章應(yīng)該有一個(gè)單一的主題以及強(qiáng)有力的論點(diǎn),我們的界面設(shè)計(jì)也應(yīng)該如此,這也是界面存在的理由。

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

每個(gè)屏幕包含一個(gè)主要?jiǎng)幼鞯耐瑫r(shí),可以有多個(gè)次要?jiǎng)幼?,但盡量不要讓它們喧賓奪主!文章的存在是為了讓人們?nèi)ラ喿x它,并不是讓人們?cè)?/span>Twitter上面分享它。所以在設(shè)計(jì)界面的時(shí)候,盡量減弱次要?jiǎng)幼鞯囊曈X沖擊力,或者在主要?jiǎng)幼魍瓿芍笤亠@示出來(lái)。

 8)自然過(guò)渡

界面的交互都是環(huán)環(huán)相扣的,所以設(shè)計(jì)時(shí),要深思熟慮地考慮到交互的下一步??紤]到下一步的交互是怎樣的,并且通過(guò)設(shè)計(jì)將其實(shí)現(xiàn)。這就好比我們的日常談話,要為深入交談提供話由。當(dāng)用戶已經(jīng)完成該做的步驟,不要讓他們不知所措,給他們自然而然繼續(xù)下去的方法,以達(dá)成目標(biāo)。

 9)外觀追隨功能(類似于形式追隨功能)

人總是對(duì)符合期望的行為最感舒適。當(dāng)其他人、動(dòng)物、事物或者軟件的行為始終符合我們的期望時(shí),我們會(huì)感到與之關(guān)系良好。這也是與人打交道的設(shè)計(jì)應(yīng)該做到的。在實(shí)踐中,這意味著用戶只要看一眼就可以知道接下來(lái)將會(huì)有什么的動(dòng)作發(fā)生,如果它看上去像個(gè)按鈕,那么它就應(yīng)該具備按鈕的功能。設(shè)計(jì)師不應(yīng)該在基本的交互問(wèn)題上耍小聰明,要在更高層次的問(wèn)題上發(fā)揮創(chuàng)造力。

 10)區(qū)分重點(diǎn)

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

以上的一些設(shè)計(jì)原則都是一些大師級(jí)別的UI設(shè)計(jì)師多年的經(jīng)驗(yàn)總結(jié)出來(lái)的。希望對(duì)那些剛?cè)胄械脑O(shè)計(jì)師提供幫助。

(本文部分內(nèi)容來(lái)自網(wǎng)絡(luò)。整理歸檔:藍(lán)藍(lán)設(shè)計(jì),http://bouu.cn)

 

日歷

鏈接

個(gè)人資料

存檔