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

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

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

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

 

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

1)清晰度是首要工作

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

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

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

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

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

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

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

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

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

 6)每個屏幕需要一個主題

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

 7)勿讓次要動作喧賓奪主

每個屏幕包含一個主要動作的同時,可以有多個次要動作,但盡量不要讓它們喧賓奪主!文章的存在是為了讓人們?nèi)ラ喿x它,并不是讓人們在Twitter上面分享它。所以在設(shè)計界面的時候,盡量減弱次要動作的視覺沖擊力,或者在主要動作完成之后再顯示出來。

 8)自然過渡

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

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

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

 10)區(qū)分重點

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

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

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

 

日歷

鏈接

個人資料

存檔