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