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

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

什么是負空間?

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

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

Yeedor

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

Friendship Hamburg

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

Moving Things Design Company

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

微型負空間

首先，你要記住，名字不是按照作用來(lái)起的，微型不代表它的作用小，適當的留白會(huì )讓我們的網(wǎng)站有更好的閱讀性，更容易瀏覽，甚至可以幫助用戶(hù)更好的理解文章。

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

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

Information Highway

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

Digest

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

MakeMatter

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

巨型負空間

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

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

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