今天的話題是關于什么是空,什么是留白。這個話題相信大家非常感興趣,為什么我希望的留白總讓畫面看起來像半成品,別人是如何把握留白/間距尺度的。我會通過留白的定義、方法、注意事項等切入點來和大家探討這個話題。閑話不多說我們開始今天的內(nèi)容。
往期干貨:
首先關于留白我們看看百度百科是如何定義留白這個概念的。
讀完了大致的定義,我們就要知道,留白≠白色。而是針對有形事物的無形延伸,例如我們南宋時期的畫家馬遠,所創(chuàng)作的獨釣寒江圖就是采用的留白手法。
我們在畫面中并沒有看到太多具象的事物,船體附近的水紋不過寥寥幾筆,但給人的無形延伸感和想象感是非常巧妙的。
當然大家都知道,我們定義設計中的留白不能復刻百科里的說法。我個人總結(jié)設計的留白概述為以下幾點,第一:留出呼吸感;第二:留白的必要性;第三:功能性留白。
下面首先從留出呼吸感這部分開始講起。有很多同學認為留白都是大面積的存在于畫面而忽略這些細枝末節(jié),其實這樣的想法是不對的。留白存在于畫面的每個獨立單元空間內(nèi)。
我們通常認為空間指的就是整個設計圖,其實每一個被顯性性狀/隱性性狀分割出來的小空間都屬于一個獨立單元,任何一個獨立單元都應該受到留白和親密性的制約以保證視覺的舒適度。
要知道好的設計在細節(jié)上是極其嚴謹?shù)?,一個點處理不好就會導致畫面整體質(zhì)量的下降,所以我們討論留白就要從小的信息位置開始說起。
呼吸感在畫面看起來像是一個非常抽象的說法,實則是非常確鑿的法則。一組信息的編排位置就與留白的呼吸感有密切關系。
我們觀察下面兩組信息哪組更舒服一些?顯然我們會選擇 A,為什么?
信息與邊框的擁擠造成了視覺的堵塞感,同時由于邊距過近導致親密性出現(xiàn)問題,這顯然就是一個錯誤的留白處理。
紅色所標注的間距是內(nèi)部間距,綠色標注的區(qū)域是外部間距。我們通過觀察可以明顯得出一個結(jié)論。
內(nèi)部間距大多數(shù)情況是不能大于外部間距,也就是說較大的留白要給到外部空間。
然后我們談到正常人的閱讀順序,大家都知道橫排是從左到右從上到下,而豎排文字呢是從右到左,從上到下。我們通常會在視線消失的地方設置留白,以保有呼吸感。
那么我們就得出了第二條理論,橫排時右側(cè)要大于等于左側(cè),下方要大于等于上方。那么豎排就是右側(cè)大于左側(cè)。
這條理論不僅僅適用于信息組,對于圖片和圖形甚至是畫面整體的規(guī)劃都是生效的。
來看這兩個對比圖,人物視線所視的位置我個人認為做出留白的選擇是相對較好的,這就是我們說的不僅僅適用于信息。
我找一些優(yōu)秀的設計圖給大家看看感覺。
有很多項目都不適合大量元素的堆積,所以留白從一種功能性的東西變成了一種必需品,這都是因為其項目調(diào)性的限制。
那么一般什么時候我們會選擇較大留白呢,我總結(jié)為以下幾種情況,第一種就是我們開篇提到的有限空間無限延伸,第二則是信息量有限或所面對的客戶群體相對高端,第三則是最近幾年比較流行的極簡主義。
這么說可能還是有點抽象,那下面我給大家找一些對應的圖片輔助大家理解
有限空間無限延伸其實更多使用的就是空間偽立體的方式,也就是通過模擬立體的明暗變化,從而給你一種這里仿佛存在空間的感覺,但空間上并不給你填補很多東西,只是讓你感覺到這里似乎是存在一個平面,所以這是留白的一種手法。
不僅僅是曲面的空間,當然我們直面的空間也是可以的。
還有一種空間是曲線縱深延伸的,我們國風很多設計都喜歡做這樣的手法,這種就是借鑒了我們中國畫的藝術(shù)手法,不過近幾年用的比較少了。
還有些調(diào)性比較高級的,那不能做得和燒烤攤一樣,這個沒啥說的,關鍵在于有些文案給的就特別特別少,如果恰好公司的大體營銷策略也不是那種特別急迫的走量營銷,而是偏向調(diào)性營銷的話,我們就可以采用留白較大的設計方式。
很多地產(chǎn)的設計都是這樣的尤其是節(jié)日節(jié)氣這種,根本不會就弄得特別低端,整體的調(diào)性都是高走的。
極簡主義是現(xiàn)代的一種藝術(shù)流派,其核心思想是以簡單到極致為追求。設計中的極簡則是讓一切回歸到功能上去,去掉裝飾否定其他美學的積極意義。就包括我們知道的無印良品也是常年保持著“去繁就簡、去除浮華、直逼本質(zhì)、以人為本”的設計思想。
功能性留白其實是一種以退為進的手法,讓需要突出的核心視覺點部分周圍保有留白,從而給視線著點,讓主體更加突出,這就是所謂的功能留白。
這份設計完美闡述了留白的另一種用法,留白除了可以是抽象的概念同時也可以是具象的形狀,這也給了我們大量的創(chuàng)作思路。
本期我們講了什么是留白,相信大家了解了留白的幾大要素后一定能區(qū)分出留白與空的區(qū)別。留白具有功能性,邏輯性以及必要性,而空則是對設計手足無措的表現(xiàn)。希望大家有所收獲。有任何問題都可以掃下面的二維碼加我好友,和我一起討論交流設計。如果喜歡視研設的內(nèi)容,可以加一個點贊,在看,如果能幫助轉(zhuǎn)發(fā)真的非常感謝。今天的文章就先到這里,我們下期再見。
歡迎關注作者微信公眾號:「視研設」
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設計師平臺,提供獎品贊助 聯(lián)系我們
標志設計標準教程
已累計誕生 729 位幸運星
發(fā)表評論 為下方 5 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