設計中的「留白」有什麼作用?

在平時的工作中,有人也許聽到過這樣的聲音:「這塊太空了,我再給你寫點文案加上去!」又或者:「你空這麼多給我做的?」那麼今天的重點就是探討一下空的這塊區域,為什麼要空?什麼時候應該空?空與不空會產生怎樣不同的效果?

(清明上河圖)

(寒江獨釣圖)

這兩幅作品相信很多都見過,第一幅是北宋時期來自張擇端前輩的《清明上河圖》,他所描繪的是:清明時節北宋汴梁以及汴河兩岸的繁華景象和自然風光;而第二幅是南宋馬遠前輩的《寒江獨釣圖》,他描繪的是:漂浮於水面的一葉扁舟和一個在船隻上獨坐垂釣的漁翁;這兩幅名作帶給我們視覺感受是截然不同的!《清明上河圖》我們幾乎可以看到作者想表達的一切繁榮景象;而《寒江獨釣圖》,我們在欣賞的時候會多出很多想像的空間;這也牽扯出今天的主題《設計中的留白有什麼用?》

顧名思義,留白就是在作品中留下相應的空白;在設計中,留白的目的有哪些?接下來我們還是通過案例分析一下:

留白的作用之一就是突出主題;其實原理很簡單:降低次要元素對於主題的影響,在視覺上給與主題充分的主導地位;例如:

當我們看到這張圖的時候,你會被畫面中的哪個區域所吸引呢?比基尼還是紅褲衩?但是如果選定一個主題後,把周圍元素以留白的形式弱化,在視覺上呈現的效果是這樣的:

再看這張圖,整體畫面沒有其他元素分散你的視覺注意力,用戶的視覺焦點最終會聚集在左上方,而不是一直在畫面上遊離;這裡留白的目的就是為了突出主題!

但是在日常工作中,我們很少會做這麼極簡的風格,下面再引出一個理論,叫做「少即是多」,相信很多人都聽過這個理論,是由建築大師路德維希·密斯·凡德羅提出的:「Less is more」(具體的可度娘),在設計中如何理解呢?很多人在做產品海報時,會把幾乎所有的功能效果都加上去,認為每個都是必不可少的重要信息,但是當你在有限的畫面里無處不在的充斥著你認為各種重要的信息時,所有的信息都會變得無關緊要,例如這張圖:

給你20秒鐘的時間,回答我的問題

問:你看到帶有根莖的蔬菜有哪幾類?

是不是很多人一下懵了,我怎麼知道你要問什麼問題;那麼問題來了,如果你做的是一個產品的海報圖,充斥個各種你認為很重要的信息,用戶看到的時候會懂哪些是你想表達的重點嗎?用戶會去猜你的心理嗎?顯然不會!再看一張圖:

同樣給你20秒的時間,你能捕捉多少信息?是不是產品的特性都能說出來了!這就是設計中的「少即是多」的理論!看似很多的信息,能被用戶捕捉記憶到的卻很少;反過來,看似很少的信息,卻能給用戶留下極其深刻的印象,同時更利於傳播!而這些留白同樣也起到了強調主題的作用,因為沒有大量的輔助元素去分散用戶的視覺注意力,我們的視覺焦點只會停留在文案及產品之上。

我在網上找了幾個網路搜索引擎的主頁,簡單的大家看一下:

相信很多上班族都經歷過早高峰和晚高峰的公交車或者地鐵,回想一下,說下你的感受?

人滿為患,無處下足,擠的喘不上氣!設計亦是如此,如果在有限的空間不注重留白的話,會給人一種壓抑感,甚至會使得心情煩躁!例如:

不管是國內還是國外,這些搜索引擎的主頁都採用了這麼簡潔的方式,目的不僅僅只是為了突出主題這麼簡單,留白的作用還有哪些?我們繼續看:


推薦閱讀:

解讀現代平面設計,點的形狀在平面設計中的重要性
平面設計第一步——信息結構化
在線設計 + 印刷,3 分鐘做出一張拿得出手的作品:Fotor
AI教程--手把手教你繪製矢量花叢文字效果
如何讓你的PPT看起來價值十萬?

TAG:平面設計 | 視覺設計 | 交互設計 |