從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

你心中會不由自主地想:他們如何將字體、色彩等和主題內容做得如此貼切?是什麼魔力讓觀眾對這個活動海報的設計效果感到如此之興奮?

說到設計,它本身並沒有對與錯的標準答案,正因如此,初學者才會覺得這是設計很難學習的原因之一。

你的公司已經聘用了有經驗的專業設計師來負責設計,那麼你不必操心這件事。但是,如果你是成千上萬的小企業主中的一個,沒有設計師或者設計師經驗不足,那麼設計這件事,你一定是需要面對的,而且有時你會感到難以應付。

對於設計中關鍵的、令人興奮的、能引起大家共鳴的部分 ,我們要利用一些方法,讓設計這些工作變得出奇的簡單,所以把這12個重要的事情的清單放在一起來說明,使設計師們由此能創造美麗的視覺內容。

你希望讓你的設計看起來是最好的作品嗎?那麼在整個設計過程中——規劃、設計、審核這些步驟——試著問自己做到如下這些問題:

從初級到資深,設計師要掌握的12種最基本設計方法

作家經常談論要給他們的文章或書一個“掛鉤”——吸引讀者關注。在設計中,一個視覺焦點起到同樣的作用。它可以是一個圖像或圖形,一個標題或促銷廣告語,或其他文字信息。

以這本雜誌為例。你首先看到了什麼?食物,對吧?那是因為這個設計是經過精心策劃的,可以讓你看到這一點。設計師利用簡單的黑白排版、插圖,使色彩鮮豔的、細節豐富的照片脫穎而出。另外,如果你仔細觀察,你會發現在左邊的頁面上,文字和線條裝飾的形狀對食物照片進行了構圖,把你的視線引導到那裡。

從初級到資深,設計師要掌握的12種最基本設計方法

你不能把設計的每個部分都進行強調,所以這時你需要決定什麼是最重要的。不管是一張圖片還是一個信息——你的視覺焦點——通常應該具有最直觀的權重(即:乍一看是最突出的那個部分)。視覺焦點的這部分設計內容,可以通過很多元素(像大小、形狀、方向、位置、顏色、質地或其他元素)進行著重強調。

在下圖中,數字"5"首先吸引觀眾的注意力(這是一個恰當的選擇,因為關鍵的折扣信息在上面體現出來,所以很容易引起觀眾的注意):因為數字"5"是最大的、最醒目的以及用內線突出顯示的唯一數字。

從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

觀眾剛看到設計作品時,視覺焦點首先引起他們的關注,然後接下來他們的視線會落到哪裡呢?所以這裡提醒你,你的設計需要以這樣一種方式組織起來,他們的眼睛可以輕鬆地瀏覽其餘的佈局。這通常被稱為層次結構——這僅僅意味著設計師清楚地知道讓觀眾首先應該看什麼。最重要的是,視覺焦點是什麼?他們應該如何通過其他的設計(他們的眼睛應該向下移動嗎?)在嗎?從一個層級到另一個層級?所以按著這個思路,去考慮設計元素的安排、大小和間隔等等問題。

為什麼要這樣考慮?因為如果把設計元素隨意放置,沒有任何清晰的組織時,觀眾的眼睛不知道從哪裡看——設計沒有了流暢感。這件設計作品可能因為阻礙流動的因素(包括沒有焦點或太多焦點),導致沒有層次結構,最後變成了失敗的、雜亂無章的設計。

為了改善你的設計流程,請嘗試以下方法之一:

• 使用重複:重複的設計元素(如項目符號或編號列表,或者將眼睛引導到預定目的地的線條或形狀)可以使設計更易於導航。另外,當重複被適度使用時,它有助於在設計中創造統一性。

下面的插圖以多種微妙方式重複,通過構圖引導你的眼睛看見具有深度的設計。水平線條不但出現在雲層上,還重複出現在背景中的岩石丘陵及水面上;而垂直線條重複出現在棕櫚樹、衝浪板以及穿泳衣的女孩身上。正因為這些重複的圖案,才賦予設計深度感、運動感和凝聚感。

