成都網站(zhàn)設計(jì)中要盡量避免使用不必要的元素,那(nà)麽,你(nǐ)打算(suàn)如何填滿你(nǐ)創造的所有(yǒu)空(kōng)間(jiān)呢?我們可(kě)以建議你(nǐ)什麽都不填嗎?
負空(kōng)間(jiān)(又稱空(kōng)白)是視(shì)覺藝術(shù)中的術(shù)語,指的是圖像中不吸引注意力的區(qū)域。通(tōng)常,這些(xiē)都是空(kōng)的或空(kōng)白的,像無雲的天空(kōng)或單色牆。盡管負空(kōng)間(jiān)本身很(hěn)枯燥,但(dàn)在藝術(shù)上(shàng)運用時(shí),它可(kě)以補充和(hé)加強主體(tǐ),提高(gāo)可(kě)讀性,使圖像更容易“被接受”。
“我的座右銘是:簡單的總是更好的。它幾乎能立即讓用戶注意到什麽是重點。而且,簡單是有(yǒu)吸引力的。”——頂級設計(jì)師(shī)Hitron
網站(zhàn)制(zhì)作(zuò)與成都網站(zhàn)設計(jì)中需要使用足夠空(kōng)白時(shí),應該做(zuò)的事:
用負空(kōng)間(jiān)包圍你(nǐ)最重要的元素。周圍的負空(kōng)間(jiān)越多(duō),它就會(huì)受到越多(duō)的關注。
避免用次要的視(shì)覺效果進行(xíng)無聊的布局。其他的美學元素,如顔色或排版(見下文),可(kě)以在有(yǒu)大(dà)量負空(kōng)間(jiān)的情況下從視(shì)覺上(shàng)彌補空(kōng)白。
網站(zhàn)制(zhì)作(zuò)與成都網站(zhàn)設計(jì)中需要使用足夠空(kōng)白時(shí),不能做(zuò)的事:
強調錯誤的元素。隻使用負空(kōng)間(jiān)包圍優先級最高(gāo)的元素。例如,如果您的目标是轉換,那(nà)麽在您的電(diàn)子郵件或銷售CTA的周圍放置負空(kōng)間(jiān),而不是您的logo或銷售說明(míng)。
使用複雜的背景。根據定義,背景應該在很(hěn)大(dà)程度上(shàng)不被人(rén)注意。如果你(nǐ)的背景沒有(yǒu)足夠的負空(kōng)間(jiān),它就會(huì)從你(nǐ)的主要元素上(shàng)轉移注意力。
那(nà)麽,在網站(zhàn)制(zhì)作(zuò)與成都網站(zhàn)設計(jì)中,如何用視(shì)覺層次結構引導用戶的眼睛呢?
如果使用像“負空(kōng)間(jiān)”這樣的技(jì)術(shù)術(shù)語并沒有(yǒu)影(yǐng)響你(nǐ),你(nǐ)怎麽看待“視(shì)覺層次”呢?它指的是使用不同的視(shì)覺元素,比如大(dà)小(xiǎo)或位置,來(lái)影(yǐng)響用戶首先看到、其次看到或最後看到的元素。網頁頂部有(yǒu)一個(gè)大(dà)而粗體(tǐ)的标題,底部有(yǒu)很(hěn)小(xiǎo)的法律信息,這是一個(gè)很(hěn)好的例子,說明(míng)了使用視(shì)覺層次來(lái)優先處理(lǐ)某些(xiē)元素。
網頁設計(jì)不僅僅是你(nǐ)添加什麽到你(nǐ)的網站(zhàn),而是你(nǐ)如何添加它。拿(ná)CTA按鈕來(lái)說,它們僅僅存在是不夠的;熟練的設計(jì)師(shī)會(huì)有(yǒu)意地放置它們,賦予它們醒目的顔色,并通(tōng)過暗示文字來(lái)鼓勵點擊。像大(dà)小(xiǎo)、顔色、位置和(hé)負空(kōng)間(jiān)這樣的元素都能增加或減少(shǎo)吸引力。
網站(zhàn)制(zhì)作(zuò)與成都網站(zhàn)設計(jì)中利用視(shì)覺層次時(shí),應用做(zuò)的事:
可(kě)掃描性設計(jì)。大(dà)多(duō)數(shù)用戶不會(huì)閱讀頁面的每個(gè)單詞。他們甚至看不到頁面上(shàng)的所有(yǒu)東西。通(tōng)過讓你(nǐ)的首要任務很(hěn)難被忽視(shì)來(lái)進行(xíng)設計(jì)。
測試多(duō)個(gè)備選方案。因為(wèi)視(shì)覺層次結構可(kě)能會(huì)變得(de)複雜,所以有(yǒu)時(shí)反複試驗效果最好。創建一些(xiē)不同的版本或“模型”,并将它們展示給具有(yǒu)不同眼光的人(rén),以獲取意見。
網站(zhàn)制(zhì)作(zuò)與成都網站(zhàn)設計(jì)中利用視(shì)覺層次時(shí),不能做(zuò)的事:
使用競争元素。視(shì)覺層次是關于順序的:首先是這個(gè),然後是那(nà)個(gè)。錯開(kāi)你(nǐ)的每一個(gè)基本元素所受到的關注程度,這樣你(nǐ)的用戶的眼睛就可(kě)以很(hěn)容易地跟随一條清晰的路徑。
走極端。在網站(zhàn)制(zhì)作(zuò)與成都網站(zhàn)設計(jì)中,如果把元素做(zuò)得(de)太大(dà)或色彩對比度太大(dà)可(kě)能會(huì)産生(shēng)相反的效果。隻使用你(nǐ)所需要的吸引注意力的策略就可(kě)以,而不是更多(duō)。