平面設計自學入門教程：設計的基本原理

無論是純粹的藝術還是設計，都離不開線條、圖形、形態、肌理、色彩等，這些最為基礎的視覺元素。無數令人驚嘆的藝術設計作品，都是這些視覺材料的有機組合，接下來，我們就從0開始，一起學習其中的門道。

本文經「GCFlearnFree.org」授權后，由@酷coo豆 翻譯中文。首發於平面設計學習日記網（xxriji.cn）與知乎專欄。如需轉載請聯繫「GCFLearnFree」取得合法授權。

想要自學平面設計，但又不知從何下手？@酷coo豆 推薦你參考：《十萬學員好評,平面設計自學路徑》，以及本專欄的「如何自學平面設計？」系列文章。

The basis of art, design, and more

-

設計基本原理是每一種視覺媒介的基礎，從純粹的藝術品到現代的網頁/平面設計作品，設計基本原理一直存在於一些看似不重要的細節當中，比如組成一幅完整設計作品中的字體。

它們有哪些共同點？一些非常基本的元素，包括線條、圖形、形態、肌理和平衡。它們單獨看起來可能並不常見，但把它們聚在一起，就成為了大多數設計作品的主要構成部分。

初次聽說設計原理可能讓人感覺很神秘，尤其是你覺得自己不是藝術家時。不過沒關係，只要你保持開放的心態，這些設計基本原理可以輕鬆地教會你如何處理不同的視覺元素，從零開始創造簡單的視覺效果。

>>觀看下面視頻，以學習設計基本原理。

Tips：本文的翻譯相對字幕更加貼切，大家不要忘記閱讀哦。

本文地址：zhuanlan.zhihu.com/p/28925125/

Line

-

連接兩點或多點的形狀稱之為「線」。它看起來有粗、有細，呈彎曲或鋸齒狀等等，每一種可能都會讓線條本身呈現不同的姿態。

線條經常出現在設計作品中，比如：一些繪畫和插圖作品。同時，線條作為圖形元素也十分常見，比如用作材質肌理、花紋模型、以及背景圖片。

線條還可以用來劃分區域、組織內容，甚至是引導讀者視線。線條也可以用在更簡陋的作品中，用作強調或裝飾內容。在下面的示例中，使用線條創建流程圖，將讀者的眼睛從一個元素引導到下一個元素。

當你需要使用線條時，要考慮到線條的粗細、顏色、紋理以及特殊風格。這些微妙的特質會對你的平面設計產生巨大的影響。

尋找畫面中隱藏的線條是顯而易見的。比如在下面的文本里，樂於嘗試不同的線條，也會給你帶來截然不同的結果。

Shape

-

一個圖形是任何具有可識別邊界的二維區域。這包括圓形、方形、三角形等等。

圖形可分成兩類：幾何圖形（有規律的）和有機圖形（形狀更加自由）。

圖形是視覺傳達的重要組成部分。它們賦予圖像重要性並使其可識別。我們之所以能理解街道標誌、符號、甚至抽象藝術，很大程度上是因為圖形不分國界。

在日常設計中圖形有著驚人作用和用途。它們能夠幫助人們識別和區分信息，或者設計簡單的插畫，來讓你的設計畫面更加有趣。看看，你能否在這下面的圖片中找到一些例子。

圖形之所以重要，是因為它們是構成許多複雜事物的基礎元素。在任何設計中你都會發現圖形的存在。

Form

-

當基礎圖形轉變為3D時，我們稱其為「形態」。在現實世界中，形態構成了各種各樣的事物，包括雕塑、建築和其他三維物體。

然而，形態並不一定非得是三維的形狀。它們也可以通過插圖來描繪，使用光線、陰影和透視等技術來創造視覺深度。

在二維平面中，三維立體形態可以通過光影來塑造真實的觀感。就像下面這個小球，如果沒有高光和陰影，它看起來只是一個乾癟的圓形。

即使是扁平化設計，也可以使用類似的技術來增加圖形的深度。比如下面這個例子中，心形上的高光和陰影即使經過了扁平化的風格處理，但仍能表現出形態的特徵和深度。

在日常小規模的設計中，形態的表現方式是相同的。例如，一個簡單的陰影可以產生層次分明的錯覺，給一個物體帶來立體感。

在你的設計中，適當的運用這種表現技法，去歸納物體的基本形態，這將給你的作品帶來一種真實感。

五、肌理

Texture

-

肌理就是物體表面的物理材質，也就是我們常說的紋理或材質。有了肌理的加持，圖像的視覺觀感，就會充滿現實世界的真實觸感。肌理是三維物體的一部分，比如下面的例子（陶罐中的小小仙人掌）

也可以通過插畫來表現，如果它存在於現實生活中，它就會有紋理。

在設計中，紋理給原本平面的圖像增加了深度和觸感。加上肌理的影響，物體看起來會有：平滑、粗糙、堅硬或柔軟的感覺。

對於平面設計初學者來說，紋理可以很好的用於背景設計，同時可以給你的設計增添很多趣味。仔細觀察，紋理時常會出現在很多你意想不到的地方，比如充滿質感的字體，或光澤靚麗的圖標。

但是在你的一個設計頁面中，對於紋理的使用千萬不要太過放縱，大面積的肌理填充，會給你的設計作品帶來毀滅性的災難。

Balance

-

平衡是視覺重量的均等分佈（更具體地說，就是如何合理分配每個視覺元素，去引導用戶的視線）。平衡會受到許多事物的影響，包括顏色、大小、數量和負空間。

掌握平衡對於初學者來說可能很棘手，因為它需要一些直覺。幸運的是，設計世界中有很多示例，可以幫助你了解平衡的不同展現形式。

對稱設計，是指在中心軸的兩端都是相同的或相似的。它們在視覺上感覺是平衡的，因為兩邊的視覺重量相同（或相似的）。

不對稱設計，雖然中心軸兩側的內容有些不同，但視覺重量仍然平衡分佈。這個組合構圖是平衡的，因為它能引起正確的視覺關注。（在這個例子中，人名和公司Logo左右分佈，視覺依然是平衡）。

6.1三分法構圖

The rule of thirds

-

許多人，包括設計師和攝影師，都使用一種叫做「三分法構圖」的策略。首先，將你的畫面區域劃分為3行3列的九宮格，然後將圖像的焦點放置或靠近在一個網格線上，與其餘的空間部分創建視覺平衡。

我們發現這種構圖組合，具有非常好的吸引力，因為據研究表明：人眼在觀察一副設計作品時會自然而然的按照這個路徑去瀏覽。

七、總結

Putting it all together

-

無論有多大畫幅的藝術或設計作品，都離不開上述提及到的設計原理。換句話說，學習設計的基本原理，其意義在於學會欣賞構成每一副作品中的諸多細節。

無論你是創建自己的圖形，還是尋找一個簡單的方法來提升你的作品質量。這種細微的觀察力，幾乎可以應用到各種類型的項目中。積小致巨，說的便是這個道理。

最後，

希望你能享受學習平面設計的樂趣！

當然，不要忘了學習我整理的其它平面設計自學入門系列文章，包括：字體排印、色彩理論、排版構成，以及圖像篇。

-

本專欄將堅持為：熱衷於為自學平面設計的朋友，提供優質學習資源。聚合推薦國內優秀設計導師，以及平面設計視頻、書籍、經驗教程。讓自學有路可循，成長更加高效。