如何讓設(shè)計(jì)有更多的留白空間

??關(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)更友好揩悄。????

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末卖哎,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子删性,更是在濱河造成了極大的恐慌亏娜,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蹬挺,死亡現(xiàn)場離奇詭異维贺,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)巴帮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門溯泣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人榕茧,你說我怎么就攤上這事垃沦。” “怎么了用押?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵肢簿,是天一觀的道長。 經(jīng)常有香客問我蜻拨,道長池充,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任缎讼,我火速辦了婚禮纵菌,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘休涤。我一直安慰自己咱圆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布功氨。 她就那樣靜靜地躺著序苏,像睡著了一般。 火紅的嫁衣襯著肌膚如雪捷凄。 梳的紋絲不亂的頭發(fā)上忱详,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音跺涤,去河邊找鬼匈睁。 笑死监透,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的航唆。 我是一名探鬼主播胀蛮,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼糯钙!你這毒婦竟也來了粪狼?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤任岸,失蹤者是張志新(化名)和其女友劉穎再榄,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體享潜,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡困鸥,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了剑按。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片窝革。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖吕座,靈堂內(nèi)的尸體忽然破棺而出虐译,到底是詐尸還是另有隱情,我是刑警寧澤吴趴,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布漆诽,位于F島的核電站,受9級(jí)特大地震影響锣枝,放射性物質(zhì)發(fā)生泄漏厢拭。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一撇叁、第九天 我趴在偏房一處隱蔽的房頂上張望供鸠。 院中可真熱鬧,春花似錦陨闹、人聲如沸楞捂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽寨闹。三九已至,卻和暖如春君账,著一層夾襖步出監(jiān)牢的瞬間繁堡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留椭蹄,地道東北人闻牡。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像绳矩,于是被迫代替她去往敵國和親罩润。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案埋酬? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • 俗語有“男不拜月,女不祭灶”之說烧栋。據(jù)說写妥,月中嫦娥長得像白雪公主,灶中灶王長得像白馬王子审姓。中國素有“男女授受不親”珍特,...
    西嶺布衣閱讀 906評(píng)論 0 3
  • 不知不覺新年都已經(jīng)進(jìn)入了二月,寫日期還是會(huì)習(xí)慣性的寫2016魔吐。復(fù)雜的一年扎筒,太多情緒太多事情太多壓力,恍惚間有時(shí)間被...
    朗清竹明閱讀 332評(píng)論 0 0
  • 花舞花落淚酬姆, 花哭花瓣飛嗜桌。 花開為誰謝, 花謝為誰悲辞色!
    墨潑閱讀 322評(píng)論 1 4
  • 下雨了骨宠,當(dāng)雨打著瓦檐,夜在誰的懷中泛濫相满?飄飄灑灑的靈魂层亿,圍著火塘,暢敘悲歡立美。漸漸匿又,杯中酒暖训柴。轉(zhuǎn)角的燈腐芍,從長長的小巷...
    帶著微博慢行閱讀 297評(píng)論 0 0