Skip to content
哈利熊線上服務市集 > 哈利熊部落格 > 數位行銷 > 品牌行銷系列 > 設計技巧系列|每個人都該知道的設計基礎:6個設計元素

設計技巧系列|每個人都該知道的設計基礎:6個設計元素

在現在這個網路化的時代中,我們往往可以非常精準的,以低的成本觸及到大量的受眾群。而一個好的行銷需要包含好的文案、好的設計以及正確的廣告投放

哈利熊的設計系列文章將會用最簡單、直接的方式,為大家整理出設計的技巧。

平面設計基礎

設計有多重要?其實所有人類所製作出來的東西,都多少包含著設計的元素。我們可以環顧四周,你現在用的手機、電腦,你坐的椅子,你的桌子,你穿的衣服、鞋子,都是設計師根據物品的功能以及受眾的理解所做出的設計成品。

好的設計往往會被當成理所當然,就是往往那些我們覺得「看得順眼」的物品,但是不好的設計往往會引起人們的反感。

設計元素是每一個設計都會包含的元素。而設計技巧則是將這些設計元素放在一起的使用技巧,比如說視覺重量運用配色的5大手法配色的黃金比例設計中的留白效果等。

如果想要做一個好的設計,就必須對整體的設計元素做視覺以及物理上的評估。在對於設計元素有了基本的認識後,我們就能夠將這些元素相互組合加以運用。

6大設計元素

1. 線條

第一個基礎設計元素就是「線條」,也是許多設計師的設計起點。以平面設計的角度來看,線的定義指的是在空間中兩個連結的點。線可以有許多的特性,比如說它的粗與細、平滑與粗糙、橫或直、弧線或曲線、點線或直線等等。

6大設計元素|線條
6大設計元素|線條

線條通常會用於以下幾種情況:

  • 讓人的目光集中於特定的點
  • 將畫面分割
  • 凸顯重點
  • 製造紋理感

2. 顏色

第二個元素便是「顏色」,顏色可以用來打造整體設計的情緒與調性。每一種顏色可以製造出不同的心理情緒效果,而在品牌LOGO的顏色使用中,我們也有提到不同顏色所代表的意義。比如說,我們可以用暖色系的紅與橘,創造出熱情、溫暖的效果,也可以使用冷色系的藍與綠,創造出冷靜、放鬆的感覺。

6大設計元素|顏色
6大設計元素|顏色

如果對於顏色的基礎還不太熟悉的朋友,可以看看設計師一定要知道的顏色基礎學:顏色3分類與顏色3屬性

基本上顏色的類別可分為:

  • 原色
  • 二次色(三間色)
  • 三次色(複色)

而顏色的屬性可分為:

  • 色相(Hue)
  • 明度(Value)
  • 彩度(Chroma)

3. 形狀

第3個設計元素就是「形狀」。根據維基百科的定義,形狀是「由邊或曲線或以上兩種東西的結合來形成的封閉空間」。

我們每天接觸到的幾乎所有物品,都是由各種不同的形狀組成,比如說我們的房子、車子、花、飲料杯等等。網路設計師Jennifer Kyrnin認為「形狀可以幫助設計師為設計到來有趣的效果,也可以幫助將不同的元素組合在一起。形狀不完全是裝飾性的,因為形狀可以包含象徵性的意義、刺激情緒、將眼球帶到最吸引人的資訊上。」形狀是組成LOGO與平面設計的重要元素。

形狀主要用三種方式來描述:

  • 機械的(Mechanical)

通常有著堅硬的邊緣,通常是幾何形狀,在設計中具有穩定性以及有序感。

6大設計元素|形狀—機械的
6大設計元素|形狀—機械的
  • 有機的(Organic)

有機圖形通常是不規則的,有著弧線或是不規則的邊角,在設計中具有一種自然、奔放的感覺。

6大設計元素|形狀—有機的
6大設計元素|形狀—有機的
  • 抽象的(Abstract)

抽象的形狀通常是字體、標誌與符號,用以傳達某種訊息。

6大設計元素|形狀—抽象的
6大設計元素|形狀—抽象的

4. 質地

質地是形狀的表層。通常可以分為兩種,一種是視覺的,一種是實體可用手指觸摸的。

視覺的質地可以透過線條、形狀以及顏色的使用創造出來。這些視覺的質地我們沒辦法用手去觸摸,但是透過設計元素的組合應用,我們可以想像他們的觸覺。

比如說下面這張圖,可能就給我們一種冰冰涼涼的大理石感。

6大設計元素|質地
6大設計元素|質地

第二種是實體物品的質地,比如說平滑、粗糙、軟、硬、棉等。我們身逼所有的實體物品都有質地。

5. 空間

這個設計元素也是我們最不會注意到的,那就是設計中空間的應用。這種空間的運用可以讓設計師將2D的空間變成一種視覺上的3D空間。

想要創造出3D效果,可以應用下面幾種手法:

  • 物體重疊
6大設計元素|空間—物體重疊
6大設計元素|空間—物體重疊

將同樣的物體前後重疊,創造出空間的效果。而想要擁有最前面視覺效果的物體則也應該出現在最上層。

  • 陰影效果
6大設計元素|空間—陰影效果
6大設計元素|空間—陰影效果

透過對顏色明度的改變創造出陰影的效果,透過找出光源點的方式,定義出高光、中間色、陰影以及反射光。

  • 空氣透視

空氣透視指的是用清晰度、色度來表現物體遠近的手法。較遠的物體的對比通常較低,會與背景色接近,而前面的物體通常會用清晰、強烈的對比來顯現。

6大設計元素|空間—空氣透視
6大設計元素|空間—空氣透視

比如說這張圖中的山脈,最前面的就是用暗藍,再一層一層慢慢的變淡,最後一層的藍與背景色近乎融合在一起。

6. 字型

對於網站設計以及LOGO設計來說,其中一個最重要的元素就是字型。就像顏色、質地與形狀一樣,不同的字型可以表達出不同的效果,可以讓觀眾更了解品牌的個性,這是一個嚴肅還是活潑的品牌或網站。

6大設計元素|字型
6大設計元素|字型
6大設計元素|字型
6大設計元素|字型

以上兩種字體分別給了你什麼樣不同的感覺呢?

設計師透過運用以上6種設計元素,以及一些設計技巧與規則來創造出一個設計成品。如果設計規則是說明書,那麼這些元素就像是工具,而想要駕馭設計的最佳方法就是透過不斷地實驗、嘗試,直到你最終將設計提升到了一種「a–ha就是這樣!」的境界。

清明連假出遊何處去?秘境景點推薦

常常在生活中或職場上都累積了一些壓力吧? Read more

賈伯斯留給我們的十大人生課程

賈伯斯辭世八年,但他的名字仍常常被世人提 Read more

色彩心理學|你最喜愛的顏色代表什麼?

色彩心理學表示,人的大腦會對不同的顏色產 Read more

台北五家特色文青咖啡廳

哈利熊推薦台北五家特色文青風格咖啡廳! Read more