全美商學院
新聞
新聞

成都網站(zhàn)設計(jì)中使用足夠空(kōng)白的重要性

2019
08/04
14:51
全美網絡官網
分享

成都網站(zhàn)設計(jì)中要盡量避免使用不必要的元素,那(nà)麽,你(nǐ)打算(suàn)如何填滿你(nǐ)創造的所有(yǒu)空(kōng)間(jiān)呢?我們可(kě)以建議你(nǐ)什麽都不填嗎?

網頁設計(jì)

負空(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ō)。

聯系我們
歡迎來(lái)到全美,免費
獲取專業網站(zhàn)建設方案
電(diàn)話(huà)咨詢:

18140041855

您還(hái)可(kě)以預約資深顧問
隐私信息保護中,請(qǐng)放心填寫

在線客服

電(diàn)話(huà)咨詢

微信咨詢

微信号複制(zhì)成功
18140041855 (蘇女士)
打開(kāi)微信,粘貼添加好友(yǒu),免費詢價吧(ba)