設計是一個複雜的、十分複雜的、very複雜的,有趣的和令人興奮的業務。
然後呢,就算你在設計這個行業工作再久,你也要把自己當成一個初學者,因為技術是不斷髮展的,軟體也是不斷迭代的,設計潮流也是在變的;說實話,要想保住自己的飯碗,總要拿出點壓箱底的技術 來~~
今天我們要討論的是關於設計的10個原則。
一:線
我相信我們都知道什麼是“線”,但只是要確定,“線”可以被定義為任何線性標記。
所以,當你考慮它時,所有的一切都是“線”。即使你現在正在閱讀的這些單詞和字母都是由成千上萬個彎曲的,傾斜的直線組成的。
線條也可以有一定的想法!直的線能喚起整潔,波浪線可以建立運動,曲折線意味著緊張或激動。
通常寫一篇文章時,會有一條“引導線”,這條線呢可以串起你整篇文章的重點,和故事發展的大概。
而在設計中也是如此!
讓我們看看網頁設計中的“引導線”的一個例子。這個網頁是由一個很酷的對角線引導的設計,所以整個網站的設計,包括標題、導航、介紹都得跟著這對角線的設計而佈局。
PRA的網站設計
一個全是用線組成一幅圖的方式是一個非常強的表現方式。
而下面這張圖也讓我想到了很久以前玩的一個手機遊戲“找你妹”,曾經讓我玩的是精力交瘁、欲罷不能,上癮的有木有,咦?好像跑題了。
言歸正傳,這幅線框插畫呢是設計師Ksenia給一個服裝品牌設計的。用簡單的白色線條來穿插整個畫面,整體的設計風格體現了它的可識別性和獨特性。
也給這種線框廣告插畫起了一個不錯的頭。
線條是靈活的,簡單的和有效的圖形元素,只要運用的好,一樣可以給你的設計增光添彩,不如現在就開始給自己設計一幅美美噠的線框圖,也不枉我如此辛苦的碼這麼多字。
二:比例
比例是設計的很大一部分,有時是字面上的。在一個非常基本的定義中,尺度決定著個體元素的大小。
尺度可以幫助我們理解設計和影象。想想看,如果你是在一隻大象旁邊畫一隻老鼠,你可能會把老鼠畫得比大象小得多,這將有助於觀眾立刻理解你的畫。
這樣,比例有助於我們對事物的感覺。但是,比例並不總是必須以現實主義為基礎的。
你可以改變你元素的大小,以創造驚人的效果,併發出訊號,畢竟你的設計才是最重要的。
例如,看看這張電影海報,海報中,主角的頭是不是被放大很多倍,馬上吸引了大家的注意力有木有。
而這個比例是不是基於真實的人臉一般都是在現實生活中一樣的大小,急劇擴大人臉有助於觀眾瞬間掌握電影的重點,以及使海報成為一個獨特的設計。
這個元素對訊號的重要性的比例通常被稱為“層次結構”,這個有點不易於理解,說白了,
就是要掌握畫面的層次性,有虛有實,有明有暗,有遠有近,有大有小,以達到畫面的層次性。
三、顏色
關於色彩,說的人真是太多太多了,顏色多麼重要,是個人都知道,很多愛美敗家的女生衣櫃裡堆滿了五顏六色的衣服,齊全的連顏料盤都要甘拜下風,由此可見大家對於顏色的喜愛程度。
色彩會產生特定的情緒、氣氛和情感,每一個陰影都有特定的內涵與它聯絡在一起。總之,顏色可以打破你的設計。
讓我們看看下面兩個例子。
首先,一個女性用品的設計。該設計選擇了輕、軟以及柔和的色彩。運用白色,淺灰色,粉紅的色調和金屬色字型,這些選定的顏色相得益彰地創造一個安靜、優雅的女性化設計。
另一個設計,某果汁品牌。
顏色不是一個簡單的原則,不止侷限於品牌元素,顏色可以擴充套件到一切,甚至照片。
濾鏡和影象調節器給予照片中的色彩和色調無盡的可能性,只要你想的到。
我最後想說:
你在設計一個複雜和毫無靈感的海報時,為什麼不特立獨行一點,運用自己喜愛的色彩設計一個你覺得滿意的作品,也許會有一個意想不到的收穫!
四:重複
想想一些大品牌,比如可口可樂、谷歌、蘋果、耐克,我相信對於他們的標誌大家都很熟悉,其實比它們好的logo有很多,但是為毛單單就記住了它們。
是的,你猜對了—重複。重複是一個重要的元素,當涉及到品牌設計,無論是在保持品牌的一致性,還是在捆綁專案的同時。
讓我們看看一個品牌的例子。下圖中,VI中使用一致的顏色色調和一致的logo,保持統一的間距。
重複是一個關鍵因素,當涉及到品牌,它就不再是美麗的一次性設計。例如,涉及到建立模式和紋理的時候。
看看這個包裝設計使用重複的圖形。效果不再是繁瑣無趣的舊窗簾,他們可以變得非常有趣和好看。那麼,為什麼不在你的下一個設計中實現重複的設計效果呢?
想要擁有更多的靈感,何不如自己嘗試著做一套有趣的品牌VI,最少也要擺出幾十個華麗的幾何圖形才對的起自己有木有?
五、負空間
說穿了, 負空間是在空間、地域、周圍形成自己形狀的元素。
很多人認為負空間的開發者是畫家埃舍爾。
看到埃舍爾在空間中用鳥類創造魚的形狀?
這是一種消極的工作空間。考慮到周圍的一切,利用物理設計,並操縱整個空間,形成新的形狀。
消極的空間,當巧妙的使用物理設計可以創造真正驚人聰明的設計。
下圖是由設計師喬治繪製的一系列動物圖示,清晰的描繪出了簡單幹淨的動物形狀 。
六、對稱
作為21世界最偉大的物種—人類被科學證明是會被對稱所吸引的。
我們發現只要是對稱的面孔(好好笑,誰的面孔是不對稱的?當我傻嗎),圖案和設計一般更具有吸引力。
很多的logo都使用了對稱性設計,為了創造一個和諧平衡的畫面。採用對稱logo的大品牌、
比如麥當勞,香奈兒,星巴克等都是,還有就是我們偉大的故宮設計也是對稱性的,總而言之,對稱設計是very高大上的。
當然,不可能所有設計都是對稱性的,也不應該是。在一個看起來是平衡和對稱的設計之間有一條線,看起來像是其中一邊被複制,翻轉,貼上到另一邊上去的。
因此,不要試圖實現完美的對稱性,而是試圖在你的設計中引入微妙的對稱元素。
例如,這場婚禮邀請卡使用高度的對稱性,但它不是完美的映象。相反,設計師微微調整插圖,以微妙的不同保持設計整體的對稱平衡。
對稱並不總是那麼明顯,有時它是微妙的,有時你甚至沒有注意到它。
一個看不見的對稱性例子可以在更具體的文字框中找到。
開啟任何一本雜誌看看,可能是在一個較長的文章中你會發現它已被分割成文字列,這些列通常是對稱設計的,以保持清晰、整潔、以及視覺上的吸引力。
看看這個年度報告,是不是也是對稱的?
透過在你的佈局設計中使用一點點對稱,你可以建立一個平衡的秩序感。
所以,下一次你在設計一個出版物的時候,或者一個有很多型別的設計,注意你使用的對稱性有多少。
切記,不可多,也不可少,至於具體多少?根據具體的設計來定!
七、透明度
也偶爾被稱為“不透明度”,讓我們看一個使用透明度的例子。這個驚人的例子是傑克用各種大小不一、不同顏色透明度的形狀交叉而成的插畫。
在這種方式中,調整與玩弄透明效果是強調圖層和形狀的一個比較獨特的方式。
玩弄透明度也是一個偉大的技術,產生一個靜態影象的運動感。
例如,看看這張海報,影象處理成不同程度的透明效果,交叉著創造一個引人入勝的效果和運動感。
透明度也不僅僅侷限於數字圖形。這個玻璃帖子是紐約博物館的介紹牌,為了設計一個獨特的引人入勝的效果。
仔細考慮你的設計是為什麼人服務,不要害怕不敢用你的創意。
八、紋理
乾淨,鋒利,光滑的平面設計可以是美好的,但有時候,選擇一些紋理效果會更好。
紋理可以增加觸感、深度,對於你的設計可以起到增添一些有趣效果的作用。
然而,與許多事情一樣,一定要適度的使用這種技術,因為太多的紋理會很搶你的設計。
記住:使用任何效果的時候都要有個度。
讓我們看看一個例子,在使用紋理的同時,使用了立體塊狀效果。
這個漂亮的字型由丹卡沙羅設計,使用紋理營造了一個復古的風格。
注意,粗糙的質感不是為了分散注意力而是更好地提高了整體的視覺感。
看看下面這張葡萄酒公司所設計的名片, 墨水點式的紋理壓花質感的名片,是不是瞬間檔次上來了。在設計中使用紋理可以讓你的設計變得更有感覺,更會脫穎而出。
九、平衡
平衡是生命中一個非常重要的東西,它在設計的世界裡同樣重要。
平衡的方法是考慮到每一個元素的“重量”。無論是文字框、影象、塊狀的顏色,都要考慮他們的大小、形狀、和 “重量”。
一個好的方法是想象如果你的設計被列印成一個三維模型。它會站起來,還是瞬間從了?
看看這隻貓的logo,非常完美平衡的設計。如果它是印刷的,答案是它會坐直。
一種型別的平衡是“不對稱的平衡”,這是反映左和右、頂部和底部的分佈排列,調整元素的大小,使他們能在視覺上平衡。
讓我們看一個例子。這充滿活力的圓形色塊是一個聰明的元素分配,平衡了整體的設計。注意如何透過元素的大小實現從左到右,從上到下的平衡。
十、等級制度
先來說說層級之中具有國王地位的標題。
看看下面這個雜誌的例子,展示了三種不同的訊號,標題/標題的重要性/標題的意思。
無論你選擇怎樣的設計方式,一定要確保消費者可以不用思考的立即讀懂你的標題。
下一個層級就要說到貴族了,這仍然是十分重要的元素,但不要像國王那樣醒目。這就是—副標題(引文的附加資訊)。保持副標題的醒目,但是千萬不要比主標題還醒目,否則副標題豈不是要造反了?
下面這張圖上,注意日期(一個非常重要的部分)變大了,比它下面的資訊更大更明顯。然而,它並沒有比上面的標題更醒目。
在等級制度的最底端是農民,比如不重要的資訊、連結等等。
這張夜市的海報中。你可以很容易地指出標題、副標題/日期,然後額外的並不那麼重要的資訊起到了點綴的作用。
當然,層次結構不僅僅侷限於型別。影象也有層次結構, 沒有不起眼元素的對比,又怎能突顯其他元素的醒目。