版式設(shè)計(jì)8個(gè)方法巧妙留白,提高圖文可讀性
但是不要認(rèn)為留白就一定是白色,你可以想像一只大象在房間里,大象周圍的空間就是留白。設(shè)計(jì)師喜歡它,因?yàn)樗梢詭椭胤纸M,區(qū)分重點(diǎn)和提高可讀性。下面我們來(lái)講講如何讓設(shè)計(jì)有更多的留白,認(rèn)真看完真的會(huì)漲經(jīng)驗(yàn)哦!
01. 刻意留白
在一些設(shè)計(jì)中,不要擔(dān)心大面積的留白,在上圖中,折紙和標(biāo)題區(qū)域的上下方空白很多區(qū)域,但并不影響美觀。
就是說(shuō),刻意使用大量留白,可以創(chuàng)造出一個(gè)強(qiáng)大的焦點(diǎn),并給它帶來(lái)呼吸的空間。
02. 去掉多余的元素
使用留白的一種方法就是除去設(shè)計(jì)中不必要的元素,如上例,去掉邊框?qū)⒂兄跀U(kuò)展這個(gè)設(shè)計(jì)。
03. 放大圖片,增加足夠的空間
當(dāng)你找到你想要的背景圖像時(shí),如果文本沒(méi)有足夠空間的排版,那么可嘗試放大這個(gè)圖像來(lái)增加留白。(例:請(qǐng)看對(duì)比上下圖)
04. 留白不一定是白色
留白許多人認(rèn)為白色就是留白,這是錯(cuò),相反,你設(shè)計(jì)中任何空間都是可以是留白,例如使用顏色背景、縫隙、邊距、圖片等都可作為留白。
05. 使用文字間距
充分利用文字之間的間距也是讓你排版好版式的技術(shù)之一。如下圖,通過(guò)增加文字間距,可使文字更容易閱讀,畫面看起來(lái)更加漂亮。
06. 有效地使用填充
當(dāng)使用大量的設(shè)計(jì)元素時(shí),請(qǐng)確保所有元素都有自己的留白空間,如上圖的“COOKING BACK TO BASICS”文本使用了一個(gè)填充來(lái)實(shí)現(xiàn)留白并與底部的URL地址以及背景圖區(qū)分開來(lái)。
07. 增加邊界
留白如上圖,通過(guò)增加一個(gè)邊框來(lái)圍繞文本,使周圍核心區(qū)域留白出來(lái),這樣會(huì)顯示得合理的感覺(jué)。
這種設(shè)計(jì)的要點(diǎn)是要把元素居中,這樣才能讓留白區(qū)域更加統(tǒng)一。
08. 組織好留白的元素
如果在布局中增加一個(gè)元素的大小,其它元素應(yīng)該是小的,并考慮加入留白。
在上面例子中增加了”Eat…”的大小,那么點(diǎn)增加了空格來(lái)增加留白,下排文字較短,字母也適當(dāng)使用了一些間距實(shí)現(xiàn)留白。
留白是一個(gè)微妙的原則,許多排版設(shè)計(jì)看起來(lái)混亂的原因大多數(shù)是沒(méi)有合理的留白,所以學(xué)會(huì)一 些留白基本原則,可以讓你的設(shè)計(jì)提高可讀性以及區(qū)分內(nèi)容的優(yōu)先順序,而且能讓視覺(jué)表現(xiàn)更友好。