從初級到資深,設計師要掌握的12種最基本設計方法

• 把你的設計分成清晰的部分。以一種有意義的方式來組織它——不管是用標題、方框或框架界定的部分,需要強調的顏色或圖形,還是其他元素——這都將在增強設計流動性方面大有作為。

• 使用足夠的留白空間。雜亂的構圖是視覺流最大的障礙之一。你可以通過在你的設計元素之間和周圍有足夠的白色(或空白)空間,來避免雜亂無章的設計,這樣它們看起來就不會顯得太擁擠。留白空間還可以幫助把設計分成幾個部分。

下圖中的設計,通過分割出不同部分和空白空間,建立了一個清晰的層次結構。在左側,各種字體大小和排版設置突出了最重要的信息——事件名稱、位置及日期。所有元素的間隔都是相當一致的,而且看起來並不擁擠,這使得文字信息很容易閱讀。背景圖中不同顏色框,將設計分成不同的部分,每個部分都有自己的用意:主要信息、活動贊助商標識和RSVP表單。

從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

不要讓觀眾看到你的作品時,就想把牆上一幅歪歪扭扭的圖片拉直的設計,也就是說,不要讓不平衡的元素或略微“偏離”的對齊方式分散你的設計及信息內容。

對稱元素是平衡設計的最大貢獻者之一。一個對稱的設計在中心軸的兩邊總是對稱的,無論是在垂直、水平還是徑向(或者說輻射,通常是圓形,從中心點出來)方向上。人類的大腦非常容易被對稱圖形所吸引,它除了具有美感之外,平衡的設計也有一個實用的目的:它為你的佈局和內容的優先級,建立一個層次結構。

下圖中這個標誌設計使用了兩種對稱。首先,如果你在設計圖中的中心點畫一條垂直線,則左右兩側的佈局大致相同——彼此對稱。此外,中心的太陽造型具有徑向對稱性。這兩個對稱結合起來,創造了一個完美平衡感的、視覺上吸引人的設計作品。

從初級到資深,設計師要掌握的12種最基本設計方法

糟糕的對齊方式也會使設計失去平衡。所以要確保文本、其他設計元素與文檔頁邊距的對齊方式保持一致。在整個文本段落中,使用一種對齊方式,設計作品看起來是最一致、最平衡的。

從初級到資深,設計師要掌握的12種最基本設計方法

字體設計幾乎是所有設計的關鍵部分。所以,你選擇的字體效果如何,對你的設計項目整體是否有吸引力,是有很大關係的。如果兩種字體發生衝突,這可能會使你的設計內容和信息被分散了。

所以如何選擇與其設計內容相和諧的字體,是一項棘手的任務。

從初級到資深,設計師要掌握的12種最基本設計方法

但是不管你選擇什麼字體,都要確保字體個性與你的設計整體相匹配,這一點是非常重要的,同時也支持它的目的性(更多說明,請查看第9點)。

從初級到資深,設計師要掌握的12種最基本設計方法

如果沒有人能讀懂你的設計,那就違背了初衷,難道不是嗎?你不希望人們眯著眼睛,試圖找到你的電話號碼或讀一個地址。在設計中,你可能不小心做了這些事情,導致文章不易讀。它們包括:

• 尺寸

有時字體在屏幕上看起來會比印刷的字體大得多。你想確保你的字體大小適合你的設計的最終體現的媒介。例如,一張非常大的字體對名片來說是不切實際的,就像一個非常小的字體對於遠距離觀看的設計也是不切實際的,比如公共汽車或廣告牌上的廣告。如果可能的話,打印出你的設計作品來驗證一下,或者在網站上進行在線測試,以確保在完成項目之前,所有文本都易於閱讀。

對於下圖中的這張名片,在小尺寸的名片上,把所有字體放大,這增加了名片上文字的可讀性,同時暗色和淺色之間的對比,也有有利於文字的可讀性。

從初級到資深,設計師要掌握的12種最基本設計方法

• 顏色和對比度

如果字體和背景的顏色發生衝突(比如紅色背景上的霓虹綠色文字,這是一個極端的例子)或太相似,文本可能難以閱讀。同樣,對比度太低(如淺灰色背景上的白色文字)可能也難以看清。

• 風格

有些字體比其他字體更容易閱讀。簡單、乾淨的字體(沒有太多裝飾)是最好的正文字體。裝飾字體(使用多種花哨的或獨特的字體)最好少用一些,而且尺寸要較大些。當你想要使一個單詞或短語真正脫穎而出時,不要把它們用在那些很難閱讀的段落裡。

下圖中的徽章設計有效地將一個裝飾字體和一對簡單的無襯線字體進行結合。排版風格(與作品的復古感相匹配)在保持易讀性的同時,賦予相關特色。

從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

一個設計可以看起來很漂亮,但仍然沒有達到作為溝通工具的預期目的。平面設計的挑戰之一是平衡形狀與功能 ——你希望你的項目看起來不錯,並在視覺上吸引觀眾,同時仍然能夠成功地傳達其信息。

當設計師忽視了信息,只專注於設計的外觀時,該項目可能會設計過度;這個項目的圖形設計部分變成了一個分散注意力的部分,而不是一個精心打造的整體。這一點,無論在銷售產品、宣傳促銷、展示工作資格、獲得更多追隨者或其他任何東西上,都不應該忽視它們。

這幅多力多滋玉米片的插圖以一種非常有效的方式與功能結合。圖像和顏色不是隨意使用的,而是專門為提升設計主題和支持品牌而選擇的。山脈(以及鳥群和太陽)看起來就像實際的多力多斯(Doritos)薯片,它們的顏色對應著不同的口味。

從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

對比既有視覺上的吸引力,也有功能性上的——它可以強調你設計的某些元素,使它們顯得更加重要。

對比不僅僅是一種顏色上的對比。在色輪上,像黑色和白色、或者像紅色和綠色相反的顏色。作為設計工具,對比可以涉及形狀、比例、排版或其他元素。然而,就像幾乎所有其他的設計理念一樣,它可能會被過度使用。你應該確保你的設計的對比,不要做得那麼誇張和戲劇化,因為這是不和諧的,除非這是你的真實意圖。

下圖中的包裝設計以多種方式進行對比。首先在顏色上:黑色的強調色與明亮的黃色、橙色搭配,在明亮的白色背景形成強烈的對比。另外在形狀上:底部插圖的彎曲、有機形狀恰好與文字的直線幾何字母形成鮮明對比(但也是對包裝圓形形狀的補充)。

從初級到資深,設計師要掌握的12種最基本設計方法

為了達到最佳效果,對比的設計元素突出了彼此之間的差異,但以相輔相成的方式進行。

從初級到資深,設計師要掌握的12種最基本設計方法

不同的設計項目將允許你使用不同數量的空間。在設計的物理規格範圍內,創建一個有吸引力的平衡設計是一項挑戰。不論從名片到廣告牌設計大大小小的設計項目,你可以在設計時應用一些基本原則:

• 接近:鄰近性——將相關元素放置在彼此距離較近的地方(並將不相關的物品分開)——這是一個簡單的概念,可以在你的設計中產生很大的作用。將你的設計的相關部分自動分組,使其具有組織布局,並創建邏輯部分。

• 白色空間:在設計中,白色空間的概念基本上可以歸結為,給你的設計元素一些喘息的空間。這可能包括頁邊距、設計的不同部分之間的空白、行間距等等。對於大多數設計,你需要找到一個適合你在佈局中包含的白色空間的媒介。太小的空間會使設計變得凌亂、擁擠;太多的距離感,設計元素失去了它們之間的關係。版面上合理的佈局不僅好看,眼睛也很容易看到——它可以讓觀看者的眼睛在你的設計周圍轉動。

