在網(wǎng)頁設(shè)計(jì)方面,空白通常是指沒有文字或圖像的區(qū)域。我們可以認(rèn)為它是“視覺沉默”區(qū)。為了使我們的設(shè)計(jì)能夠正常發(fā)揮作用,我們需要在網(wǎng)站上使用節(jié)奏良好的空白空間。盡管Google并不總是以純粹的設(shè)計(jì)技術(shù)而聞名,但是他們一直是白色空間的倡導(dǎo)者。像雅虎這樣的競爭對手正在用天氣、新聞和電子郵件緊緊包裝他們的網(wǎng)頁時(shí),谷歌的低干擾接口讓他們的用戶專注于手頭的主要任務(wù):搜索網(wǎng)絡(luò)。本文就來討論網(wǎng)頁設(shè)計(jì)如何巧妙利用空白空間!
白色空間有兩種類型
1.活動白空間:這是設(shè)計(jì)中元素之間的空間,通常添加用于強(qiáng)調(diào)和結(jié)構(gòu)。這種類型是不對稱的,使設(shè)計(jì)看起來更加動態(tài)和活躍。
2.被動白空間:這是一行單詞之間的空間或者一個標(biāo)志或一些其他圖形元素周圍的空間。
看看500px的主頁,看看如何使用主動和被動的空白。在處理白色空間時(shí),我們主要關(guān)注的是活動的白色空間,但是我們?nèi)匀恍枰芮嘘P(guān)注被動的白色空間,以及它如何與我們的設(shè)計(jì)一起工作。
白色空間有兩個尺寸:
微白空間:是對白空間的較小區(qū)域,在字母和單詞之間以及在彼此相鄰的圖形元素之間給出的術(shù)語。調(diào)整設(shè)計(jì)中的微白空間最常調(diào)整設(shè)計(jì)的整體色調(diào)而不改變其“心臟”---類似于在舞曲中撥下BPM,同一首歌,但睡得很尷尬。
宏白空間:是給予較大體積的空白空間的術(shù)語,例如列或段落之間的空間。優(yōu)化您的“宏白空間”通常會大幅改變您的設(shè)計(jì),有可能改善整個網(wǎng)頁的用戶流量和節(jié)奏。
白色的空間真的是白色?
雖然“空白”一詞似乎暗示著缺乏顏色或色調(diào),但這可能有點(diǎn)誤導(dǎo)。白色空間實(shí)際上可以是表示設(shè)計(jì)中的負(fù)空間或空白空間的任何顏色:黃色,藍(lán)色,綠色或甚至紋理或照片。雖然你選擇什么顏色無關(guān)緊要,但記住,顏色和紋理通常比純白色更有趣。即使您選擇不同的顏色或紋理,原則仍然適用。
如何使用空白區(qū)域?
使用空格用于CTA(號召性用語),始終假設(shè)用戶不知道接下來要去哪里,并相應(yīng)地設(shè)計(jì)白色空間。這個想法本身很簡單,如果一個頁面上沒有任何按鈕,意味著下一步應(yīng)該點(diǎn)擊按鈕。另一方面,如果頁面擠滿了該按鈕附近的元素,則由于混亂,用戶甚至不會看到按鈕。
使用空白為情感反應(yīng)
在設(shè)計(jì)中有許多方式來喚起情感,包括排版,顏色和圖像。很明顯并不是所有的,都是有用的,所以可以說白色的空間,是以最低的設(shè)計(jì)成本,添加最多戲劇和情感頁面的方式。
每當(dāng)我們在設(shè)計(jì)中看到一個空白區(qū)域時(shí),我們開始思考“我可以在那里添加什么?這種心態(tài)對于設(shè)計(jì)師來說可能是一個問題。因此,不要使用元素填充設(shè)計(jì),而是嘗試在頁面中間放置一個CTA按鈕,并在其周圍創(chuàng)建一個“安全區(qū)域”(空白區(qū)域)。始終記住,空的空間不是浪費(fèi)的空間。
所以,我們了解到,白色空間不是白色的,它是我們設(shè)計(jì)中沒有發(fā)生任何事情的部分。這是一個設(shè)計(jì)的基本原則,任何設(shè)計(jì)師不應(yīng)該忽視,因?yàn)樗鼪Q定一個頁面是否可用,以及一個特定的元素是否得到所需的關(guān)注。專業(yè)網(wǎng)站設(shè)計(jì)請不要忽略蒙特,你身邊最好的建站專家!
©2000-2022 杭州蒙特信息技術(shù)有限公司版權(quán)所有
Mountor、蒙特是Mountor Corp.的注冊商標(biāo)。