深度科普9個(gè)經(jīng)典永恒的設(shè)計(jì)原則

1 評(píng)論 14046 瀏覽 62 收藏 13 分鐘

很多人都在尋找那些能夠幫助他們快速提升設(shè)計(jì)能力的方法,但你是否想過(guò),自己身上的哪些方面會(huì)對(duì)你的設(shè)計(jì)產(chǎn)生影響呢?是使用工具的技巧,對(duì)設(shè)計(jì)的理 解和態(tài)度,還是你的生活習(xí)慣呢?我想說(shuō)所有這些都是決定你的設(shè)計(jì)是否優(yōu)秀的因素,而在這之中,對(duì)設(shè)計(jì)本身的理解尤為重要。在這篇文章里,我嘗試著通過(guò)那些 經(jīng)典的設(shè)計(jì)原則和設(shè)計(jì)領(lǐng)域內(nèi)的一些最佳實(shí)踐,來(lái)啟發(fā)你對(duì)設(shè)計(jì)的重新認(rèn)識(shí)。

什么是設(shè)計(jì),什么又才是優(yōu)秀的設(shè)計(jì)

設(shè)計(jì)正在被不斷地細(xì)分并滲透到各行各業(yè),我所知道的設(shè)計(jì)師分類就包括:工業(yè)設(shè)計(jì)、圖形設(shè)計(jì)、UI設(shè)計(jì)、UX設(shè)計(jì)等等。那么到底什么是設(shè)計(jì),我們又為 什么要設(shè)計(jì)呢?其實(shí)所有類別的設(shè)計(jì),它們的最終目的都是相似的,那就是去解決一個(gè)特定的問(wèn)題。設(shè)計(jì)應(yīng)源于對(duì)問(wèn)題本身的思考,并做出能夠解決問(wèn)題的相應(yīng)設(shè) 計(jì)。切忌為了設(shè)計(jì)而設(shè)計(jì),在你動(dòng)手畫草圖或原型前,嘗試問(wèn)問(wèn)自己對(duì)要解決的問(wèn)題是否已經(jīng)清楚了,你又打算用什么方式去解決它呢?

什么又才是優(yōu)秀的設(shè)計(jì)呢?這是一個(gè)更難回答的問(wèn)題,可以說(shuō)它既有標(biāo)準(zhǔn)又沒(méi)有標(biāo)準(zhǔn)。我所見(jiàn)到的那些優(yōu)秀設(shè)計(jì)絕不是那些包含了高超設(shè)計(jì)技巧的作品, 它們的優(yōu)秀之處反而在于設(shè)計(jì)本身的成熟度上。想一想,就在幾年之前,我們手機(jī)上還充滿了那些擬物化的圖標(biāo),而今天無(wú)論是蘋果還是安卓,都在使用更簡(jiǎn)單、清 晰、扁平的圖標(biāo)。雖然說(shuō)是蘋果引領(lǐng)了這樣一個(gè)設(shè)計(jì)風(fēng)格的改變,但這恰恰是設(shè)計(jì)成熟度提高的一種表現(xiàn)。

盡可能少的設(shè)計(jì)

說(shuō)到設(shè)計(jì)的成熟度,還不得不提Dieter Ram,他是德國(guó)著名的工業(yè)設(shè)計(jì)師,為德國(guó)家電制造商博朗設(shè)計(jì)出很多非常優(yōu)秀的產(chǎn)品,而他的很多設(shè)計(jì)更是被蘋果拿來(lái)模仿。

Dieter Ram所提出的 10條優(yōu)秀設(shè)計(jì)原則 更是被推崇為設(shè)計(jì)領(lǐng)域的黃金法則。作為一代設(shè)計(jì)巨匠,他的成就如此杰出,而他所倡導(dǎo)的這些設(shè)計(jì)原則,即使在30年后的今天,仍然能在設(shè)計(jì)界產(chǎn)生強(qiáng)烈地共鳴。

4hs20160518

