網(wǎng)站設(shè)計(jì)對于能否給用戶留下好的印象至關(guān)重要，你可以采取各種策略來提高轉(zhuǎn)化率或符合搜索引擎要求（提高SEO排名），但如果網(wǎng)站設(shè)計(jì)讓人不令人滿意，那么一些可能只是徒勞。

確保網(wǎng)站有不錯的視覺效果，并提供無縫的用戶體驗(yàn)是重中之重。WebFX的研究表明:

94%的第一印象與網(wǎng)站設(shè)計(jì)有關(guān)。

一個(gè)網(wǎng)站75%的可信度來自它的設(shè)計(jì)。

89%的消費(fèi)者會因?yàn)橛脩趔w驗(yàn)不佳轉(zhuǎn)而選擇競爭對手。

你的產(chǎn)品和/或服務(wù)可能做的很好，但如果沒有充分展示你的數(shù)字品牌，可能會面臨達(dá)不到目標(biāo)的風(fēng)險(xiǎn)。

設(shè)計(jì)是一種營銷，它傳達(dá)了品牌的個(gè)性。如果你想要以吸引人的方式受眾推廣品牌，那么你需要遵循以下7個(gè)基本原則，才能創(chuàng)造出吸引力:

1. 視覺層次結(jié)構(gòu)

網(wǎng)頁設(shè)計(jì)中最重要的原則之一，視覺層次是關(guān)于重要元素的排列。每個(gè)頁面內(nèi)容的層次結(jié)構(gòu)是由以下因素影響的:

尺寸:較大的元素更容易被注意到。

顏色:明亮的顏色比暗淡的顏色更能吸引注意力。

方向和對齊:與其他大部分元素不同的元素會更突出。

重復(fù):重復(fù)相同的風(fēng)格可以暗示內(nèi)容更相關(guān)。

對比:色彩的強(qiáng)烈對比會使一個(gè)特定的元素突出。

留白:元素周圍留有更多空間更能吸引眼球。

紋理和風(fēng)格:更豐富的紋理和/或風(fēng)格更能脫穎而出。

這個(gè)原則的一個(gè)關(guān)鍵部分是，你想建立一個(gè)讓受眾最關(guān)注的區(qū)域。銘記自己商業(yè)目標(biāo)，并對受眾最需要看到的內(nèi)容進(jìn)行排名。然后調(diào)整上述特征，以確保人們會關(guān)注到這些東西。

2.�？硕�律

根據(jù)�？硕�律（以心理學(xué)家威廉·埃德蒙·�？撕屠住ずＢ�的名字命名的），建議你給用戶的選擇越多，做出決定的時(shí)間就越長。

大家應(yīng)該都有這樣的經(jīng)歷，比如去了一家有很多菜選擇的餐館，就會花更多時(shí)間決定點(diǎn)哪些菜。

同樣的道理也適用于網(wǎng)站，你提供給訪問者的選項(xiàng)越多，他們就越難瀏覽�；�本上，你需要保持簡單并排除選項(xiàng)。如果你提供的產(chǎn)品種類很多，那么考慮提供一個(gè)過濾功能，不要隱藏它!

想象一下，如果亞馬遜、淘寶等在他們的主頁上展示所有的產(chǎn)品，那只會讓用戶看花了眼。

3.費(fèi)茨定律

這一定律以著名心理學(xué)家保羅·菲茨的名字命名，使用指點(diǎn)設(shè)備到達(dá)一個(gè)目標(biāo)的時(shí)間，與當(dāng)前設(shè)備位置和目標(biāo)位置的距離（D）和目標(biāo)大小(S)有關(guān)。

1.設(shè)備當(dāng)前位置和目標(biāo)位置的距離（D）。距離越長，所用時(shí)間越長;

2.目標(biāo)的大小（S）。目標(biāo)越大，所用時(shí)間越短。

例如，將鼠標(biāo)（指移動設(shè)備拇指）移動到你想點(diǎn)擊的下一個(gè)地方所需要的時(shí)間。通過到目標(biāo)的距離除以目標(biāo)大小來計(jì)算。因此，網(wǎng)站上的距離越長，元素的大小越小，用戶到達(dá)它需要的時(shí)間就越長，這就導(dǎo)致他們需要花費(fèi)的精力更多。

記住，好的UX（用戶體驗(yàn)）是讓你的用戶更容易而不是更困難，但這并不意味著越大越好。占據(jù)半個(gè)屏幕的按鈕顯然就非常不合理。

更重要的是在屏幕主要元素上與所有其他按鈕保持合理的比例，對于不同設(shè)備（如手機(jī)、平板電腦、臺式機(jī)等）來說是不一樣的。

