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

在學(xué)設(shè)計(jì)的過(guò)程中，老師可能告訴過(guò)你一個(gè)網(wǎng)頁(yè)中的空間分類，如果你不知道的話，是不是上課沒(méi)有好好聽(tīng)講…好吧，如果你不知道的話，那我們就換個(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)繞的空白部分，這部分將各種元素分開(kāi)，幫助建立了網(wǎng)頁(yè)的格局，指導(dǎo)用戶在正空間里瀏覽。

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

Yeedor

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

Friendship Hamburg

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

Moving Things Design Company

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

微型負(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)站的閱讀性，太少了顯得局促。

Information Highway

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

Digest

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

MakeMatter

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

巨型負(fù)空間

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

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

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