設(shè)計(jì)師想要減少改稿次數(shù)，拒絕產(chǎn)品經(jīng)理“加一道光”的需求,，首先要學(xué)會不靠感覺做設(shè)計(jì),。今天這篇文章從設(shè)計(jì)原則的重要性談起，總結(jié)了四個(gè)UI的基本設(shè)計(jì)原則,，讓你每一個(gè)元素界面都有理有據(jù),，適合剛?cè)腴T的設(shè)計(jì)師，一起來學(xué)習(xí),。

圖形設(shè)計(jì)大師保羅·蘭德曾經(jīng)說過：

“設(shè)計(jì)絕不是簡單的排列組合與簡單地再編輯,，它應(yīng)當(dāng)充滿著價(jià)值和意義，去說明道理,，去刪繁就簡,，去闡明演繹，去修飾美化,，去贊美褒揚(yáng),，使其有戲劇意味，讓人們信服你所言……”

上面這段話現(xiàn)在看來有點(diǎn)啰嗦，畢竟是老外寫的嘛,，但其實(shí)說得非常有道理,。試想下如果一個(gè)設(shè)計(jì)師只是憑感覺（而不是理性）的去排列組合你的設(shè)計(jì)元素，或許你永遠(yuǎn)無法變成一個(gè)NB的設(shè)計(jì)師,，更多的是別人眼里的“美工”,。

事實(shí)上很多時(shí)候這樣狀態(tài)做出的設(shè)計(jì)，是很容易被推翻的,。（特別是UI界面設(shè)計(jì)）

或許當(dāng)你很滿意的做完某個(gè)設(shè)計(jì)給別人看的時(shí)候,，經(jīng)常有PM（產(chǎn)品經(jīng)理）或者其它攪屎棍這樣問：

“你為什么用這個(gè)顏色？這個(gè)按鈕為什么那么??？這個(gè)配圖好像并沒有表達(dá)我們想要的意思……”

設(shè)計(jì)師：“……”

其實(shí)很多設(shè)計(jì)師的內(nèi)心的回答是這樣的：

因?yàn)檫@個(gè)顏色好看啊，競品也用這個(gè)顏色啊,。

按鈕做太大好難看,，太土鱉啊，不夠高大上,，不懂別BB,。

臥槽，怎么沒有想要的意思啊,，你行你上啊,。

很多時(shí)候這些攪屎棍其實(shí)并不是覺得你設(shè)計(jì)得不好看，而是你的設(shè)計(jì)并不適用于當(dāng)下這個(gè)產(chǎn)品,。

這就暴露出很多設(shè)計(jì)師并不是理性在做設(shè)計(jì),，而是相當(dāng)?shù)母行浴榱四軌蚋玫年U述如何正確的進(jìn)行設(shè)計(jì),。思前想后,，發(fā)現(xiàn)其實(shí)在做一個(gè)設(shè)計(jì)之前，需要你對將要進(jìn)行的設(shè)計(jì)有一個(gè)清晰的認(rèn)識,。然后為了不至于犯一些低級的錯(cuò)誤,，了解和遵守設(shè)計(jì)原則顯得尤為重要。

腦袋里帶著這些原則去進(jìn)行思考和設(shè)計(jì),，那樣至少確保你是走在一個(gè)正確的道路上的,。嚴(yán)格來說，遵守這些設(shè)計(jì)原則只是做出棒棒的設(shè)計(jì)的第一步而已,。

什么是設(shè)計(jì)原則,？都有哪些？哪個(gè)更加重要呢,？

簡單點(diǎn)說就是設(shè)計(jì)時(shí)要遵守的必要準(zhǔn)則,。而這些基本設(shè)計(jì)原則其實(shí)你我心里都知道,，也在很多網(wǎng)頁上或者同事口中說起到。然后很多時(shí)候,，就是做著做著就忘了,。

按照過往的經(jīng)驗(yàn)，筆者將主要有以下四條基本設(shè)計(jì)原則,，并按照優(yōu)先級來給她們做了排序：

1,、清晰明了的設(shè)計(jì)

首先我們必須明白的一點(diǎn)，設(shè)計(jì)是服務(wù)于產(chǎn)品的,?；蛘哒f是為了解決產(chǎn)品上碰到的問題而發(fā)揮作用的。因此,，你所要設(shè)計(jì)的產(chǎn)品需要在某個(gè)界面或者節(jié)點(diǎn)上完成某個(gè)目標(biāo)。這個(gè)時(shí)候用戶在足夠清晰的界面環(huán)境中輕易完成任務(wù)顯得重中之重啊,。

如果你打開一個(gè)頁面或者App,，無從下手，不知點(diǎn)哪里,?；蛘哒覀€(gè)想要的功能按鈕找個(gè)半天，臥槽,，那恭喜你,，你的產(chǎn)品可以去屎了。這個(gè)時(shí)候你的設(shè)計(jì)再漂亮也是白搭,，（其實(shí)這類設(shè)計(jì)還真的蠻多的,，其實(shí)你會發(fā)現(xiàn)那些牛逼的產(chǎn)品經(jīng)理不會整天和設(shè)計(jì)師過不去，只要設(shè)計(jì)的圖形或流程是能夠滿足產(chǎn)品需要的,，他們都會通過,，他們喜歡把主要精力放在產(chǎn)品邏輯和用戶體驗(yàn)上，而不是設(shè)計(jì)得好看不好看的細(xì)節(jié)…

2,，高效的操作

