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

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

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

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

89%的消費者會因為用戶體驗不佳轉(zhuǎn)而選擇競爭對手。

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

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

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

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

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

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

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

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

對比:色彩的強烈對比會使一個特定的元素突出。

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

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

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

2.�？硕�律

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

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

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

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

3.費茨定律

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

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

2.目標的大�。⊿）。目標越大，所用時間越短。

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

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

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

4. 三分法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6. 留白

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

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

7. 奧卡姆剃刀原理

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

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

結(jié)論

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