詳細解析網頁設計中負空間的使用案例

发布时间:2021年12月22日 / 来源:思纬网络 / 浏览1647次

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

什麼是負空間?

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

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

Yeedor

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

Friendship Hamburg

詳細解析網頁設計中負空間的使用案例,PS教程,

Moving Things Design Company

詳細解析網頁設計中負空間的使用案例,PS教程,

微型負空間

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

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

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

Information Highway

詳細解析網頁設計中負空間的使用案例,PS教程,

Digest

詳細解析網頁設計中負空間的使用案例,PS教程,

MakeMatter

詳細解析網頁設計中負空間的使用案例,PS教程,

巨型負空間

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

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

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


推荐案例

联系我们
×
思緯網絡資深顧問
1對1專屬諮詢,高效梳理您的需求
售前諮詢熱線
400-829-2339
顧問企業微信
微信掃碼添加
微信客服
電腦已登入微信,直接點擊交談
或微信掃碼交談(無需添加好友)
顧問企業微信
微信中長按二維碼,識別並添加顧問
非微信中,截圖保存二維碼,微信掃碼添加顧問
微信客服
點擊交談