4. 三分法

三分法來源于黃金分割理論。三分法解釋了一張圖像應(yīng)該被分成9等份。如下所示:

將圖像分成9等份，可以得到4個(gè)交點(diǎn)。這些交點(diǎn)往往是會讓大家眼睛停留最久的位置。設(shè)計(jì)師可以根據(jù)重要性定位圖片想要突出內(nèi)容的位置。

正如你在上圖中所看到的，你的眼睛會花更多的時(shí)間在右上方的交叉點(diǎn)上，那是也是適合放置關(guān)鍵內(nèi)容的地方。不管你是不是有意的，三分法總是有效的。

5.格式塔設(shè)計(jì)原則

格式塔設(shè)計(jì)法則是德國心理學(xué)家馬克斯·韋特海默、庫爾特·考夫卡和沃爾夫?qū)�·柯勒設(shè)計(jì)的一套原則，描述了人眼如何感知元素。

這些原則的名字“格式塔（Gestalt）”，在英語中的意思是“統(tǒng)一的整體”，建立在“一個(gè)有組織的整體，被認(rèn)為大于其各部分之和”的理論基礎(chǔ)上。

構(gòu)成格式塔設(shè)計(jì)法則的法則多達(dá)10條，但最常見的法則是:

1. 簡單原則（Simplicity），人腦有化繁為簡的能力，設(shè)計(jì)的構(gòu)圖越復(fù)雜用戶理解起來越費(fèi)勁。

2.圖形與背景關(guān)系原則（Figure-ground），在設(shè)計(jì)中應(yīng)用圖形與背景關(guān)系原則，可以使你的作品傳達(dá)信息的方式有很大的不同。

3.接近性或鄰近原則（proximity），即空間中距離相近的元素有被看作一體的趨勢。

4.相似原則（similarity），刺激物的形狀、大小、顏色、強(qiáng)度等物理屬性方面比較相似時(shí)，這些刺激物就容易被組織起來而構(gòu)成一個(gè)整體。

5.連續(xù)性原則（good continuation）

如果一個(gè)圖形的某些部分可以被看作是連接在一起的，那么這些部分就相對容易被我們知覺為一個(gè)整體。

6.封閉的原則（closure）.有時(shí)也稱閉合的原則。有些圖形是一個(gè)沒有閉合的殘缺的圖形，但主體有一種使其閉合的傾向，即主體能自行填補(bǔ)缺口而把其知覺為一個(gè)整體。

這些設(shè)計(jì)原則對于設(shè)計(jì)適合品牌的網(wǎng)站至關(guān)重要。好的用戶體驗(yàn)讓用戶的生活更加輕松，那些訪問你網(wǎng)站的人應(yīng)該一眼就能找到他們要找的東西。

6. 留白

整合空白（元素之間的空白）是一個(gè)很好的做法，可以確保你的網(wǎng)站不會堆滿內(nèi)容。應(yīng)該創(chuàng)建一個(gè)簡潔的設(shè)計(jì)，以正確地傳達(dá)你的信息，以你必須明智地決定把包括圖像在內(nèi)的內(nèi)容放在哪里，以及不放在哪里。

在上面的圖片中，頁面的一邊是擁擠的，不利于閱讀;另一邊是清晰的，便于瀏覽者一眼就能看到內(nèi)容�？偠�言之，一定要避免填鴨式的內(nèi)容。

7. 奧卡姆剃刀原理

“奧卡姆剃刀”（Occam 's Razor）是哲學(xué)家奧卡姆(Occam)威廉(William of Occam)提出的另一個(gè)保持簡潔的原則。再次強(qiáng)調(diào)，不要用信息轟炸人們，而要采取極簡主義的方式。簡單往往是正確的。

如果你不想完全隱藏所有的信息。把它放在次要位置，比如放在網(wǎng)站的另一個(gè)頁面上。那些認(rèn)真尋找關(guān)于你的企業(yè)信息的人會主動去找到它，但對大多數(shù)人來說，他們只是想在登陸（首頁/介紹）頁面上看到簡單的內(nèi)容。

結(jié)論

可以說這些原則中有一些是重疊的，但是，你仍然需要把每一個(gè)都考慮進(jìn)去。有效的網(wǎng)頁設(shè)計(jì)并不等同于好的藝術(shù)。你的目標(biāo)只是讓人們在你的網(wǎng)站上停留足夠長的時(shí)間，以完成業(yè)務(wù)目標(biāo)，同時(shí)提供高質(zhì)量體驗(yàn)，讓他們繼續(xù)回訪。