版式設計8個方法巧妙留白,提高圖文可讀性
但是(shi)不要(yao)認為留白(bai)就一定(ding)是(shi)白(bai)色,你可(ke)以想像一只(zhi)大象在房間里,大象周圍的空間就是(shi)留白(bai)。設計師喜(xi)歡它(ta),因(yin)為它(ta)可(ke)以幫(bang)助(zhu)元素(su)分組,區(qu)分重點和提(ti)高(gao)可(ke)讀(du)性。下面我(wo)們來(lai)講講如(ru)何讓設計有更多的留白(bai),認真看完(wan)真的會漲經驗哦!
01. 刻意留白
在一些設計中,不(bu)要(yao)擔心大面積的留白(bai),在上(shang)圖中,折紙和(he)標(biao)題(ti)區域的上(shang)下方空(kong)白(bai)很多區域,但并不(bu)影響(xiang)美觀。
就是(shi)說,刻意使用大量留白,可以創(chuang)造出一(yi)個強大的焦點,并給它帶來呼吸的空間。
02. 去掉多(duo)余的(de)元素
使用留(liu)白的(de)一(yi)種方法(fa)就是除去設計(ji)中不必要的(de)元素,如上例,去掉邊框(kuang)將有(you)助于擴展這(zhe)個設計(ji)。
03. 放(fang)大圖(tu)片,增(zeng)加足夠(gou)的空間(jian)
當(dang)你找到你想要(yao)的背景圖(tu)像時,如果文本沒有(you)足夠空間的排版,那(nei)么可嘗試放(fang)大這個圖(tu)像來增(zeng)加留白。(例:請看對比上下圖(tu))
04. 留白(bai)不一(yi)定是白(bai)色
留(liu)(liu)白(bai)許多人(ren)認為白(bai)色(se)就是(shi)(shi)留(liu)(liu)白(bai),這是(shi)(shi)錯,相反,你設(she)計(ji)中任何空(kong)間都是(shi)(shi)可以是(shi)(shi)留(liu)(liu)白(bai),例如使用顏色(se)背景(jing)、縫隙、邊(bian)距(ju)、圖片等都可作為留(liu)(liu)白(bai)。
05. 使用文字(zi)間距
充分利用文字之間的間距也是讓你排版好版式(shi)的技術之一。如下圖,通(tong)過增加文字間距,可使(shi)文字更(geng)容(rong)易閱讀,畫(hua)面看起(qi)來(lai)更(geng)加漂亮。
06. 有效地(di)使用填充
當使用(yong)大量(liang)的(de)(de)設計元素(su)時,請(qing)確保所(suo)有(you)元素(su)都有(you)自己的(de)(de)留白(bai)空間,如(ru)上圖(tu)的(de)(de)“COOKING BACK TO BASICS”文(wen)本使用(yong)了一個填充來實現留白(bai)并與(yu)底部(bu)的(de)(de)URL地址以(yi)及背景(jing)圖(tu)區分開來。
07. 增加邊界
留白(bai)如上圖,通(tong)過增(zeng)加一個邊(bian)框來圍繞文本,使周(zhou)圍核(he)心區域留白(bai)出來,這樣(yang)會顯示得(de)合(he)理的感覺。
這(zhe)種設計的要點是要把(ba)元素居中,這(zhe)樣才(cai)能讓留白區(qu)域更加統一。
08. 組(zu)織好留(liu)白的(de)元素
如果在布局中(zhong)增(zeng)加一個元(yuan)(yuan)素(su)的(de)大(da)小,其(qi)它元(yuan)(yuan)素(su)應該是小的(de),并考慮加入留白。
在上面例子中增(zeng)加(jia)(jia)了”Eat…”的大小,那(nei)么(me)點增(zeng)加(jia)(jia)了空(kong)格來增(zeng)加(jia)(jia)留白,下(xia)排文(wen)字較短,字母也適當使用了一些(xie)間距實現留白。
留(liu)(liu)白(bai)是一個(ge)微妙的(de)原則,許多排版(ban)設(she)計看起(qi)來混亂(luan)的(de)原因(yin)大多數是沒(mei)有合理(li)的(de)留(liu)(liu)白(bai),所以(yi)學會一 些留(liu)(liu)白(bai)基本原則,可以(yi)讓你的(de)設(she)計提高可讀性以(yi)及區分內容的(de)優(you)先順序,而且能讓視(shi)覺表現更友好。