每個設計師都應該知道的20個設計元素和原則

曾幾何時，設計過於受控制。 太花樣了。 太安全了。

但進化是不可避免的，設計師開始嘗試更多。

從那裡開始，設計變得更大膽、更好。 設計師開始深入挖掘觀眾行為背後的科學，使他們能夠靈活地適應市場需求。

“今天，設計已經不僅僅是模式和趨勢。 它已成為一種生活方式。 ” 精心編織到每個人類反應和日常生活中的東西。 在這種生活方式帶來的錯綜複雜的背後，隱藏著 20 種不同的設計原則，使這個世界成為一個更有創意、更美麗的居住地。

讓我們來看看這些原則，以及在設計中利用它們的技巧。

線條

看看你周圍的任何地方，你都會看到線條。 電腦屏幕的邊緣。 鍵盤上每個鍵的側面。 就連那些按鍵上的字母也是由線條組成的，有的筆直，有的彎曲，有的傾斜。

這就是線條的重要性。 沒有它們，一切都將無限地相互融合，使世界成為一個單一的斑點。

讓線條更令人驚奇的是，除了它們定義了一切的形式這一事實之外，它們還轉化為引起同等反應的情感和想法。 例如，將一條波浪線放在一條垂直的直線旁邊，你會開始在一側考慮秩序和力量，而在另一側考慮混亂和混亂。 如果您要提示您的受眾響應某些號召性用語，這將非常有用。 一旦他們的情緒和情緒已經確定，就更容易通過你的行動號召進行巡航。

線條在網頁設計中發揮的另一個作用是它們將觀眾的眼睛引向每個頁面的焦點。 例如，在一大堆其他較小的文字中，品牌名稱下的強有力的引導線將有助於該名稱脫穎而出。

規模

比例定義了您將如何在單個設計中調整不同元素的大小。 它基本上將邏輯帶入一塊，或將其帶走。 例如，如果您要在狗旁邊畫一隻螞蟻，那麼只有讓狗比螞蟻大很多才有意義（除非設計要求您偏離現實）。

規模也是您創造戲劇的最佳方式。 正如上面所暗示的，在某些情況下，您將不得不遠離現實主義並通過將某些元素的大小明顯小於或大於其他元素來創建令人驚嘆的效果。

縮放也是強調層次結構的好方法。 以電影海報為例。 主要角色的演員通常會讓他們的照片脫穎而出，不是因為他們比配角更高或更大，而是因為他們的角色更重要。

現在，假設您正在處理具有大量文本而不是大量圖片的內容。 縮放仍然被證明是您強調某些細節而不是其他細節的最佳方式。 例如，統計數據可以顯著擴大，以將觀眾的目光直接吸引到那條數據上。

顏色

令人難以置信的是，顏色對一切的影響有多大。 關於顏色的影響不僅對一個人的情緒和情緒的影響，而且對他們的反應和購買決定的影響，已經進行了一次又一次的研究。

你能想像看到一家環保公司在他們的品牌上只使用黑色和白色嗎？ 還是想要使用明亮的霓虹色散發專業光環和傳統價值觀的企業？ 我認為，這足以說明顏色在設計中的作用。

一致性

當您想到可口可樂時，您會想到綠色還是藍色？ 可能不會——你的大腦會自動跳到紅色。

這就是一致性的全部意義所在。

為品牌設計就是要保持一致性。 這一切都是關於使用完全相同顏色的完全相同的陰影、色調和色調，以及完全相同的字體類型。 辦公室報告、廣告牌、橫幅廣告——與品牌相關的每一件事都應該始終保持一致。 畢竟，如果可口可樂每年左右都改變他們的配色方案，你認為它還會帶來和現在一樣的品牌召回嗎？ 我想不是。

空白空間

Frame Inc. 名片

空白不一定意味著它是白色的，但無論它是什麼顏色，它總是意味著相同的東西。 它是元素之間未使用的空間，是許多設計師為之瘋狂的負空間。

對某些人來說，所有未使用的空間似乎都是一種浪費。 但是，等到您通過戰略性地將其留空來利用該空間來發揮自己的優勢。 你可以開啟一個全新的創造力水平，讓你的觀眾大吃一驚。

不相信我？ 看看 MC Escher 的 Sky and Water，你就會明白我的意思。

對稱

加勒特·戈德西的戰神補丁

你知道你的眼睛自然會被任何對稱的東西所吸引嗎？ 這是 Target 和 Chanel 等品牌利用的概念，使他們的標誌令人難忘。

對稱是一種能給任何設計帶來平衡感和秩序感的東西。 有時可能並不那麼明顯，但每一件偉大的藝術品都有一種獨特的形成對稱的方式來取悅眼睛。

不透明度

設計元素的不透明度顯示了它的“透視”程度。 它決定了一切的透明度。 任何具有較低不透明度的元素基本上都更輕，而具有較高不透明度的元素對眼睛來說更立體。

不透明度可以幫助您將不同的元素疊加在一起，而不會完全消除下方元素的存在。 它還用於為圖像添加運動感。

質地

沒有質感，任何設計都可能顯得空白和朴素。 添加一些紋理，設計就變得生動起來，使它看起來像是準備好從屏幕或打印的表面上彈出一樣。

這並不意味著每一件設計都需要質感。 總會有一些設計項目在乾淨利落時看起來會更好。 但是，也會有一些紋理不會造成傷害的情況。

您可以通過添加增加表面深度的背景來增加設計的紋理。 您也可以嘗試壓印一些元素。

平衡

埃迪·洛巴諾夫斯基（Eddie Lobanovskiy）的水龍頭

平衡有時可能與對稱混淆，但它們實際上是兩個不同的東西。 當事物對稱時，每個元素可能以相同的邊距結束，或者頁面兩側可能有相同數量的元素。 雖然這通常會產生一種平衡感，但您也可以在不使用對稱設計的情況下實現這種感覺。

例如，假設您想設計一個包含一些文本和圖像的關於頁面。 即使文本與圖像不是相同的元素，您也可以通過兩列佈局找到平衡感。

平衡只是讓一件設計看起來完整的東西。 當圖像不平衡時，它可能看起來半生不熟，或者更糟糕的是，沒有靈感。

等級制度

Melanie Taube 的層次結構

層次結構顯示哪些元素比其他所有元素更重要。 這並不意味著層次結構末端的元素（可以說是底部饋線）是您可以不用的東西。 畢竟，如果沒有層次結構另一端的元素，您將無法獲得您想要的影響。

除了縮放之外，層次結構還可以用許多不同的方式來表達。 你可以為食物鏈頂端的人使用更亮的顏色，隨著你向下移動，顏色會變得更淺。

對比

對比是對立的法則。 它基本上區分了光與暗，大與小。 對於總是希望在設計中突出一兩個元素的設計師來說，對比通常是他們使用的方法之一。

但對比不僅僅是美學。 對比度也會影響可讀性。 為文本和背景使用幾乎相同的兩種顏色，您可能會在嘗試閱讀文本內容時擦亮眼睛。 通過使用具有高對比度的兩種顏色，您的眼睛會立即看到他們應該看到的內容。

框架

最好的相機是 Sean McCabe 隨身攜帶的相機

看看框架如何在您放入的圖片周圍設置邊界？ 這正是框架的用途。 它基本上向您展示了什麼應該和不應該成為圖片的一部分。

方框輪廓、邊距——所有這些都是框架的形式。 它還允許您突出顯示某些元素而不是其他元素，例如在充滿文本的頁面中間的單引號。

除了通常的線條和邊距之外，您還可以發揮創意並為您的框架使用其他東西。 例如，以海灘為主題的海報可以使用圍繞文本排列的貝殼來有效地框住它們。

網格

試圖在空白處對齊東西可能很困難，這就是為什麼網格在設計中非常重要的原因。

網格幫助設計師對齊和排列元素。 雜誌頁面或報紙上的專欄就是一個很好的例子。 你能想像在沒有網格引導的情況下隨機放置所有文本嗎？ 試圖理解這將是一場災難。

另一方面，如果你想要一種不那麼死板的設計，打破網格是一種立即營造混亂感的絕妙方法。 我們的眼睛傾向於自然地尋找設計的佈局和網格，因此打破這種結構將有助於營造一種混亂感。

自發性

一定一定。 我們需要平衡。 我們需要對稱。 按照網格。 使用線條來框住它。 但這一切並不意味著一切都應該按照手冊去做。 有時，創造驚人的設計也需要一點瘋狂。

僅僅因為您已經在列和行之間有了明確的劃分，並不意味著您不能在不遵循現有框架的情況下突然將引號放在中間。 如果這是讓這條線脫穎而出的最佳方式，那就這樣吧。

當你在設計時，從你的“規則”中休息一下，找到一點自發性的空間——一些意想不到的東西。 這可能正是您的設計所需要的。

方向

Allan Peters 的螺旋曲柄設計

這也可以稱為視覺或圖形提示。 放置一個指向您的號召性用語按鈕的人的圖像，幾乎每個讀者的眼睛都會立即轉向該按鈕。

當然，眼睛在瀏覽頁面時也會遵循某些模式。 例如，研究表明，眼睛遵循的最常見模式是 E、F 或 Z 形。 這就是為什麼最好將最重要的內容放在頁面的左上角，因為眼睛的本能是首先從左上角移動到右上角。

規則

是的，儘管創造力通常是自發的，但仍有很多設計規則需要遵循。 但話又說回來，經常打破這些規則也會促使你創造出令人驚訝的美麗作品。

那麼你怎麼知道什麼時候遵守規則，什麼時候打破規則呢？

首先，你必須精通基礎知識，這樣你才能確切地知道你正在破壞什麼。 然後，確保違反規則與您要提出的觀點相對應。

移動

您不需要魔法就可以在印刷設計上創造動感。 您可以使用許多效果，讓您給人一種圖像在移動的印象。

例如，在一個孩子騎自行車的圖像上，您可以模糊他周圍的其餘圖像，以表明他只是對他經過的所有東西都在呼嘯而過。 您還可以使用運動線以及波浪效果。 您還可以使用不透明度來產生運動的視覺錯覺，就像上面由 Vladimir Mirzoyan 設計的這個標誌一樣。

深度

當然，扁平化設計已經風靡一兩年了。 您必須承認，儘管為您的某些設計增加深度仍然更合適。 畢竟，物理上二維的東西實際上看起來像是從頁面中彈出，這有多神奇？

您可以使用多種技術在設計中創建深度，例如：

• 陰影
• 重疊
• 玩透視（產生 3D 效果）

如果您的設計看起來可以使用一點生命，請嘗試這些方法中的任何一種，並在您從其表面升起之前查看圖像。

排版

您可能已經掌握了設計中的所有圖像、紋理、背景和其他元素，但是如果您的排版需要一些工作，那麼您的整個設計就會受到影響。 排版不僅僅是字體樣式和字體大小。 它還與縮放、間距、顏色和許多其他基本設計概念有關。

由於排版涵蓋了很多領域，如果您閱讀這些有關如何使您的排版更好的書籍，您可能會更加開明。

作品

波浪由 Romain Rdb

組合不是一個獨立的元素，實際上是我們之前討論過的一些元素的組合。 規模、層次、深度——所有這些以及更多有助於設計的整體構成。

從最基本的意義上講，構圖涵蓋了設計中每個元素的整體安排。 想像一下我們討論過的所有元素——當混合在一起時，最終結果是否有效？ 這就是你衡量成分的方式。

20 種不同的元素，20 種不同的方式來製作或破壞設計。 在您工作時，始終將這些元素的列表放在您身邊，並在您嘗試編織完成下一個設計項目所帶來的挑戰時，讓它成為您的指南。