詳細(xì)解析網(wǎng)頁設(shè)計中負(fù)空間的使用案例發(fā)布者：本站     時間：2021-12-20 12:12:32

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

什么是負(fù)空間?

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

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

Yeedor

詳細(xì)解析<a href=/photoshop/web/ target=_blank class=infotextkey>網(wǎng)頁設(shè)計</a>中負(fù)空間的使用案例,PS教程,

Friendship Hamburg

詳細(xì)解析網(wǎng)頁設(shè)計中負(fù)空間的使用案例,PS教程,

Moving Things Design Company

詳細(xì)解析網(wǎng)頁設(shè)計中負(fù)空間的使用案例,PS教程,

微型負(fù)空間

首先，你要記住，名字不是按照作用來起的，微型不代表它的作用小，適當(dāng)?shù)牧舭讜屛覀兊木W(wǎng)站有更好的閱讀性，更容易瀏覽，甚至可以幫助用戶更好的理解文章。

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

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

Information Highway

詳細(xì)解析網(wǎng)頁設(shè)計中負(fù)空間的使用案例,PS教程,

Digest

詳細(xì)解析網(wǎng)頁設(shè)計中負(fù)空間的使用案例,PS教程,

MakeMatter

詳細(xì)解析網(wǎng)頁設(shè)計中負(fù)空間的使用案例,PS教程,

巨型負(fù)空間

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

正如標(biāo)題，這是就是一個非常簡單的陷阱，太多的元素會讓人忘記瀏覽下面的內(nèi)容，顯得累贅而又臃腫，留白越恰當(dāng)，網(wǎng)站的效果就越好。

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