視覺設計 ? 高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

發表于: 視覺設計. 評論
Sponsor

前言:通過欣賞高手設計師的“留白”作品,并從中學習他們的“留白”是如何運用在設計上的,如果你對留白運用不好,可以參考本文的對大師們的留白作品分析。

高手是這么運用“留白”設計的

留白在攝影、繪畫和平面設計中都有著廣泛的應用,在人們的印象中,似乎有留白的作品都很高級,但事實上留白有很多講究,處理不好的話容易造成畫面單調、不平衡、散亂等問題。蔥爺通過分析大量優秀的留白作品,總結出了高手留白的7個常用技巧。

01.天空留白

?

如果畫面是以天空作為背景,那么盡量不要在天空上排文字,或者只在其邊緣和角落排一點文字即可,這樣能盡可能保留天空的完整性,給人一種干凈、開闊、充滿想象的感覺,例如無印良品的下面兩張海報。

高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

在下圖的大眾汽車畫冊中,雖然天空中也擺放了不少文字,但是文字主要集中在右上角,而且面積占比并不大,所以視覺上仍然很開闊、很大氣。

高手是這么運用“留白”設計的

由于天空中通常會有云層、星空或者是漸變,所以即使大面積留白也不會顯得太空洞,要是把文字排在天空的正中央且加大其面積占比,就會略顯壓抑。

高手是這么運用“留白”設計的

02.突出主體式留白

有些畫面的主體是很簡約、很精致的圖片或文字,這類型的主體本身視覺沖擊力不是特別強,很容易被干擾、分散注意力,任何出現在附近的元素都可能會喧賓奪主,所以我們在排版時要給主體盡量留多一點獨立空間,這種留白的目的就是為了突出主體。例如蘋果的大部分設計都有這一特點。

高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

如果我們硬要在上圖中加入一些色塊進行裝飾,像下圖一樣,視覺上雖然變豐富了,但是產品的吸引力大大被削弱了,所以這種做法并不可取。

高手是這么運用“留白”設計的

03.對比式留白

優秀的留白作品不一定要元素非常少,一些有很多文字的版面,也可以有很好的留白,其中一種處理方式是把主要文字集中排在版面的某一區域,而相對的其他區域則只要排列一點點文字就可以了,于是就形成了一輕一重、一少一多的強烈對比。當然一般會把 “重 ” 的區域安排在版面下方,這樣視覺上更平衡。

高手是這么運用“留白”設計的

另外,在設計畫冊時,相連的兩P如果其中一P內容比較多、排得比較滿,那么把相連的另一P多安排一點留白,通常能夠得到很不錯的效果,這也屬于對比式留白。

高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

04.對角留白

如果一個版面采用對角構圖,即主要元素分布在成對角的斜線上,那么相對應的另外兩個角,就可以空出來作為留白處理,這種排版方式既能保證版面的平衡性,且具有不錯的設計感和動感。

高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

05.區隔式留白

即留白的目的是為了把不同類型的信息區隔開來,比如在標題與正文之間、正文與圖片之間,留出一塊比較大的空白,這么做比只空一兩行會有更多呼吸空間,同時設計感也會更強一點,顯得沒那么常規。

高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

06.網格留白

運用網格系統輔助排版,可以使版面更有序、更整潔,但也容易做出生硬、缺少變化的版面,所以我們可以在網格的基礎上合理留白,以改善這一問題。比如在三欄網格中,可以把其中一欄空出來不放任何內容、或只放一點內容。

高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

比如在單元格網格系統中,可以把其中的幾個單元格空出來作為留白處理。

高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

07.負形留白

這種方式巧妙地把留白空間變成了正形的負形,這時候的留白空間就不再是一塊空白,而是變成了圖形的一部分,自然就不會顯得空洞了,在海報設計我們經常能夠看到這樣的處理方式。

高手是這么運用“留白”設計的

高手是這么運用“留白”設計的

留白就是留一塊空白,但又不完全是一塊空白,它其實也是畫面的一部分,只是它承擔的作用不一定是傳遞信息,而可能是襯托、區隔、給版面一個呼吸的窗口,無論我們做什么,最終的目的都應該是為了讓設計作品更好看、更舒適、更高效地傳播等。

作者 | 蔥爺(id:congyenanian)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }