關(guān)于設(shè)計(jì)的10個(gè)核心要素和原則

今天看到了一篇超級(jí)實(shí)用的干貨文章!

設(shè)計(jì)是一個(gè)復(fù)雜的、十分復(fù)雜的、very復(fù)雜的，有趣的和令人興奮的業(yè)務(wù)。

然后呢，就算你在設(shè)計(jì)這個(gè)行業(yè)工作再久，你也要把自己當(dāng)成一個(gè)初學(xué)者，因?yàn)榧夹g(shù)是不斷發(fā)展的，軟件也是不斷迭代的，設(shè)計(jì)潮流也是在變的；說(shuō)實(shí)話，要想保住自己的飯碗，總要拿出點(diǎn)壓箱底的技術(shù)來(lái).

所以，讓我們盡可能的放慢一點(diǎn)步伐，討論一下關(guān)于設(shè)計(jì)的10個(gè)原則。

一：線

我相信我們都知道什么是“線”，但只是要確定，“線”可以被定義為任何線性標(biāo)記。所以，當(dāng)你考慮它時(shí)，所有的一切都是“線”。即使你現(xiàn)在正在閱讀的這些單詞和字母都是由成千上萬(wàn)個(gè)彎曲的，傾斜的直線組成的。

線條也可以有一定的想法！直的線能喚起整潔，波浪線可以創(chuàng)建運(yùn)動(dòng)，曲折線意味著緊張或激動(dòng)。

通常寫(xiě)一篇文章時(shí)，會(huì)有一條“引導(dǎo)線”，這條線呢可以串起你整篇文章的重點(diǎn)，和故事發(fā)展的大概。

而在設(shè)計(jì)中也是如此！

讓我們看看網(wǎng)頁(yè)設(shè)計(jì)中的“引導(dǎo)線”的一個(gè)例子。這個(gè)網(wǎng)頁(yè)是由一個(gè)很酷的對(duì)角線引導(dǎo)的設(shè)計(jì)，所以整個(gè)網(wǎng)站的設(shè)計(jì)，包括標(biāo)題、導(dǎo)航、介紹都得跟著這對(duì)角線的設(shè)計(jì)而布局。

PRA的網(wǎng)站設(shè)計(jì)

一個(gè)全是用線組成一幅圖的方式是一個(gè)非常強(qiáng)的表現(xiàn)方式，而下面這張圖也讓我想到了很久以前玩的一個(gè)手機(jī)游戲“找你妹”，曾經(jīng)讓我玩的是精力交瘁、欲罷不能，上癮的有木有，咦？好像跑題了。

言歸正傳，這幅線框插畫(huà)呢是設(shè)計(jì)師Ksenia給一個(gè)服裝品牌設(shè)計(jì)的。用簡(jiǎn)單的白色線條來(lái)穿插整個(gè)畫(huà)面，整體的設(shè)計(jì)風(fēng)格體現(xiàn)了它的可識(shí)別性和獨(dú)特性。也給這種線框廣告插畫(huà)起了一個(gè)不錯(cuò)的頭。

線條是靈活的，簡(jiǎn)單的和有效的圖形元素，只要運(yùn)用的好，一樣可以給你的設(shè)計(jì)增光添彩，不如現(xiàn)在就開(kāi)始給自己設(shè)計(jì)一幅美美噠的線框圖，也不枉我如此辛苦的碼這么多字。

二：比例

比例是設(shè)計(jì)的很大一部分，有時(shí)是字面上的。在一個(gè)非常基本的定義中，尺度決定著個(gè)體元素的大小。

尺度可以幫助我們理解設(shè)計(jì)和圖像。想想看，如果你是在一只大象旁邊畫(huà)一只老鼠，你可能會(huì)把老鼠畫(huà)得比大象小得多，這將有助于觀眾立刻理解你的畫(huà)。

這樣，比例有助于我們對(duì)事物的感覺(jué)。但是，比例并不總是必須以現(xiàn)實(shí)主義為基礎(chǔ)的。你可以改變你元素的大小，以創(chuàng)造驚人的效果，并發(fā)出信號(hào)，畢竟你的設(shè)計(jì)才是最重要的。

例如，看看這張電影海報(bào)，海報(bào)中，主角的頭是不是被放大很多倍，馬上吸引了大家的注意力有木有。

而這個(gè)比例是不是基于真實(shí)的人臉一般都是在現(xiàn)實(shí)生活中一樣的大小，急劇擴(kuò)大人臉有助于觀眾瞬間掌握電影的重點(diǎn)，以及使海報(bào)成為一個(gè)獨(dú)特的設(shè)計(jì)。

這個(gè)元素對(duì)信號(hào)的重要性的比例通常被稱(chēng)為“層次結(jié)構(gòu)”，這個(gè)有點(diǎn)不易于理解，說(shuō)白了，就是要掌握畫(huà)面的層次性，有虛有實(shí)，有明有暗，有遠(yuǎn)有近，有大有小，以達(dá)到畫(huà)面的層次性。

三、顏色

關(guān)于色彩，說(shuō)的人真是太多太多了，顏色多么重要，是個(gè)人都知道，很多愛(ài)美敗家的女生衣柜里堆滿了五顏六色的衣服，齊全的連顏料盤(pán)都要甘拜下風(fēng)，由此可見(jiàn)大家對(duì)于顏色的喜愛(ài)程度。

色彩會(huì)產(chǎn)生特定的情緒、氣氛和情感，每一個(gè)陰影都有特定的內(nèi)涵與它聯(lián)系在一起。總之，顏色可以打破你的設(shè)計(jì)。

讓我們看看下面兩個(gè)例子。首先，一個(gè)女性用品的設(shè)計(jì)。該設(shè)計(jì)選擇了輕、軟以及柔和的色彩。運(yùn)用白色，淺灰色，粉紅的色調(diào)和金屬色字體，這些選定的顏色相得益彰地創(chuàng)造一個(gè)安靜、優(yōu)雅的女性化設(shè)計(jì)。

另一個(gè)設(shè)計(jì)，某果汁品牌。

顏色不是一個(gè)簡(jiǎn)單的原則，不止局限于品牌元素，顏色可以擴(kuò)展到一切，甚至照片。濾鏡和圖像調(diào)節(jié)器給予照片中的色彩和色調(diào)無(wú)盡的可能性，只要你想的到。

我最后想說(shuō)：

你在設(shè)計(jì)一個(gè)復(fù)雜和毫無(wú)靈感的海報(bào)時(shí)，為什么不特立獨(dú)行一點(diǎn)，運(yùn)用自己喜愛(ài)的色彩設(shè)計(jì)一個(gè)你覺(jué)得滿意的作品，也許會(huì)有一個(gè)意想不到的收獲！

四：重復(fù)

想想一些大品牌，比如可口可樂(lè)、谷歌、蘋(píng)果、耐克，我相信對(duì)于他們的標(biāo)志大家都很熟悉，其實(shí)比它們好的logo有很多，但是為毛單單就記住了它們。

是的，你猜對(duì)了—重復(fù)。

重復(fù)是一個(gè)重要的元素，當(dāng)涉及到品牌設(shè)計(jì)，無(wú)論是在保持品牌的一致性，還是在捆綁項(xiàng)目的同時(shí)。

讓我們看看一個(gè)品牌的例子。VI中使用一致的顏色色調(diào)和一致的logo，保持統(tǒng)一的間距。

重復(fù)是一個(gè)關(guān)鍵因素，當(dāng)涉及到品牌，它就不再是美麗的一次性設(shè)計(jì)。例如，涉及到創(chuàng)建模式和紋理的時(shí)候。

看看這個(gè)包裝設(shè)計(jì)使用重復(fù)的圖形。效果不再是繁瑣無(wú)趣的舊窗簾，他們可以變得非常有趣和好看。那么，為什么不在你的下一個(gè)設(shè)計(jì)中實(shí)現(xiàn)重復(fù)的設(shè)計(jì)效果呢？

想要擁有更多的靈感，何不如自己嘗試著做一套有趣的品牌VI，最少也要擺出幾十個(gè)華麗的幾何圖形才對(duì)的起自己有木有？

五、負(fù)空間

說(shuō)穿了， 負(fù)空間是在空間、地域、周?chē)纬勺约盒螤畹脑亍?/p>

很多人認(rèn)為負(fù)空間的開(kāi)發(fā)者是畫(huà)家埃舍爾。

看到埃舍爾在空間中用鳥(niǎo)類(lèi)創(chuàng)造魚(yú)的形狀？這是一種消極的工作空間?？紤]到周?chē)囊磺?，利用物理設(shè)計(jì)，并操縱整個(gè)空間，形成新的形狀。

消極的空間，當(dāng)巧妙的使用物理設(shè)計(jì)可以創(chuàng)造真正驚人聰明的設(shè)計(jì)。

下圖是由設(shè)計(jì)師喬治繪制的一系列動(dòng)物圖標(biāo)，清晰的描繪出了簡(jiǎn)單干凈的動(dòng)物形狀 。

六、對(duì)稱(chēng)

作為21世界最偉大的物種—人類(lèi)被科學(xué)證明是會(huì)被對(duì)稱(chēng)所吸引的。我們發(fā)現(xiàn)只要是對(duì)稱(chēng)的面孔（好好笑，誰(shuí)的面孔是不對(duì)稱(chēng)的？當(dāng)我傻嗎），圖案和設(shè)計(jì)一般更具有吸引力。

很多的logo都使用了對(duì)稱(chēng)性設(shè)計(jì)，為了創(chuàng)造一個(gè)和諧平衡的畫(huà)面。采用對(duì)稱(chēng)logo的大品牌呢，比如麥當(dāng)勞，香奈兒，星巴克等都是，還有就是我們偉大的故宮設(shè)計(jì)也是對(duì)稱(chēng)性的，總而言之，對(duì)稱(chēng)設(shè)計(jì)是very高大上的。

當(dāng)然，不可能所有設(shè)計(jì)都是對(duì)稱(chēng)性的，也不應(yīng)該是。在一個(gè)看起來(lái)是平衡和對(duì)稱(chēng)的設(shè)計(jì)之間有一條線，看起來(lái)像是其中一邊被復(fù)制，翻轉(zhuǎn)，粘貼到另一邊上去的。因此，不要試圖實(shí)現(xiàn)完美的對(duì)稱(chēng)性，而是試圖在你的設(shè)計(jì)中引入微妙的對(duì)稱(chēng)元素。

設(shè)計(jì)師微微調(diào)整插圖，以微妙的不同保持設(shè)計(jì)整體的對(duì)稱(chēng)平衡。

對(duì)稱(chēng)并不總是那么明顯，有時(shí)它是微妙的，有時(shí)你甚至沒(méi)有注意到它。一個(gè)看不見(jiàn)的對(duì)稱(chēng)性例子可以在更具體的文本框中找到。打開(kāi)任何一本雜志看看，可能是在一個(gè)較長(zhǎng)的文章中你會(huì)發(fā)現(xiàn)它已被分割成文字列，這些列通常是對(duì)稱(chēng)設(shè)計(jì)的，以保持清晰、整潔、以及視覺(jué)上的吸引力。

看看這個(gè)年度報(bào)告，是不是也是對(duì)稱(chēng)的？

通過(guò)在你的布局設(shè)計(jì)中使用一點(diǎn)點(diǎn)對(duì)稱(chēng)，你可以創(chuàng)建一個(gè)平衡的秩序感。所以，下一次你在設(shè)計(jì)一個(gè)出版物的時(shí)候，或者一個(gè)有很多類(lèi)型的設(shè)計(jì)，注意你使用的對(duì)稱(chēng)性有多少。切記，不可多，也不可少，至于具體多少？根據(jù)具體的設(shè)計(jì)來(lái)定！

七、透明度

也偶爾被稱(chēng)為“不透明度”，讓我們看一個(gè)使用透明度的例子。這個(gè)驚人的例子是杰克用各種大小不一、不同顏色透明度的形狀交叉而成的插畫(huà)。

在這種方式中，調(diào)整與玩弄透明效果是強(qiáng)調(diào)圖層和形狀的一個(gè)比較獨(dú)特的方式。

玩弄透明度也是一個(gè)偉大的技術(shù)，產(chǎn)生一個(gè)靜態(tài)圖像的運(yùn)動(dòng)感。

例如，看看這張海報(bào)，圖像處理成不同程度的透明效果，交叉著創(chuàng)造一個(gè)引人入勝的效果和運(yùn)動(dòng)感。

透明度也不僅僅局限于數(shù)字圖形。這個(gè)玻璃帖子是紐約博物館的介紹牌，為了設(shè)計(jì)一個(gè)獨(dú)特的引人入勝的效果。

仔細(xì)考慮你的設(shè)計(jì)是為什么人服務(wù)，不要害怕不敢用你的創(chuàng)意。

八、紋理

干凈，鋒利，光滑的平面設(shè)計(jì)可以是美好的，但有時(shí)候，選擇一些紋理效果會(huì)更好。紋理可以增加觸感、深度，對(duì)于你的設(shè)計(jì)可以起到增添一些有趣效果的作用。

然而，與許多事情一樣，一定要適度的使用這種技術(shù)，因?yàn)樘嗟募y理會(huì)很搶你的設(shè)計(jì)。記?。菏褂萌魏涡Ч臅r(shí)候都要有個(gè)度。

讓我們看看一個(gè)例子，在使用紋理的同時(shí)，使用了立體塊狀效果。這個(gè)漂亮的字體由丹卡沙羅設(shè)計(jì)，使用紋理營(yíng)造了一個(gè)復(fù)古的風(fēng)格。注意，粗糙的質(zhì)感不是為了分散注意力而是更好地提高了整體的視覺(jué)感。

看看下面這張葡萄酒公司所設(shè)計(jì)的名片， 墨水點(diǎn)式的紋理壓花質(zhì)感的名片，是不是瞬間檔次上來(lái)了。在設(shè)計(jì)中使用紋理可以讓你的設(shè)計(jì)變得更有感覺(jué)，更會(huì)脫穎而出。

九、平衡

平衡是生命中一個(gè)非常重要的東西，它在設(shè)計(jì)的世界里同樣重要。

平衡的方法是考慮到每一個(gè)元素的“重量”。無(wú)論是文本框、圖像、塊狀的顏色，都要考慮他們的大小、形狀、和 “重量”。

一個(gè)好的方法是想象如果你的設(shè)計(jì)被打印成一個(gè)三維模型。它會(huì)站起來(lái)，還是瞬間從了？

看看這只貓的logo，非常完美平衡的設(shè)計(jì)。如果它是印刷的，答案是它會(huì)坐直。

一種類(lèi)型的平衡是“不對(duì)稱(chēng)的平衡”，這是反映左和右、頂部和底部的分布排列，調(diào)整元素的大小，使他們能在視覺(jué)上平衡。

讓我們看一個(gè)例子。這充滿活力的圓形色塊是一個(gè)聰明的元素分配，平衡了整體的設(shè)計(jì)。注意如何通過(guò)元素的大小實(shí)現(xiàn)從左到右，從上到下的平衡。

十、等級(jí)制度

先來(lái)說(shuō)說(shuō)層級(jí)之中具有國(guó)王地位的標(biāo)題。

看看下面這個(gè)雜志的例子，展示了三種不同的信號(hào)，標(biāo)題/標(biāo)題的重要性/標(biāo)題的意思。無(wú)論你選擇怎樣的設(shè)計(jì)方式，一定要確保消費(fèi)者可以不用思考的立即讀懂你的標(biāo)題。

下一個(gè)層級(jí)就要說(shuō)到貴族了，這仍然是十分重要的元素，但不要像國(guó)王那樣醒目。這就是—副標(biāo)題（引文的附加信息）。保持副標(biāo)題的醒目，但是千萬(wàn)不要比主標(biāo)題還醒目，否則副標(biāo)題豈不是要造反了？

下面這張圖上，注意日期（一個(gè)非常重要的部分）變大了，比它下面的信息更大更明顯。然而，它并沒(méi)有比上面的標(biāo)題更醒目。

在等級(jí)制度的最底端是農(nóng)民，比如不重要的信息、鏈接等等。

這張夜市的海報(bào)中。你可以很容易地指出標(biāo)題、副標(biāo)題/日期，然后額外的并不那么重要的信息起到了點(diǎn)綴的作用。

當(dāng)然，層次結(jié)構(gòu)不僅僅局限于類(lèi)型。圖像也有層次結(jié)構(gòu)， 沒(méi)有不起眼元素的對(duì)比，又怎能突顯其他元素的醒目。