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