網頁設計中的“負空間”

 　　在學設計的過程中，老師可能告訴過你一個網頁中的空間分類，如果你不知道的話，是不是上課沒有好好聽講…好吧，如果你不知道的話，那我們就換個話題得了…哈哈，逗你玩的，今天我們還是要來說一說“負空間”這個概念，它到底是什麼呢?有什麼作用?在網頁中占多大的分量呢?如果想知道的話，就好好看下面的文章。

　　什麼是負空間?

　　可能有些童鞋還不知道負空間和正空間的基本概念是什麼，今天正好天朗氣清，就讓我們來聊一聊…眾所周知，在設計領域空間有兩種類型，分別是正空間和負空間。正空間包含網站裡的所有元素，比如網頁內容、導航和圖片等等;負空間(經常被翻譯成白色區域)包含所有的空白區域，比如文字內容旁邊環繞的空白部分，這部分將各種元素分開，幫助建立了網頁的格局，指導用戶在正空間裡浏覽。

　　現在明白一些了嗎?明白了我們就繼續咯~在負空間裡也有兩種類型，微型負空間和巨型負空間。微型負空間是小元素周圍的空間，比如說段落之間的空隙，字母與單詞之間的空格等;巨型負空間是指大型、核心元素之間的空隙，比如頁眉和頁尾之間。

　　Yeedor

　　Friendship Hamburg

　　Moving Things Design Company

　　微型負空間

　　首先，你要記住，名字不是按照作用來起的，微型不代表它的作用小，適當的留白會讓我們的網站有更好的閱讀性，更容易浏覽，甚至可以幫助用戶更好的理解文章。

　　我們所說的微型，需要深入的了解和維護，要確保網站中每個負空間都很緊湊。這裡的緊湊指的是美學上的平衡，介於松散和擁擠之間的一個概念。這就意味著你要利用好標題和段落之間的空間，特別是段落之間的寬度，確保它們在一個合適的距離，不盈不虧，除此之外，還應注意單詞和字母之間的空間。

　　說起來容易做起來難，設計邊緣空白這些活兒是十足的“微妙藝術”，必須小心翼翼的對到每一個獨立的模塊，每一個模塊都有自己的平衡，這個平衡在哪，需要你去挖掘。留白太多了影響網站的閱讀性，太少了顯得局促。

　　Information Highway

　　Digest

　　MakeMatter

　　巨型負空間

　　說完了微型，現在就來看看巨型負空間。盡管很多人都認為我們應該更加留心巨型負空間，但是我們還是覺得濃縮才是精華。很多人都喜歡用一切可能符合網站主旨的東西把網站的標題填滿，因為這是用戶打開網站第一眼看到的東西。但是換種思想來看，如果我們在標題上只添加少量核心的元素，這樣用戶既能准確的發現他們想知道的，又不會被太多元素壓的窒息，何樂而不為呢?

　　正如標題，這是就是一個非常簡單的陷阱，太多的元素會讓人忘記浏覽下面的內容，顯得累贅而又臃腫，留白越恰當，網站的效果就越好。

　　當我們將所有的東西都展示在標題上是，別人會感覺：你對正文是不是不怎麼留意…有了這種感覺，用戶還會繼續往下看嗎?所以，當我們設計標題時，要站在用戶的角度看問題，要摸清他們的心思，到底怎麼設計，他們感覺最合適。

　　Viva Audio

　　Goods

　　Do A Backflip

　　為何負空間如此重要?

　　在實用性方面，負空間起著決定性的作用，這一點我們強調過很多次。在一個網站中，用戶不僅僅要能舒適的浏覽文章，也要可以簡單的查找到他們想看的東西。如果網站過於擁擠，這兩點就無法實現。很多用戶都喜歡在一個網頁中看到所有他們想看的東西，同時有抱怨為什麼這個網站看起來很臃腫。

　　這就是我們持續優化網頁設計的動力，作為一個設計師，我們要去理解為什麼導航如此重要，為什麼內容的陳列位置這麼重要，這不是一個“吃飽了撐的”的舉動，也不是浪費屏幕空間的表現。我們需要運用自己的學識，讓用戶得到最好的體驗。

　　不過，別被負空間嚇壞了呦，你還是可以在網頁裡設置必要的內容的，只不過你要確保用戶還有空間可以呼吸。現在“第一版”這種頁面形式已經是昨日黃花了，滾動式網頁才是王道。最後你也要明白，在一個網頁中究竟什麼才是最重要的，你覺得是什麼呢?我認為是內容。內容是一切網頁的本質，如果一個網頁徒有其表，那注定是金玉其外敗絮其中，就算網頁做得沉魚落雁，留得住用戶一時，留不住一世，這個道理跟我們愛看美女帥哥是一樣一樣的。

　　Pure Fix Cycles

　　Nurun

　　Nearly Impossible