設計中如何合理地運用留白

  • A+
所屬分類:經驗思維

本文來源: 張家彬(公眾號-美工美邦), 共 1626 字

留白對于設計環節是至關重要的一種形式,往往僅靠改變留白運用的程度就足以改變整體畫面的風格,而對于有目的性的留白運用卻成為很多設計師的一個盲點,不知道什么時候該用到留白,只是為了留白而留白;或者說留白都是大面積的,所以離我們很遠;無法明確自己留白的目的,更不知如何去運用留白,而往往這樣的作品也缺乏說服力;這期的內容就是:如何合理的運用留白?

設計中如何合理地運用留白

很多時候在板式的變化中,我們需要用到不同程度的留白,而正是因為目的的不同,留白的形式和程度也會有所不同,這也是今天說的有目的性的留白目的一:改變畫面結構;比如:

設計中如何合理地運用留白

這種形式的海報在平時也經常見到,大面積的配圖結合文案鋪滿整個畫面,將有效的留白面積盡可能的減少,整體呈現出一種很飽滿的狀態,比如:

設計中如何合理地運用留白

這張海報因為用到了一張完全不滿的配圖,使得給人留下的印象是畫面板式很活躍且富有視覺沖擊力;那么如果我們想把畫面整體安靜下來且富有高級感,那么我就就可以很好的通過留白改變畫面結構,比如:

設計中如何合理地運用留白

單從示意圖不難發現,較上面的布局形式,這里在周圍加了一些空白區域,也就是將有效范圍一定程度上縮小了,而這類海報的就能在一定程度上讓畫面整體安靜下來的作用,比如:

設計中如何合理地運用留白

通過在畫面整體添加更多有效留白的手法,使得整體給人的感覺更加典雅,這只是留白用處的其中很常見的一種形式,就是通過改變有效范圍,從而改變整體結構;下面我們來看另一種:

設計中如何合理地運用留白

把海報有效范圍豎向3等分,橫向5等分,把橫向上側三等分處作為配圖,中間一處作為留白,最底處作為文案的位置,這樣的留白方式不僅可以使得畫面整齊規整且做到有目的性分割,也能讓作品呈現出一種很穩重、高端的感覺!但是這種留白方式有時也會給人一種太過整齊,變化不夠,那么我們可以繼續通過添加留白的方式改變整體結構:

設計中如何合理地運用留白

通過改變留白的程度及比例,使得整體結構也發生了很大的變化,這里留白的目的就是要打破板式呆板;所以很多時候我們只需要合理的運用留白就足以改變整體的結構,當畫面整體太過規整時,我們可以通過留白進行打破,但是留白也要做到有所依據,而不是隨意為之!

設計中如何合理地運用留白

留白離我們很遠嗎?其實并不是,設計中無處不存在著不同形式、不同程度的留白,只是很多人不能讓留白做到有所依據,比如:

設計中如何合理地運用留白

在很多雜志頁面中,整體內容很多且留白較少,這樣的畫面雖然整體能給人一種很活躍的感覺,但是太多的這種形式會讓用戶視覺性疲勞、畫面混亂且壓迫性很強,這時我們可以通過留白使得畫面整體更通透,而統一的留白給人的感覺更加穩重,這在很多編排設計中也很常見:

設計中如何合理地運用留白

很常見的文字編排,其中用到了很多的留白知識,比如:段落間的留白大于段落內文字的留白且小于標題與段落之間的留白,看似很簡單的道理,但是在設計中,很多新人都不會在意這些留白之間的距離,導致作品毫無層次感;其次留白統一,標題與段之間、段與段之間、段內文字之間留白都是相互統一的;而這些留白的目的就是減輕整體因留白少而造成不必要的壓迫感,在頁面設計中同樣如此;

設計中如何合理地運用留白

在之前的文章中也說過留白的很多作用,畫面中留白的多與少帶給用戶的整體感覺是截然不同的,那么分兩類來考慮,其一:當畫面整體留白面積增大時,這就意味著畫面內容要素減少,每部分內容所占整體比例減少,帶來的感覺是越來越偏向安靜、典雅的效果,比如:

設計中如何合理地運用留白

設計中如何合理地運用留白

其二:畫面整體留白減少時,意味著內容要去的增多,每部分內容所占面積比例增大,給人的感覺就是偏向熱鬧、充滿活力的效果,比如:

設計中如何合理地運用留白

設計中如何合理地運用留白

很多時候要根據主題、畫面感覺在確定是否留白以及留白面積的大小,留白并不是毫無目的性的!

設計中如何合理地運用留白

要做到有目的性的留白,首先要根據畫面感覺確定是否需要留白,是小面積還是大面積,最終再確定留白的比例,但是對于留白比例,很多時候并不能完全給大家一個固定的值,比如:在文字編排設計中,主次文案中間的留白可以是主文案文字高度的1倍、0.5倍等等,或者是次要文案的倍數,但是無論是哪種,都要保證在視覺感受上舒服,協調,而不是一味的被這些所謂的固定數值束縛了我們的設計,只要我們明白每一次的留白目的,就足以做出很優秀的作品!

?

發表評論

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: