網(wǎng)站制作與網(wǎng)站設計中使用足夠空白的重要性
責任編輯:神州華宇 來(lái)源:北京網(wǎng)站建設 點(diǎn)擊:190 發(fā)表時(shí)間:2019-03-10
網(wǎng)站制作與網(wǎng)站設計中要盡量避免使用不必要的元素,那么,你打算如何填滿(mǎn)你創(chuàng )造的所有空間呢?我們可以建議你什么都不填嗎?
負空間(又稱(chēng)空白)是視覺(jué)藝術(shù)中的術(shù)語(yǔ),指的是圖像中不吸引注意力的區域。通常,這些都是空的或空白的,像無(wú)云的天空或單色墻。盡管負空間本身很枯燥,但在藝術(shù)上運用時(shí),它可以補充和加強主體,提高可讀性,使圖像更容易“被接受”。
“我的座右銘是:簡(jiǎn)單的總是更好的。它幾乎能立即讓用戶(hù)注意到什么是重點(diǎn)。而且,簡(jiǎn)單是有吸引力的?!薄敿壴O計師Hitron
網(wǎng)站制作與網(wǎng)站設計中需要使用足夠空白時(shí),應該做的事:
用負空間包圍你最重要的元素。周?chē)呢摽臻g越多,它就會(huì )受到越多的關(guān)注。
避免用次要的視覺(jué)效果進(jìn)行無(wú)聊的布局。其他的美學(xué)元素,如顏色或排版(見(jiàn)下文),可以在有大量負空間的情況下從視覺(jué)上彌補空白。
網(wǎng)站制作與網(wǎng)站設計中需要使用足夠空白時(shí),不能做的事:
強調錯誤的元素。只使用負空間包圍優(yōu)先級最高的元素。例如,如果您的目標是轉換,那么在您的電子郵件或銷(xiāo)售CTA的周?chē)胖秘摽臻g,而不是您的logo或銷(xiāo)售說(shuō)明。
使用復雜的背景。根據定義,背景應該在很大程度上不被人注意。如果你的背景沒(méi)有足夠的負空間,它就會(huì )從你的主要元素上轉移注意力。
那么,在網(wǎng)站制作與網(wǎng)站設計中,如何用視覺(jué)層次結構引導用戶(hù)的眼睛呢?
如果使用像“負空間”這樣的技術(shù)術(shù)語(yǔ)并沒(méi)有影響你,你怎么看待“視覺(jué)層次”呢?它指的是使用不同的視覺(jué)元素,比如大小或位置,來(lái)影響用戶(hù)首先看到、其次看到或最后看到的元素。網(wǎng)頁(yè)頂部有一個(gè)大而粗體的標題,底部有很小的法律信息,這是一個(gè)很好的例子,說(shuō)明了使用視覺(jué)層次來(lái)優(yōu)先處理某些元素。
網(wǎng)頁(yè)設計不僅僅是你添加什么到你的網(wǎng)站,而是你如何添加它。拿CTA按鈕來(lái)說(shuō),它們僅僅存在是不夠的;熟練的設計師會(huì )有意地放置它們,賦予它們醒目的顏色,并通過(guò)暗示文字來(lái)鼓勵點(diǎn)擊。像大小、顏色、位置和負空間這樣的元素都能增加或減少吸引力。
網(wǎng)站制作與網(wǎng)站設計中利用視覺(jué)層次時(shí),應用做的事:
可掃描性設計。大多數用戶(hù)不會(huì )閱讀頁(yè)面的每個(gè)單詞。他們甚至看不到頁(yè)面上的所有東西。通過(guò)讓你的首要任務(wù)很難被忽視來(lái)進(jìn)行設計。
測試多個(gè)備選方案。因為視覺(jué)層次結構可能會(huì )變得復雜,所以有時(shí)反復試驗效果最好。創(chuàng )建一些不同的版本或“模型”,并將它們展示給具有不同眼光的人,以獲取意見(jiàn)。
網(wǎng)站制作與網(wǎng)站設計中利用視覺(jué)層次時(shí),不能做的事:
使用競爭元素。視覺(jué)層次是關(guān)于順序的:首先是這個(gè),然后是那個(gè)。錯開(kāi)你的每一個(gè)基本元素所受到的關(guān)注程度,這樣你的用戶(hù)的眼睛就可以很容易地跟隨一條清晰的路徑。
負空間(又稱(chēng)空白)是視覺(jué)藝術(shù)中的術(shù)語(yǔ),指的是圖像中不吸引注意力的區域。通常,這些都是空的或空白的,像無(wú)云的天空或單色墻。盡管負空間本身很枯燥,但在藝術(shù)上運用時(shí),它可以補充和加強主體,提高可讀性,使圖像更容易“被接受”。
“我的座右銘是:簡(jiǎn)單的總是更好的。它幾乎能立即讓用戶(hù)注意到什么是重點(diǎn)。而且,簡(jiǎn)單是有吸引力的?!薄敿壴O計師Hitron
網(wǎng)站制作與網(wǎng)站設計中需要使用足夠空白時(shí),應該做的事:
用負空間包圍你最重要的元素。周?chē)呢摽臻g越多,它就會(huì )受到越多的關(guān)注。
避免用次要的視覺(jué)效果進(jìn)行無(wú)聊的布局。其他的美學(xué)元素,如顏色或排版(見(jiàn)下文),可以在有大量負空間的情況下從視覺(jué)上彌補空白。
網(wǎng)站制作與網(wǎng)站設計中需要使用足夠空白時(shí),不能做的事:
強調錯誤的元素。只使用負空間包圍優(yōu)先級最高的元素。例如,如果您的目標是轉換,那么在您的電子郵件或銷(xiāo)售CTA的周?chē)胖秘摽臻g,而不是您的logo或銷(xiāo)售說(shuō)明。
使用復雜的背景。根據定義,背景應該在很大程度上不被人注意。如果你的背景沒(méi)有足夠的負空間,它就會(huì )從你的主要元素上轉移注意力。
那么,在網(wǎng)站制作與網(wǎng)站設計中,如何用視覺(jué)層次結構引導用戶(hù)的眼睛呢?
如果使用像“負空間”這樣的技術(shù)術(shù)語(yǔ)并沒(méi)有影響你,你怎么看待“視覺(jué)層次”呢?它指的是使用不同的視覺(jué)元素,比如大小或位置,來(lái)影響用戶(hù)首先看到、其次看到或最后看到的元素。網(wǎng)頁(yè)頂部有一個(gè)大而粗體的標題,底部有很小的法律信息,這是一個(gè)很好的例子,說(shuō)明了使用視覺(jué)層次來(lái)優(yōu)先處理某些元素。
網(wǎng)頁(yè)設計不僅僅是你添加什么到你的網(wǎng)站,而是你如何添加它。拿CTA按鈕來(lái)說(shuō),它們僅僅存在是不夠的;熟練的設計師會(huì )有意地放置它們,賦予它們醒目的顏色,并通過(guò)暗示文字來(lái)鼓勵點(diǎn)擊。像大小、顏色、位置和負空間這樣的元素都能增加或減少吸引力。
網(wǎng)站制作與網(wǎng)站設計中利用視覺(jué)層次時(shí),應用做的事:
可掃描性設計。大多數用戶(hù)不會(huì )閱讀頁(yè)面的每個(gè)單詞。他們甚至看不到頁(yè)面上的所有東西。通過(guò)讓你的首要任務(wù)很難被忽視來(lái)進(jìn)行設計。
測試多個(gè)備選方案。因為視覺(jué)層次結構可能會(huì )變得復雜,所以有時(shí)反復試驗效果最好。創(chuàng )建一些不同的版本或“模型”,并將它們展示給具有不同眼光的人,以獲取意見(jiàn)。
網(wǎng)站制作與網(wǎng)站設計中利用視覺(jué)層次時(shí),不能做的事:
使用競爭元素。視覺(jué)層次是關(guān)于順序的:首先是這個(gè),然后是那個(gè)。錯開(kāi)你的每一個(gè)基本元素所受到的關(guān)注程度,這樣你的用戶(hù)的眼睛就可以很容易地跟隨一條清晰的路徑。
走極端。在網(wǎng)站制作與網(wǎng)站設計中,如果把元素做得太大或色彩對比度太大可能會(huì )產(chǎn)生相反的效果。只使用你所需要的吸引注意力的策略就可以,而不是更多。
最新文章
- 1高效網(wǎng)站建設服務(wù)團隊塑造數字時(shí)代的卓越在線(xiàn)體驗
- 2網(wǎng)站建設優(yōu)質(zhì)服務(wù)構建數字時(shí)代的企業(yè)基石
- 3一站式網(wǎng)站建設解決方案重塑數字時(shí)代的企業(yè)在線(xiàn)形象
- 4高端網(wǎng)站建設服務(wù)專(zhuān)家塑造品牌引領(lǐng)數字時(shí)代新風(fēng)尚
- 5網(wǎng)站制作與在線(xiàn)支付攜手共創(chuàng )便捷交易的數字新時(shí)代
- 6網(wǎng)站制作與云服務(wù)打造更穩定可靠的在線(xiàn)平臺
- 7網(wǎng)站制作與用戶(hù)反饋攜手共創(chuàng )卓越用戶(hù)體驗的良性循環(huán)
- 8網(wǎng)站制作的在線(xiàn)旅行指南打造一站式旅游信息服務(wù)平臺
- 9網(wǎng)站制作的在線(xiàn)音樂(lè )探索數字音樂(lè )時(shí)代的新篇章
人氣排行
- 1北京網(wǎng)站設計中的收費資費標準和大家分享
- 2制作移動(dòng)端網(wǎng)站步驟國內外網(wǎng)站設計風(fēng)格
- 3北京網(wǎng)站建設的特點(diǎn)和優(yōu)勢具體表現你知道哪些呢
- 4企業(yè)開(kāi)發(fā)建設網(wǎng)站作用空間怎么選擇
- 5建設網(wǎng)站做SEO優(yōu)化多久可以見(jiàn)效
- 6同同(北京)科技有限公司與神州華宇聯(lián)手打造WAP品牌官網(wǎng)
- 7網(wǎng)站建設重視哪些問(wèn)題建設營(yíng)銷(xiāo)型網(wǎng)站
- 8神州華宇助力湯姆之家,攜手北京“湯迷”全線(xiàn)開(kāi)進(jìn)!
- 9成功助力北京泛亞迅科技發(fā)展有限責任公司W(wǎng)AP端開(kāi)發(fā)!