其實(shí)單就高效而言,，似乎與清晰明了差不多。但試想下,，高效是不是就意味著清晰正確的處理目標(biāo)任務(wù)呢,？答案是不一定的。高效無障礙不代表不會出錯(cuò),。很順暢的出錯(cuò)才叫慘,，這個(gè)成本相當(dāng)?shù)拇蟮摹?/p>

另外一個(gè)極端就是交互層級太復(fù)雜，本來兩步就可以完成的東西,，硬是饒了一圈,，搞個(gè)4-5步才完成,。這尼瑪就是作孽，一般這類產(chǎn)品不是被吐槽的很慘就是直接棄之,，

能一步完成的東西不要設(shè)計(jì)成兩步,。知道為什么iPhone為什么那么火嗎？除開品牌和喬布斯的個(gè)人魅力,，iPhone的手機(jī)用起來是真的爽,，，因?yàn)橛闷饋碚娴暮芎唵?，筆者沒玩過任何智能設(shè)備的老爸一拿上手就知道怎么點(diǎn),，，所以說蘋果的設(shè)計(jì)叫什么,？叫做功力,！

所以優(yōu)化功能邏輯，減少層級,，同時(shí)預(yù)判結(jié)果,，讓流程更順暢。讓人們使用的更加輕松快捷的完成設(shè)計(jì)目標(biāo),，才是王道,。

想看上面這個(gè)設(shè)計(jì)規(guī)范？右戳,！《內(nèi)部教程,！超實(shí)用六步透視網(wǎng)易設(shè)計(jì)規(guī)范（附完整PDF下載）》

3，設(shè)計(jì)的一致性

人是個(gè)很敏銳的動(dòng)物,，你會發(fā)現(xiàn),，你特別容易發(fā)現(xiàn)一堆同類物品中的異類。

例如Windows的關(guān)閉窗口按鈕是在右上角,，而Mac的關(guān)閉窗口按鈕是在左上角,，無論是你之前是在用這兩個(gè)中間的哪個(gè)系統(tǒng)，突然跳到另一個(gè)系統(tǒng)你肯定會特別特別不習(xí)慣,，因?yàn)槟阋呀?jīng)熟悉了那個(gè)操作方式,，直覺告訴你那樣才是關(guān)閉按鈕的正確姿勢，,，

所以對于相同的問題,，提供相同的解決方案，減輕用戶的認(rèn)知及記憶負(fù)荷,，一旦確定一個(gè)設(shè)計(jì)模式,，打造更符合直覺的產(chǎn)品體驗(yàn)顯得相當(dāng)重要。

當(dāng)然在某些時(shí)候,，為了能夠突出某個(gè)功能,，或者讓人加深印象,，故意設(shè)計(jì)成不一致的情況也不是沒有，,，所以說到底還是為了產(chǎn)品的目標(biāo),，靈活運(yùn)用此原則就對了。

4,，美觀大方的設(shè)計(jì)

很遺憾,，盡管筆者也是GUI出身，但當(dāng)仔細(xì)分析過之后,，你會發(fā)現(xiàn),，一個(gè)產(chǎn)品漂不漂亮確確實(shí)實(shí)是排在前三個(gè)原則之后的，,，因?yàn)樗⒉皇怯脩趔w驗(yàn)的核心所在,， ╮(╯_╰)╭

舉個(gè)最最簡單的栗子。我想大家對微信都了解得不能再了解,。但其實(shí)作為設(shè)計(jì)師的你真的覺得微信設(shè)計(jì)得漂亮么,？筆者的答案是，微信設(shè)計(jì)得中規(guī)中矩,，與很多“漂亮的App”比，他顯得普通,。但是,，微信設(shè)計(jì)得讓你挑不出太多的毛病，甚至有些細(xì)節(jié)讓人覺得很棒,，對于一個(gè)過億級的產(chǎn)品,，不出錯(cuò)，且用戶能夠很清晰快速的完成他的目標(biāo),，那它就妥妥的成功啦·,，

有句話說的好，“最好的設(shè)計(jì)就是沒有設(shè)計(jì)”,。換句話說就是,，好的設(shè)計(jì)讓你感覺不出來它是經(jīng)過設(shè)計(jì)的。一切都是那么的自然和順理成章,，

所以,，漂亮和美觀只是提升體驗(yàn)和激發(fā)共鳴或者說愉悅的一個(gè)重要手段。對于一個(gè)產(chǎn)品而言,，特別是那種大的產(chǎn)品,，完成目標(biāo)任務(wù)永遠(yuǎn)是第一位。設(shè)計(jì)師所要做的是細(xì)節(jié)耐心的打磨界面,，讓別人更加愿意花費(fèi)時(shí)間和精力去使用你的產(chǎn)品,。

總結(jié)

看到結(jié)尾,，其實(shí)你會發(fā)現(xiàn)其實(shí)本文并不是針對視覺設(shè)計(jì)師而寫的。筆者的個(gè)人想法在于,，要想成為一名優(yōu)秀的設(shè)計(jì)師,，需要從多個(gè)角度去給自己施肥。技能只是成為一名優(yōu)秀設(shè)計(jì)師的其中一個(gè)必備條件,。

如果你在開展設(shè)計(jì)時(shí),，考慮的不僅僅是作為一個(gè)視覺設(shè)計(jì)師的那塊內(nèi)容，或許你的高度已經(jīng)不一樣了,。當(dāng)你足夠的清楚這些原則,，足夠了解你的產(chǎn)品的時(shí)候，或許你與產(chǎn)品經(jīng)理已經(jīng)在同一高度去考慮問題,。那樣你設(shè)計(jì)的東西也就不再那么經(jīng)不起推敲了,。