初級(jí)新手來(lái)收!設(shè)計(jì)師必備的20條設(shè)計(jì)黃金法則

2015-7-21    周周

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

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

20-design-gold-rules-1

編者按:以下內(nèi)容摘自《美國(guó)視覺(jué)設(shè)計(jì)學(xué)院之完形設(shè)計(jì)》,新手可以多看這些法則,并運(yùn)用到你的設(shè)計(jì)過(guò)程中,防止自己做出甲方式審美的作品。

一、必須有一個(gè)概念

設(shè)計(jì)從創(chuàng)意開(kāi)始。這可能是非常不確定的——“把這些信息暢通無(wú)阻地組織起來(lái)非常重要?!币部赡苁怯袆?chuàng)意的設(shè)想——“如果這些餅干是用小精靈做的,可能味道會(huì)更好吧?!睕](méi)有創(chuàng)意,就沒(méi)有設(shè)計(jì)!

二、需要溝通,不需要裝飾

我們經(jīng)常說(shuō),形式在功能之后。這意味著兩個(gè)方面。第一,每一個(gè)點(diǎn)、線、肌理、形狀、色彩和圖像都必須與表現(xiàn)的概念有關(guān)。第二,上述每種造型都應(yīng)有一定的含義。如果僅僅是因?yàn)槟阏J(rèn)為這個(gè)造型很棒而讓它單獨(dú)存在,那你就應(yīng)該刪掉它。

三、用一種視覺(jué)語(yǔ)言來(lái)表達(dá)

一個(gè)設(shè)計(jì)作品的所有組成部分都應(yīng)在同一視覺(jué)水平上彼此關(guān)聯(lián)。這就是說(shuō),為了表現(xiàn)出它們是某個(gè)統(tǒng)一信息的一部分,它們應(yīng)該具有相似的特性。

四、最多使用兩種或三種字體

太多的字體只會(huì)讓你誤入歧途,甚至只注重形式。你用這些字體做的一定要有意義。一次運(yùn)用同一種字體類(lèi)別,但有不同字寬字重的區(qū)別就可以了。

五、分清主次,先后出擊

說(shuō)到主次,先對(duì)一種顏色進(jìn)行視覺(jué)強(qiáng)化吸引觀眾的注意力。然后用一系列的大小、重量、色彩的變化等,來(lái)引導(dǎo)觀眾。在重要的元素下劃線或說(shuō)明。如果觀眾分不清設(shè)計(jì)首先要突出什么,他們會(huì)因?yàn)槊曰蟛唤舛x開(kāi)。

六、按需選擇色彩

色彩感覺(jué)是主觀的,這不全是猜測(cè)。色彩有其文化含義,而且彼此有其視覺(jué)聯(lián)系。用以上這些“實(shí)際的”因素、有意義的方式,以及視覺(jué)上動(dòng)態(tài)的方式來(lái)選擇和組合色彩。

七、如果能夠做到“少即是多”,那就去做吧

這是“少即是多”的另一種表達(dá)方式。這關(guān)乎節(jié)?。褐槐磉_(dá)必須要表達(dá)的。如果“必須”本身也可減少的話(huà)就更好了。想想看,一個(gè)普通的觀眾平均要接受多少信息、多少資料、多少令人厭煩的信息點(diǎn)(還不算那些垃圾)。那就按這個(gè)原則來(lái)進(jìn)行設(shè)計(jì)吧。

八、負(fù)空間具有神奇的力量——?jiǎng)?chuàng)造負(fù)空間,但不要填滿(mǎn)它!

盡管在一個(gè)設(shè)計(jì)中,圍繞著形狀、圖片和文字的空間看上去是空的,但實(shí)際上這些“空”也是一種形。設(shè)計(jì)這些空間的時(shí)候要仔細(xì)考慮好。這些負(fù)空間組合得越好就越有趣,整個(gè)構(gòu)圖也就更醒目。

九、把字體當(dāng)做圖像進(jìn)行設(shè)計(jì),因?yàn)樽煮w至關(guān)重要

這是最難掌握的規(guī)律之一。字體也是一種圖像,雖然看上去更像別的什么。此時(shí)更應(yīng)考慮文字字體的視覺(jué)特性,與其他圖像資料的關(guān)系,以及把它整合到整個(gè)構(gòu)圖中去。

desk-office-hero-workspace-large

十、讓字體效果具有親和力

如果不能辨認(rèn),那還叫什么字?要反復(fù)記住這句話(huà)。在選擇文字的風(fēng)格和大小時(shí),要考慮觀眾的受教育程度,他們的日程,特別是他們的年齡。書(shū)寫(xiě)文字的存在就是為了傳達(dá)信息,你的客戶(hù)付酬給你也是為了讓你代表他傳達(dá)信息。如果這些信息無(wú)法辨認(rèn),不管什么原因,那這些文字就根本沒(méi)有意義。設(shè)計(jì)師自己,也快失業(yè)了。