在這10條設(shè)計(jì)原則中的最后一條“優(yōu)秀的設(shè)計(jì)是盡可能少設(shè)計(jì)”更是發(fā)人深省。我經(jīng)??吹揭恍┰O(shè)計(jì)初學(xué)者們的設(shè)計(jì)作品就像是很多設(shè)計(jì)元素堆砌而成的, 整個(gè)設(shè)計(jì)作品違反了上面這些設(shè)計(jì)原則中的一條,甚至幾條,最終成為一個(gè)失敗的設(shè)計(jì)。不妨在你做設(shè)計(jì)的過(guò)程中,不斷地對(duì)照Dieter Ram的這10條設(shè)計(jì)原則,去思考和修正自己的設(shè)計(jì),另外你也需要牢牢記?。荷偌词嵌嗟牡览怼?/p>

“這樣就好”與REDESIGN

我曾讀過(guò)幾本日本知名設(shè)計(jì)師的書,比如《設(shè)計(jì)中的設(shè)計(jì)》,《設(shè)計(jì)的覺(jué)醒》,《為什么設(shè)計(jì)》等等,深深體會(huì)到日本這幾代設(shè)計(jì)師通過(guò)對(duì)日本的文化、環(huán) 境、人文等各方面因素進(jìn)行全面觀察,以及對(duì)設(shè)計(jì)做出深刻反思后,得到的那些適合現(xiàn)代日本、亞洲甚至整個(gè)世界的優(yōu)秀設(shè)計(jì)思想。其中原研哉(日本平面造型設(shè)計(jì) 大師)在很多場(chǎng)合都提到了“這樣就好”的設(shè)計(jì)理念——去掉不必要的修飾,更加注重產(chǎn)品的功能、內(nèi)容以及給人帶去的感受。他將這一理念體現(xiàn)在了他所主導(dǎo)的時(shí) 尚生活品牌“無(wú)印良品”的產(chǎn)品設(shè)計(jì)之中,受到了年輕一代極大的歡迎。

3hs20160518

年輕的設(shè)計(jì)初學(xué)者們也應(yīng)仔細(xì)體會(huì)“這樣就好”的設(shè)計(jì)理念,并通過(guò)不斷地實(shí)踐去達(dá)到它。而一個(gè)最行之有效的方法便是REDESIGN——重新設(shè)計(jì)(無(wú) 印良品的很多產(chǎn)品都是通過(guò)不斷進(jìn)行REDESIGN進(jìn)化而來(lái)的,為此他們還專門舉辦了以REDESIGN為主題的展覽與設(shè)計(jì)比賽)。通過(guò)對(duì)原有(舊的)設(shè) 計(jì)進(jìn)行REDESIGN是一個(gè)產(chǎn)生設(shè)計(jì)變革的有效方式。

對(duì)于UI設(shè)計(jì)來(lái)說(shuō),我同樣能在Dribbble上看到很多REDESIGN的作品(大多是針對(duì)那些知名網(wǎng)站或APP的),REDISGN對(duì)于那些沒(méi) 有明確設(shè)計(jì)目標(biāo)的初學(xué)者來(lái)說(shuō)是一種非常好的實(shí)踐方式,你不僅能通過(guò)它提升自己的設(shè)計(jì)能力,而且在提交你的作品之后,還能獲得很多其他設(shè)計(jì)師的點(diǎn)評(píng)和建議, 從中你能了解自己設(shè)計(jì)中的問(wèn)題,并快速獲得提高。

另外我還想強(qiáng)調(diào)的一點(diǎn)是,REDESIGN不應(yīng)僅僅針對(duì)設(shè)計(jì)本身(比如:換一個(gè)顏色,加一些動(dòng)效 等等),而更應(yīng)從產(chǎn)品的功能、環(huán)境的匹配度、給使用者的感受等更深層次的方面去做出的思考。REDESIGN其實(shí)是一種深入反思的過(guò)程,相信當(dāng)你能夠?qū)⑺?有這些問(wèn)題都想清楚時(shí),也就已經(jīng)完成了設(shè)計(jì)的一大半工作了。

遵從設(shè)計(jì)的最佳實(shí)踐

我沒(méi)有上過(guò)任何設(shè)計(jì)學(xué)校,使用PS等工具的水平更是糟糕,但這并不妨礙我做出一個(gè)還算不錯(cuò)的設(shè)計(jì),因?yàn)槲視?huì)在設(shè)計(jì)中盡可能地參照那些設(shè)計(jì)的最佳實(shí) 踐。在你的能力還沒(méi)達(dá)到打破那些設(shè)計(jì)準(zhǔn)則去進(jìn)行創(chuàng)新并形成自己鮮明的風(fēng)格之前,不妨也像我一樣遵守那些設(shè)計(jì)的最佳實(shí)踐,因?yàn)樗鼈兺怯行У摹?/p>

神奇的數(shù)字3

你可能已經(jīng)發(fā)現(xiàn)了,在你所看到的許多事物都包含一個(gè)神奇的數(shù)字3,比如大量使用3種顏色配色的網(wǎng)站,斯蒂夫喬布斯在介紹Apple產(chǎn)品時(shí)最多描述產(chǎn) 品的3個(gè)主要特性(比如 iPhone)。其實(shí),這背后是有原因的:人的大腦一次同時(shí)最容易記住3件事情。就像我們記電話號(hào)碼時(shí),總是將它分為3個(gè)數(shù)字一組進(jìn)行記憶。另外3所構(gòu)成 的形狀也最穩(wěn)定,最容易讓人產(chǎn)生美感,因此在你對(duì)一些設(shè)計(jì)中的數(shù)字無(wú)法確定時(shí),就使用3這個(gè)數(shù)吧。

使用網(wǎng)格來(lái)確立秩序

人們?cè)跒g覽或閱讀一個(gè)頁(yè)面時(shí),都會(huì)下意識(shí)地去尋找它的規(guī)律,以便更好地識(shí)別內(nèi)容。優(yōu)秀的設(shè)計(jì)往往能夠幫助人們建立這種秩序,方便人們獲取想要的內(nèi)容,而那些不佳的設(shè)計(jì)則往往會(huì)加重人們閱讀的負(fù)擔(dān),最終讓你的用戶早早地離你而去。

使用網(wǎng)格進(jìn)行設(shè)計(jì)是建立秩序的最有效途徑。設(shè)計(jì)初學(xué)者們都可以從使用網(wǎng)格開(kāi)始,因?yàn)樗軒椭阕龀鼋y(tǒng)一且和諧的設(shè)計(jì)來(lái)。下面是我讀過(guò)的一本不錯(cuò)的關(guān) 于網(wǎng)格應(yīng)用的小冊(cè)子《秩序之美》,是由網(wǎng)格的發(fā)明者紐約時(shí)報(bào)網(wǎng)站的資深設(shè)計(jì)師Knoi Vinh編寫的,對(duì)于學(xué)習(xí)和使用網(wǎng)格進(jìn)行設(shè)計(jì)非常有幫助。

2hs20160518

用肉眼來(lái)判斷平衡

平衡是另一個(gè)非常重要的設(shè)計(jì)原則,對(duì)于相同的設(shè)計(jì)元素,我們很容易使用對(duì)稱的方法來(lái)處理平衡。但是對(duì)于那些形狀、大小、顏色都有差異的元素,我們又 應(yīng)該如何處理這種平衡呢?很多人會(huì)使用標(biāo)尺來(lái)確保元素間的大小和位置一致,但你還必須用你的肉眼去驗(yàn)證并進(jìn)行必要的調(diào)整。因?yàn)槠胶獠粌H取決于物體的大小, 更與它們的形狀、顏色、背景等因素有關(guān),相信自己的眼睛和感覺(jué)去調(diào)整你的設(shè)計(jì),使它最終達(dá)到整體的平衡。

應(yīng)用黃金比例

使用網(wǎng)格可以幫助我們將元素對(duì)齊,但我們又應(yīng)該如何確認(rèn)布局中欄位劃分的比例,或者在我們確認(rèn)了一些設(shè)計(jì)元素的寬度之后如何去決定它們的高度呢?這時(shí),我們往往可以用到黃金比例——1.618。

如果你使用的是960Grid這種960px寬的網(wǎng)格系統(tǒng),而你希望分出兩欄布局時(shí),就可以使用960/1.618=593,,593px的位置就 是黃金分割點(diǎn)。這樣兩欄的網(wǎng)頁(yè)布局,左邊欄寬度設(shè)為593px,右邊欄寬度設(shè)為367px(960-593)就可以了。同樣當(dāng)你確定了一張圖片的寬度為 600px時(shí),采用黃金比例,它的高度就可以設(shè)為370px左右。

當(dāng)然黃金分割比例只是在設(shè)計(jì)上的一個(gè)指導(dǎo),如果你可以打破這個(gè)規(guī)則又能保證整個(gè)設(shè)計(jì)自然平衡也是可以的,作為一個(gè)通常的規(guī)則,經(jīng)常把黃金比例用5:3來(lái)代替,雖然不是非常精確,但是卻能更直觀和方便地在設(shè)計(jì)中使用。

恰到好處的強(qiáng)調(diào)與對(duì)比

通過(guò)強(qiáng)調(diào)可以引導(dǎo)用戶去使用產(chǎn)品的某些功能,比如:用戶注冊(cè)按鈕、產(chǎn)品的購(gòu)買按鈕 等等。但初學(xué)者往往會(huì)在運(yùn)用強(qiáng)調(diào)這種方法時(shí),出現(xiàn)一些常見(jiàn)的問(wèn)題:

  1. 在同一個(gè)頁(yè)面中過(guò)多地運(yùn)用強(qiáng)調(diào)
  2. 不分主次的強(qiáng)調(diào)
  3. 過(guò)度使用顏色強(qiáng)調(diào)

過(guò)多的強(qiáng)調(diào)等于沒(méi)有強(qiáng)調(diào),而且還會(huì)造成頁(yè)面的混亂。而不分主次的強(qiáng)調(diào)則會(huì)給使用者帶來(lái)疑惑。最后一點(diǎn)“過(guò)度使用顏色強(qiáng)調(diào)”是很多設(shè)計(jì)初學(xué)者最容易犯的錯(cuò)誤,強(qiáng)調(diào)的方式有很多種:色彩、對(duì)比、形狀等等。而使用色彩對(duì)比時(shí)需要特別謹(jǐn)慎,因?yàn)樗苋菀走^(guò)度。對(duì)于一些次要的地方,比如一個(gè)文章列表中的標(biāo)題,我們可以采用增加或減少灰度的方法來(lái)產(chǎn)生對(duì)比,這也是一種非 常有效的強(qiáng)調(diào)方法,而且由于色度沒(méi)有差別,它往往能給人更加和諧和良好的體驗(yàn)。(注意下面這個(gè)設(shè)計(jì)中,在哪些地方設(shè)計(jì)師使用了顏色)

1hs20160518

設(shè)計(jì)的流行趨勢(shì)轉(zhuǎn)瞬即逝,而上面提到的這些設(shè)計(jì)原則卻是永恒的,希望每一位設(shè)計(jì)初學(xué)者都能從理解和運(yùn)用這些設(shè)計(jì)原則和最佳實(shí)踐開(kāi)始,并通過(guò)自己的不斷實(shí)踐,慢慢走向成熟。

 

 

原文來(lái)自:優(yōu)設(shè)

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 沙發(fā),我一直堅(jiān)信,少即是多,雖然也有少就是乏味的觀點(diǎn),只是沒(méi)有合理的平衡好功能與外觀罷了。

    來(lái)自廣東 回復(fù)