網(wǎng)站制作與網(wǎng)站設計中使用足夠空白的重要性
責任編輯:神州華宇 來源:北京網(wǎng)站建設 點擊:237 發(fā)表時間:2019-03-10
網(wǎng)站制作與網(wǎng)站設計中要盡量避免使用不必要的元素,那么,你打算如何填滿你創(chuàng)造的所有空間呢?我們可以建議你什么都不填嗎?
負空間(又稱空白)是視覺藝術中的術語,指的是圖像中不吸引注意力的區(qū)域。通常,這些都是空的或空白的,像無云的天空或單色墻。盡管負空間本身很枯燥,但在藝術上運用時,它可以補充和加強主體,提高可讀性,使圖像更容易“被接受”。
“我的座右銘是:簡單的總是更好的。它幾乎能立即讓用戶注意到什么是重點。而且,簡單是有吸引力的。”——頂級設計師Hitron
網(wǎng)站制作與網(wǎng)站設計中需要使用足夠空白時,應該做的事:
用負空間包圍你最重要的元素。周圍的負空間越多,它就會受到越多的關注。
避免用次要的視覺效果進行無聊的布局。其他的美學元素,如顏色或排版(見下文),可以在有大量負空間的情況下從視覺上彌補空白。
網(wǎng)站制作與網(wǎng)站設計中需要使用足夠空白時,不能做的事:
強調錯誤的元素。只使用負空間包圍優(yōu)先級最高的元素。例如,如果您的目標是轉換,那么在您的電子郵件或銷售CTA的周圍放置負空間,而不是您的logo或銷售說明。
使用復雜的背景。根據(jù)定義,背景應該在很大程度上不被人注意。如果你的背景沒有足夠的負空間,它就會從你的主要元素上轉移注意力。
那么,在網(wǎng)站制作與網(wǎng)站設計中,如何用視覺層次結構引導用戶的眼睛呢?
如果使用像“負空間”這樣的技術術語并沒有影響你,你怎么看待“視覺層次”呢?它指的是使用不同的視覺元素,比如大小或位置,來影響用戶首先看到、其次看到或最后看到的元素。網(wǎng)頁頂部有一個大而粗體的標題,底部有很小的法律信息,這是一個很好的例子,說明了使用視覺層次來優(yōu)先處理某些元素。
網(wǎng)頁設計不僅僅是你添加什么到你的網(wǎng)站,而是你如何添加它。拿CTA按鈕來說,它們僅僅存在是不夠的;熟練的設計師會有意地放置它們,賦予它們醒目的顏色,并通過暗示文字來鼓勵點擊。像大小、顏色、位置和負空間這樣的元素都能增加或減少吸引力。
網(wǎng)站制作與網(wǎng)站設計中利用視覺層次時,應用做的事:
可掃描性設計。大多數(shù)用戶不會閱讀頁面的每個單詞。他們甚至看不到頁面上的所有東西。通過讓你的首要任務很難被忽視來進行設計。
測試多個備選方案。因為視覺層次結構可能會變得復雜,所以有時反復試驗效果最好。創(chuàng)建一些不同的版本或“模型”,并將它們展示給具有不同眼光的人,以獲取意見。
網(wǎng)站制作與網(wǎng)站設計中利用視覺層次時,不能做的事:
使用競爭元素。視覺層次是關于順序的:首先是這個,然后是那個。錯開你的每一個基本元素所受到的關注程度,這樣你的用戶的眼睛就可以很容易地跟隨一條清晰的路徑。
負空間(又稱空白)是視覺藝術中的術語,指的是圖像中不吸引注意力的區(qū)域。通常,這些都是空的或空白的,像無云的天空或單色墻。盡管負空間本身很枯燥,但在藝術上運用時,它可以補充和加強主體,提高可讀性,使圖像更容易“被接受”。
“我的座右銘是:簡單的總是更好的。它幾乎能立即讓用戶注意到什么是重點。而且,簡單是有吸引力的。”——頂級設計師Hitron
網(wǎng)站制作與網(wǎng)站設計中需要使用足夠空白時,應該做的事:
用負空間包圍你最重要的元素。周圍的負空間越多,它就會受到越多的關注。
避免用次要的視覺效果進行無聊的布局。其他的美學元素,如顏色或排版(見下文),可以在有大量負空間的情況下從視覺上彌補空白。
網(wǎng)站制作與網(wǎng)站設計中需要使用足夠空白時,不能做的事:
強調錯誤的元素。只使用負空間包圍優(yōu)先級最高的元素。例如,如果您的目標是轉換,那么在您的電子郵件或銷售CTA的周圍放置負空間,而不是您的logo或銷售說明。
使用復雜的背景。根據(jù)定義,背景應該在很大程度上不被人注意。如果你的背景沒有足夠的負空間,它就會從你的主要元素上轉移注意力。
那么,在網(wǎng)站制作與網(wǎng)站設計中,如何用視覺層次結構引導用戶的眼睛呢?
如果使用像“負空間”這樣的技術術語并沒有影響你,你怎么看待“視覺層次”呢?它指的是使用不同的視覺元素,比如大小或位置,來影響用戶首先看到、其次看到或最后看到的元素。網(wǎng)頁頂部有一個大而粗體的標題,底部有很小的法律信息,這是一個很好的例子,說明了使用視覺層次來優(yōu)先處理某些元素。
網(wǎng)頁設計不僅僅是你添加什么到你的網(wǎng)站,而是你如何添加它。拿CTA按鈕來說,它們僅僅存在是不夠的;熟練的設計師會有意地放置它們,賦予它們醒目的顏色,并通過暗示文字來鼓勵點擊。像大小、顏色、位置和負空間這樣的元素都能增加或減少吸引力。
網(wǎng)站制作與網(wǎng)站設計中利用視覺層次時,應用做的事:
可掃描性設計。大多數(shù)用戶不會閱讀頁面的每個單詞。他們甚至看不到頁面上的所有東西。通過讓你的首要任務很難被忽視來進行設計。
測試多個備選方案。因為視覺層次結構可能會變得復雜,所以有時反復試驗效果最好。創(chuàng)建一些不同的版本或“模型”,并將它們展示給具有不同眼光的人,以獲取意見。
網(wǎng)站制作與網(wǎng)站設計中利用視覺層次時,不能做的事:
使用競爭元素。視覺層次是關于順序的:首先是這個,然后是那個。錯開你的每一個基本元素所受到的關注程度,這樣你的用戶的眼睛就可以很容易地跟隨一條清晰的路徑。
走極端。在網(wǎng)站制作與網(wǎng)站設計中,如果把元素做得太大或色彩對比度太大可能會產(chǎn)生相反的效果。只使用你所需要的吸引注意力的策略就可以,而不是更多。
最新文章
- 1你要建一個網(wǎng)站,到底要花多少錢?定制網(wǎng)站和普通網(wǎng)站的價格差異!
- 2全方位網(wǎng)站建設與網(wǎng)站制作構建數(shù)字時代的堅實基石
- 3電子商務網(wǎng)站建設一站式打造高效便捷的在線交易平臺
- 4品質網(wǎng)站制作與設計塑造卓越在線體驗的基石
- 5企業(yè)網(wǎng)站制作與維護構建數(shù)字時代的商業(yè)門戶
- 6創(chuàng)意企業(yè)網(wǎng)站建設與維護激發(fā)數(shù)字時代的無限可能
- 7品質網(wǎng)站建設服務體驗塑造卓越在線形象的關鍵
- 8定制網(wǎng)站制作創(chuàng)新服務重塑企業(yè)數(shù)字形象的新篇章
- 9高效網(wǎng)站制作品質服務驅動數(shù)字化轉型的加速器