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