??關(guān)于設(shè)計(jì)中的留白肠缔,也稱為負(fù)空間,但是不要認(rèn)為留白就一定是白色上陕,你可以想像一只大象在房間里桩砰,大象周圍的空間就是留白拓春。
設(shè)計(jì)師喜歡它释簿,因?yàn)樗梢詭椭胤纸M,區(qū)分重點(diǎn)和提高可讀性硼莽。下面我們來講講如何讓設(shè)計(jì)有更多的留白庶溶,認(rèn)真看完真的會(huì)漲經(jīng)驗(yàn)哦煮纵!
01. 刻意留白
在一些設(shè)計(jì)中,不要擔(dān)心大面積的留白偏螺,在上圖中行疏,折紙和標(biāo)題區(qū)域的上下方空白很多區(qū)域,但并不影響美觀套像。
就是說酿联,刻意使用大量留白,可以創(chuàng)造出一個(gè)強(qiáng)大的焦點(diǎn)夺巩,并給它帶來呼吸的空間贞让。
02. 去掉多余的元素
使用留白的一種方法就是除去設(shè)計(jì)中不必要的元素,如上例柳譬,去掉邊框?qū)⒂兄跀U(kuò)展這個(gè)設(shè)計(jì)喳张。
03. 放大圖片,增加足夠的空間
當(dāng)你找到你想要的背景圖像時(shí)美澳,如果文本沒有足夠空間的排版销部,那么可嘗試放大這個(gè)圖像來增加留白。(例:請(qǐng)看對(duì)比上下圖)
04. 留白不一定是白色
留白許多人認(rèn)為白色就是留白制跟,這是錯(cuò)舅桩,相反,你設(shè)計(jì)中任何空間都是可以是留白凫岖,例如使用顏色背景江咳、縫隙、邊距哥放、圖片等都可作為留白歼指。
05. 使用文字間距
充分利用文字之間的間距也是讓你排版好版式的技術(shù)之一。如下圖甥雕,通過增加文字間距踩身,可使文字更容易閱讀,畫面看起來更加漂亮社露。
?
06. 有效地使用填充
當(dāng)使用大量的設(shè)計(jì)元素時(shí)挟阻,請(qǐng)確保所有元素都有自己的留白空間,如上圖的“COOKING BACK TO BASICS”文本使用了一個(gè)填充來實(shí)現(xiàn)留白并與底部的URL地址以及背景圖區(qū)分開來峭弟。
07. 增加邊界
留白如上圖附鸽,通過增加一個(gè)邊框來圍繞文本,使周圍核心區(qū)域留白出來瞒瘸,這樣會(huì)顯示得合理的感覺坷备。
?這種設(shè)計(jì)的要點(diǎn)是要把元素居中,這樣才能讓留白區(qū)域更加統(tǒng)一情臭。
08. 組織好留白的元素
?如果在布局中增加一個(gè)元素的大小省撑,其它元素應(yīng)該是小的赌蔑,并考慮加入留白.
在上面例子中增加了”Eat…”的大小,那么點(diǎn)增加了空格來增加留白竟秫,下排文字較短娃惯,字母也適當(dāng)使用了一些間距實(shí)現(xiàn)留白。
09. 留白在網(wǎng)頁設(shè)計(jì)中的重要性
在Tut網(wǎng)頁設(shè)計(jì)教程的「using white space effectively (有效運(yùn)用留白處)」中指出肥败,留白的基本原則是避免使用者一次得閱讀所有文字訊息趾浅,讓閱讀容易些。一個(gè)凌亂的頁面不但缺乏吸引力馒稍,也讓使用者缺少閱讀的意愿潮孽,特別是文字間沒有視覺階層的時(shí)候。威奇托州立大學(xué)進(jìn)行的某個(gè)研究顯示筷黔,留白雖然可能降低閱讀的速度往史,但確實(shí)增加了閱讀的理解度。
區(qū)分使用介面上的優(yōu)先順序:Luke Wroblewski 在Developing the Invisible中主張「對(duì)設(shè)計(jì)師來說佛舱,留白處跟內(nèi)容本身一樣重要椎例,這些介面中無形的元素可以溝通:什么是最重要的、什么是相關(guān)的请祖、以及什么是需要注意的订歪。」
在頁面中引導(dǎo)使用者:Carla Rose提到:「留白處可以讓使用者集中內(nèi)容元素的注意力肆捕,確實(shí)將你的視線從某一處引導(dǎo)到另一處刷晋。」Jason Santa Maria在white space design的文章中提出:「留白相當(dāng)?shù)闹匾饔弥簧髁辏窃O(shè)計(jì)師意圖在頁面中引導(dǎo)閱讀者眼虱。」
創(chuàng)造精練高雅的感覺:留白的大量使用席纽,甚至可以有助于品牌定位捏悬。 alistapart.com曾經(jīng)寫過一篇全面性的文章探討留白,主張留白可以「幫尊貴品牌創(chuàng)造精練高雅的感覺」润梯。舉例來說:化妝品过牙、保養(yǎng)品常常在他們的行銷素材中廣泛使用留白,傳達(dá)產(chǎn)品高級(jí)的感覺纺铭。
在平衡感及畫面的協(xié)調(diào)性上是必要的:根據(jù)Jason Santa Maria提出的論點(diǎn):「頁面上的每一處的留白都跟影像所占用的空間一樣重要寇钉。因?yàn)榫退闶橇舭滋幵陧撁嫔弦簿哂心康模姨峁┝艘曈X上的完整度舶赔∩ǔ」
10. 留白元素包括
圖像或圖片間的空間
邊寬、邊界距離顿痪、欄寬
文字間的行距镊辕、字距
列與列之間的距離
總結(jié)
留白是一個(gè)微妙的原則,許多排版設(shè)計(jì)看起來混亂的原因大多數(shù)是沒有合理的留白蚁袭,所以學(xué)會(huì)一 些留白基本原則征懈,可以讓你的設(shè)計(jì)提高可讀性以及區(qū)分內(nèi)容的優(yōu)先順序,而且能讓視覺表現(xiàn)更友好揩悄。????