在學(xué)設(shè)計(jì)的過(guò)程中，老師可能告訴過(guò)你一個(gè)網(wǎng)頁(yè)中的空間分類，如果你不知道的話，是不是上課沒有好好聽講…好吧，如果你不知道的話，那我們就換個(gè)話題得了…哈哈，逗你玩的，今天我們還是要來(lái)說(shuō)一說(shuō)“負(fù)空間”這個(gè)概念，它到底是什么呢？有什么作用？在網(wǎng)頁(yè)中占多大的分量呢？如果想知道的話，就好好看下面的文章。
什么是負(fù)空間？
可能有些童鞋還不知道負(fù)空間和正空間的基本概念是什么，今天正好天朗氣清，就讓我們來(lái)聊一聊…眾所周知，在設(shè)計(jì)領(lǐng)域空間有兩種類型，分別是正空間和負(fù)空間。正空間包含網(wǎng)站里的所有元素，比如網(wǎng)頁(yè)內(nèi)容、導(dǎo)航和圖片等等；負(fù)空間（經(jīng)常被翻譯成白色區(qū)域）包含所有的空白區(qū)域，比如文字內(nèi)容旁邊環(huán)繞的空白部分，這部分將各種元素分開，幫助建立了網(wǎng)頁(yè)的格局，指導(dǎo)用戶在正空間里瀏覽。
現(xiàn)在明白一些了嗎？明白了我們就繼續(xù)咯~在負(fù)空間里也有兩種類型，微型負(fù)空間和巨型負(fù)空間。微型負(fù)空間是小元素周圍的空間，比如說(shuō)段落之間的空隙，字母與單詞之間的空格等；巨型負(fù)空間是指大型、核心元素之間的空隙，比如頁(yè)眉和頁(yè)尾之間。
推薦閱讀：
《經(jīng)驗(yàn)分享：讓網(wǎng)頁(yè)設(shè)計(jì)有規(guī)律可循》
《15個(gè)擁有完美色彩搭配的網(wǎng)頁(yè)設(shè)計(jì)欣賞》
《漲姿勢(shì)！讓這些數(shù)學(xué)理論來(lái)為你網(wǎng)頁(yè)設(shè)計(jì)撐腰》
微型負(fù)空間
首先，你要記住，名字不是按照作用來(lái)起的，微型不代表它的作用小，適當(dāng)?shù)牧舭讜?huì)讓我們的網(wǎng)站有更好的閱讀性，更容易瀏覽，甚至可以幫助用戶更好的理解文章。
我們所說(shuō)的微型，需要深入的了解和維護(hù)，要確保網(wǎng)站中每個(gè)負(fù)空間都很緊湊。這里的緊湊指的是美學(xué)上的平衡，介于松散和擁擠之間的一個(gè)概念。這就意味著你要利用好標(biāo)題和段落之間的空間，特別是段落之間的寬度，確保它們?cè)谝粋€(gè)合適的距離，不盈不虧，除此之外，還應(yīng)注意單詞和字母之間的空間。
說(shuō)起來(lái)容易做起來(lái)難，設(shè)計(jì)邊緣空白這些活兒是十足的“微妙藝術(shù)”，必須小心翼翼的對(duì)到每一個(gè)獨(dú)立的模塊，每一個(gè)模塊都有自己的平衡，這個(gè)平衡在哪，需要你去挖掘。留白太多了影響網(wǎng)站的閱讀性，太少了顯得局促。
巨型負(fù)空間
說(shuō)完了微型，現(xiàn)在就來(lái)看看巨型負(fù)空間。盡管很多人都認(rèn)為我們應(yīng)該更加留心巨型負(fù)空間，但是我們還是覺得濃縮才是精華。很多人都喜歡用一切可能符合網(wǎng)站主旨的東西把網(wǎng)站的標(biāo)題填滿，因?yàn)檫@是用戶打開網(wǎng)站第一眼看到的東西。但是換種思想來(lái)看，如果我們?cè)跇?biāo)題上只添加少量核心的元素，這樣用戶既能準(zhǔn)確的發(fā)現(xiàn)他們想知道的，又不會(huì)被太多元素壓的窒息，何樂而不為呢？
正如標(biāo)題，這是就是一個(gè)非常簡(jiǎn)單的陷阱，太多的元素會(huì)讓人忘記瀏覽下面的內(nèi)容，顯得累贅而又臃腫，留白越恰當(dāng)，網(wǎng)站的效果就越好。
當(dāng)我們將所有的東西都展示在標(biāo)題上是，別人會(huì)感覺：你對(duì)正文是不是不怎么留意…有了這種感覺，用戶還會(huì)繼續(xù)往下看嗎？所以，當(dāng)我們?cè)O(shè)計(jì)標(biāo)題時(shí)，要站在用戶的角度看問題，要摸清他們的心思，到底怎么設(shè)計(jì)，他們感覺最合適。
為何負(fù)空間如此重要？
在實(shí)用性方面，負(fù)空間起著決定性的作用，這一點(diǎn)我們強(qiáng)調(diào)過(guò)很多次。在一個(gè)網(wǎng)站中，用戶不僅僅要能舒適的瀏覽文章，也要可以簡(jiǎn)單的查找到他們想看的東西。如果網(wǎng)站過(guò)于擁擠，這兩點(diǎn)就無(wú)法實(shí)現(xiàn)。很多用戶都喜歡在一個(gè)網(wǎng)頁(yè)中看到所有他們想看的東西，同時(shí)有抱怨為什么這個(gè)網(wǎng)站看起來(lái)很臃腫。
這就是我們持續(xù)優(yōu)化網(wǎng)頁(yè)設(shè)計(jì)的動(dòng)力，作為一個(gè)設(shè)計(jì)師，我們要去理解為什么導(dǎo)航如此重要，為什么內(nèi)容的陳列位置這么重要，這不是一個(gè)“吃飽了撐的”的舉動(dòng)，也不是浪費(fèi)屏幕空間的表現(xiàn)。我們需要運(yùn)用自己的學(xué)識(shí)，讓用戶得到最好的體驗(yàn)。
不過(guò)，別被負(fù)空間嚇壞了呦，你還是可以在網(wǎng)頁(yè)里設(shè)置必要的內(nèi)容的，只不過(guò)你要確保用戶還有空間可以呼吸。現(xiàn)在“第一版”這種頁(yè)面形式已經(jīng)是昨日黃花了，滾動(dòng)式網(wǎng)頁(yè)才是王道。最后你也要明白，在一個(gè)網(wǎng)頁(yè)中究竟什么才是最重要的，你覺得是什么呢？我認(rèn)為是內(nèi)容。內(nèi)容是一切網(wǎng)頁(yè)的本質(zhì)，如果一個(gè)網(wǎng)頁(yè)徒有其表，那注定是金玉其外敗絮其中，就算網(wǎng)頁(yè)做得沉魚落雁，留得住用戶一時(shí)，留不住一世，這個(gè)道理跟我們愛看美女帥哥是一樣一樣的。
現(xiàn)在負(fù)空間的含義你懂了嗎？知道它的類別有哪些了嗎？如果你還想了解關(guān)于負(fù)空間的知識(shí)，就留留言吧，還可以在下方的評(píng)論里跟小伙伴們相互討論呦~
翻譯小組：優(yōu)設(shè)網(wǎng)SDC翻茄匠 微博ID:?@豆池麥
原文地址：webdesignerdepot
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，轉(zhuǎn)摘請(qǐng)注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量60萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng)，未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論！每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后，在評(píng)論區(qū)留言，系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今，是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái)，提供獎(jiǎng)品贊助 聯(lián)系我們
標(biāo)志設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 729 位幸運(yùn)星
發(fā)表評(píng)論
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