下圖中的這個網站設計圍繞著每個部分(待售產品)的視覺焦點,並有足夠的空間,因此觀眾可以將這些項目歸零。輕量級字體的使用創造出更多空間的錯覺感,並確保產品成為關注的中心。

從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

配色方案、排版風格和其他元素可以給你的設計帶來明確的情緒——也許是俏皮的、嚴肅的或複雜的。你希望確保這些設計選項,能夠創建符合設計目的的情緒,因此你不要發送出混合的多種消息來。

例如,下圖這條橫幅是為一個孩子的塗色比賽而設計的,這是一個啤酒節慶祝活動中的一部分設計。所以,恰當地說,選擇的顏色是非常具有秋天特點的,字體的選擇是有趣和異想天開的。如果一個嚴肅的字體和單調的顏色,就不會有同樣的影響,(更重要的是)不會與事件的主題情緒相匹配。

從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

顏色具有深刻的、潛意識的意義——情感、心理、文化——並能在你的設計中發揮巨大的作用。但是,除了考慮色彩在你的設計中所表現出來的情緒之外(水色、珊瑚和黃色的夏季色彩;黑色和金色的優雅精緻),你應該確保你對顏色的使用,都是經過深思熟慮的。

從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

與前面提到的不同字體的組合類似,組合不同顏色的結果應該也是和諧的。除非是有意為之,否則你要避免顏色衝突,或者一個設計作品使用太多顏色。如果有顏色配色上的疑問,可以使用調色板工具,甚至閱讀基本色彩理論(以及色彩方案,如互補、分割補充、類似和三色)會對你有所幫助。

下圖中這個標誌設計有多種顏色,但最突出的是頂部的橙色色調,中央的海軍藍色旗幟和底部的紫色色調。這是一種互補色方案(選擇一種顏色,加上它在色輪上的互補色):黃橙、藍、紫。這種顏色方案具有強烈的視覺對比度,但與補色配色方案(紅色/綠色或紫色/黃色)相比,具有不那麼震撼的特點。

從初級到資深,設計師要掌握的12種最基本設計方法

從初級到資深,設計師要掌握的12種最基本設計方法

如果你正在做一個創意簡報,堅持做這個簡短的決定會讓你的設計更有可能讓你的客戶、老闆或任何參與創建簡報的人滿意。如果你一點都不考慮創意簡報,完全不理會這件事,由著自己的想法來做,你認為這個設計作品它看起來更好,那麼你可能不僅冒犯那些人,還會給你的設計帶來負面的反饋,你非常有可能需要推倒重新設計,這不是浪費你寶貴的時間了嗎?

從初級到資深,設計師要掌握的12種最基本設計方法

假設你設計了一個令你感到自豪的漂亮的、高級感的設計作品後,該設計到了要打印或上線的時候了。可這時發現印刷品上的顏色都是錯的,或者你在網頁上瀏覽該作品,所有的圖像都是模糊的,或者像素低造成的馬賽克現象。這到底是發生了什麼事?

因為當你用錯誤的設置保存文件時,諸如此類的問題可能會出現——可能是使用錯誤的顏色空間、錯誤的大小及分辨率,或者錯誤的格式。這就是為什麼設計師對於不同的印刷和網頁設計項目的正確解析和格式要求要有很好的理解,這一點是非常重要的。

所以要全面瞭解印刷和網頁設計之間的差異,以及確保瞭解適合你設計的顏色、分辨率和格式的相關知識。

你不是一個資深專業設計師,你是設計上的初級小白,但這沒有關係,也並不意味著你沒有能力,讓你的DIY營銷材料或商業品牌宣傳達到極致。

你下次開始做一個設計項目時,請先按著這這12個問題問問你自己,衡量自己的設計作品是否符合上面這些基本的設計方法。


分享到:


相關文章: