人人都是設計師1:設計的4大原則|Fotor懶設計

人人都是設計師1:設計的4大原則|Fotor懶設計

來自專欄 Fotor懶設計8 人贊了文章

為什麼有的雜誌布局,廣告,橫幅,傳單等的設計,吸引到了你?為什麼有的卻沒有?

Robin Williams在《寫給大家看的設計書》中,提到了設計的四大原則——突出、重複、對齊、親密性。

這四大原則並不是平面設計的所有理論原則,但掌握了這四大原則你也可以設計出吸引眼球的設計,而且它適用於與平面設計有關的一切作品中,網站布局,廣告設計,簡歷排版,論文排版,PPT的布局等等。

突出

既然有突出,就意味著幾者之間存在著較大的差異。如果有幾個項不完全相同,就應該使之不同,而且應當是截然不同。我們在設計中可以通過對空間的操縱(近或遠,空或滿),通過顏色選擇(暗和亮,冷和暖),通過文本選擇(襯線和無襯線,粗與細),通過定位元素(頂部和底部,間隔或分組)等等來實現對比利用對比可以使作品的欣賞著快速「理解」設計的要點。

圖片設計:www.fotor.com.cn

1.視重

視重(visual weight),是設計中的一個概念,由於視覺差的作用使在二維平面上的一種物體比其他要重。這個概念很強大,它使得我們的設計能營造出視覺層級,和對稱、平衡以及和諧的設計氛圍。倘若它在關鍵位置使用,那麼還能夠幫助我們引導觀眾的注意力到我們希望的地方。

影響視重的因素主要有,顏色、明暗度、大小、比例和密度、複雜程度。

  • 顏色

高飽和度的顏色比低飽和度的顏色視重要重

圖片來自網路

低亮度的顏色比高亮度的顏色視重要重

圖片設計:www.fotor.com.cn

還有一些被視為能改變視重的顏色,程度由高到低排序:

紅色(最重)

藍色

綠色

橙色

黃色(最輕)

  • 明暗度

圖片設計:www.fotor.com.cn

深色比淺色重。明暗度是調節設計整體平衡有力的工具。

  • 大小

大小是影響視重非常明顯的一個因素,因為在物理學中,假設兩個物體形狀相同,體積較大的物體會自然而然地讓人感覺更重,佔用的空間也更大。

圖片設計:www.fotor.com.cn

  • 比例和密度

有必要的空白可以襯托主體元素使之放大,放大,再放大。

圖片設計:www.fotor.com.cn

  • 複雜程度

越複雜的形狀或圖案視重更重,設計中的複雜性可以通過紋理、攝影圖像和重複的圖案來表現。

圖片設計:www.fotor.com.cn

2.跳躍率

版面上「大塊的部分」與「小塊的部分」之間的比例稱作「跳躍率」。比例大的「跳躍率高」,比例小的「跳躍率」低。

跳躍率高的設計可以給人轟動的感覺,增強訴求力;跳躍率低的設計能夠給人恬靜穩定的印象,版面設計也顯得更加高大上。

  • 文字的跳躍率

文字的跳躍率主要是指版面中正文字體與最大的標題字的比例。版面中存在多個作用不同的文字要素時,要在分析各個文字要素作用的基礎上設置不同字型大小,進行對比。

圖片設計:www.fotor.com.cn

高文字跳躍率更吸睛,更有親和力,所傳達出的感受更活潑,但相反的沒有格調感。而低文字跳躍率很有格調跟品質感,但整體不活躍,比較無聊和乏味。

  • 圖片的跳躍率

有多張照片、圖片,而且有先後順序時,將優先順序高的照片放大擺放,設計的訴求才能更加明確。

圖片設計:www.fotor.com.cn

圖片跳躍率低的設計整體給人舒暢,穩定的印象;圖片跳躍率高的設計給人歡快、活潑的印象。

重複

重複的原則是在設計版面中指重複使用相同或相似的東西。對比是為了顯示差異,重複是

巧妙地運用元素來使版面產生整體感和統一感。

圖片設計:www.fotor.com.cn

1.重複圖片

將版面上存在多個同樣目的和作用的要素按照統一的設計規則進行排版,是一個非常有效的設計手法。

但使用「重複」時,要對同一群組內所有要素,包括照片、圖片的尺寸、字型大小、字體種類、顏色、邊距等,使用統一設計規劃。

2.重複顏色

在製作多頁版面時,通過重複使用相同的顏色、字體和格式,可以突出整體的統一性。

在設計公司辦公用品時,採用相同的顏色、字體和標示在不同的辦公用品上,可以體現整體的關聯性。

圖片來自網路

對齊

些許的偏移也會導致設計的散架,因此,在圖片、文字等的排版時,將各個要素認真對齊非常的重要。

圖片設計:www.fotor.com.cn

每個元素都是通過一條看不見的線連接的在視覺上的,我們可以通過使用輔助線或者網格來擺放各個要素,使他們之間存在關聯。

圖片設計:www.fotor.com.cn

親密性

親密性指的是在版面中的元素中建立聯繫。 將元素放在一起使之成為一個視覺單元,而不是作為多個孤立的元素。例如,可閱讀的頁面將標題放在文本旁邊,來表示他們之間的關係。

圖片設計:www.fotor.com.cn

但是相互之間沒有直接關聯的項要分開,以便創造出更漂亮的版式。

以上,部分內容靈感源自《寫給大家看的設計書》,Robin Williams著


推薦閱讀:

乾貨!圖解4種8字環和主線子線的連接方法
持久乾貨:時間算個屁
乾貨 | 訴訟時效起算、中斷、中止、延長相關規定總結(2017) ‖ 隨身 · 實務
簡歷上的這些內容才是HR眼中的乾貨
乾貨 | 非公開發行股票要點及其流程vbaisg

TAG:設計 | 乾貨 | 設計原則 |