十一、讓作品人人都能看明白,不是自?shī)首詷?lè)

如果設(shè)計(jì)師的興趣在于表現(xiàn)心目中的神和精神化的東西,那最好還是做個(gè)畫(huà)家到畫(huà)廊去工作吧。設(shè)計(jì)的目的實(shí)質(zhì)上就是為了大眾接受:你在為大多數(shù)人傳達(dá)清晰的信息。你設(shè)計(jì)的圖片越容易懂越好。

十二、動(dòng)靜有致:形成密度節(jié)奏與開(kāi)放空間

視覺(jué)疲勞的解藥是緊張,有一種很簡(jiǎn)單的方法,就是不斷地改變視覺(jué)元素的大小、重量和空間,讓它們看上去好像不停地變化和移動(dòng)。

十三、煙花與朝陽(yáng),安排明暗關(guān)系

在一個(gè)構(gòu)圖的不同區(qū)域完全改變明暗分布和明暗對(duì)比:清晰或刺眼,流動(dòng)或朦朧,醒目或干凈

十四、要果斷,要么按目標(biāo)去做,要么就根本不動(dòng)它

在設(shè)計(jì)安排上應(yīng)避免猶猶豫豫。一種設(shè)計(jì)元素或另一種元素,一種方法或另一種方法,都應(yīng)該清清楚楚。模棱兩可可能有用,但即使如此也應(yīng)是主動(dòng)的效果,而不是因猶豫不決而產(chǎn)生的一個(gè)糟糕的副產(chǎn)品。

十五、用眼睛測(cè)量:設(shè)計(jì)是視覺(jué)的設(shè)計(jì)

我們的兩個(gè)眼睛看到的東西可能跟實(shí)際有很大的不同。比如,一個(gè)實(shí)心的、平面的圓點(diǎn)和一個(gè)正方形,盡管實(shí)際的大小相同,但看上去卻顯得不同:因?yàn)辄c(diǎn)的輪廓是模糊而呈環(huán)狀的,所以在面積上有收縮感。所有的視覺(jué)形式都是相互起作用的,你可以按照你希望的樣子來(lái)安排。用目測(cè):一般看上去更好。

十六、制作自己所需之物,不要選用現(xiàn)成之物

隨便找一些過(guò)時(shí)的照片,把它們按類(lèi)型堆起來(lái),這很容易。任何人都會(huì)做,很多人也是這樣做的。但是至少應(yīng)該把哪些找到的圖像換成需要的圖像,為客戶(hù),也為觀眾。

十七、對(duì)流行置之不理,嚴(yán)肅對(duì)待設(shè)計(jì)

現(xiàn)在什么最時(shí)髦?時(shí)尚很容易被忘記。你可能賺了很多錢(qián),但你早上感覺(jué)如何?100年后你的作品會(huì)被記住嗎?時(shí)刻牢記著“無(wú)限”這個(gè)詞,并在概念、含義、功能基礎(chǔ)上,而不是在的、膚淺的時(shí)尚基礎(chǔ)上做設(shè)計(jì)。

十八、動(dòng)起來(lái)!靜止等于索然無(wú)味

二維的圖片看上去是運(yùn)動(dòng)的,與那些不動(dòng)的、呆板的、無(wú)生命的圖片相比,更能吸引觀眾的注意力,并使其保持更為長(zhǎng)久。將設(shè)計(jì)元素錯(cuò)落地安排在不同的空間位置和方向上,營(yíng)造一種空間深度和運(yùn)動(dòng)感。做更聰明的組合。

十九、回顧歷史,不重蹈覆轍

很多成功的設(shè)計(jì)都源自自以往的開(kāi)拓者,以及所有人類(lèi)努力的結(jié)果。要理解一個(gè)著名的設(shè)計(jì)是如何成功的,和照搬照抄可是兩回事??梢越栌闷渲械囊徊糠帧灰诠ЬS和偽造間超越界限。

二十、對(duì)稱(chēng)是最大的禍害

對(duì)稱(chēng)地組織材料會(huì)產(chǎn)生一種重復(fù)的、空間上靜止的效果,違背了第18條規(guī)則。同時(shí),對(duì)版式來(lái)說(shuō),對(duì)稱(chēng)意味著一件事:存在一個(gè)中心。這不能給觀眾帶來(lái)任何新鮮的感覺(jué)。實(shí)際上,是版式設(shè)計(jì)了設(shè)計(jì)作品,而不是設(shè)計(jì)師設(shè)計(jì)了設(shè)計(jì)作品。

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