網(wǎng)站設(shè)計(jì)對(duì)于能否給用戶留下好的印象至關(guān)重要，你可以采取各種策略來提高轉(zhuǎn)化率或符合搜索引擎要求（提高SEO排名），但如果網(wǎng)站設(shè)計(jì)讓人不令人滿意，那么一些可能只是徒勞。
SEO,關(guān)鍵詞，網(wǎng)站，數(shù)據(jù)
確保網(wǎng)站有不錯(cuò)的視覺效果，并提供無縫的用戶體驗(yàn)是重中之重。WebFX的研究表明:
94%的第一印象與網(wǎng)站設(shè)計(jì)有關(guān)。
一個(gè)網(wǎng)站75%的可信度來自它的設(shè)計(jì)。
89%的消費(fèi)者會(huì)因?yàn)橛脩趔w驗(yàn)不佳轉(zhuǎn)而選擇競爭對(duì)手。
你的產(chǎn)品和/或服務(wù)可能做的很好，但如果沒有充分展示你的數(shù)字品牌，可能會(huì)面臨達(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)是由以下因素影響的:
顏色:明亮的顏色比暗淡的顏色更能吸引注意力。
方向和對(duì)齊:與其他大部分元素不同的元素會(huì)更突出。
重復(fù):重復(fù)相同的風(fēng)格可以暗示內(nèi)容更相關(guān)。
對(duì)比:色彩的強(qiáng)烈對(duì)比會(huì)使一個(gè)特定的元素突出。
留白:元素周圍留有更多空間更能吸引眼球。
紋理和風(fēng)格:更豐富的紋理和/或風(fēng)格更能脫穎而出。
這個(gè)原則的一個(gè)關(guān)鍵部分是，你想建立一個(gè)讓受眾最關(guān)注的區(qū)域。銘記自己商業(yè)目標(biāo)，并對(duì)受眾最需要看到的內(nèi)容進(jìn)行排名。然后調(diào)整上述特征，以確保人們會(huì)關(guān)注到這些東西。
2.?？硕?/span>
根據(jù)希克定律（以心理學(xué)家威廉·埃德蒙·?？撕屠住ずＢ拿置模?，建議你給用戶的選擇越多，做出決定的時(shí)間就越長。
同樣的道理也適用于網(wǎng)站，你提供給訪問者的選項(xiàng)越多，他們就越難瀏覽。基本上，你需要保持簡單并排除選項(xiàng)。如果你提供的產(chǎn)品種類很多，那么考慮提供一個(gè)過濾功能，不要隱藏它!
想象一下，如果亞馬遜、淘寶等在他們的主頁上展示所有的產(chǎn)品，那只會(huì)讓用戶看花了眼。
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)的大?。⊿）。目標(biāo)越大，所用時(shí)間越短。
例如，將鼠標(biāo)（指移動(dòng)設(shè)備拇指）移動(dòng)到你想點(diǎn)擊的下一個(gè)地方所需要的時(shí)間。通過到目標(biāo)的距離除以目標(biāo)大小來計(jì)算。因此，網(wǎng)站上的距離越長，元素的大小越小，用戶到達(dá)它需要的時(shí)間就越長，這就導(dǎo)致他們需要花費(fèi)的精力更多。
記住，好的UX（用戶體驗(yàn)）是讓你的用戶更容易而不是更困難，但這并不意味著越大越好。占據(jù)半個(gè)屏幕的按鈕顯然就非常不合理。
更重要的是在屏幕主要元素上與所有其他按鈕保持合理的比例，對(duì)于不同設(shè)備（如手機(jī)、平板電腦、臺(tái)式機(jī)等）來說是不一樣的。
4. 三分法
三分法來源于黃金分割理論。三分法解釋了一張圖像應(yīng)該被分成9等份。如下所示:
將圖像分成9等份，可以得到4個(gè)交點(diǎn)。這些交點(diǎn)往往是會(huì)讓大家眼睛停留最久的位置。設(shè)計(jì)師可以根據(jù)重要性定位圖片想要突出內(nèi)容的位置。
正如你在上圖中所看到的，你的眼睛會(huì)花更多的時(shí)間在右上方的交叉點(diǎn)上，那是也是適合放置關(guān)鍵內(nèi)容的地方。不管你是不是有意的，三分法總是有效的。
5.格式塔設(shè)計(jì)原則
格式塔設(shè)計(jì)法則是德國心理學(xué)家馬克斯·韋特海默、庫爾特·考夫卡和沃爾夫?qū)た吕赵O(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è)圖形的某些部分可以被看作是連接在一起的，那么這些部分就相對(duì)容易被我們知覺為一個(gè)整體。
6.封閉的原則（closure）.有時(shí)也稱閉合的原則。有些圖形是一個(gè)沒有閉合的殘缺的圖形，但主體有一種使其閉合的傾向，即主體能自行填補(bǔ)缺口而把其知覺為一個(gè)整體。
這些設(shè)計(jì)原則對(duì)于設(shè)計(jì)適合品牌的網(wǎng)站至關(guān)重要。好的用戶體驗(yàn)讓用戶的生活更加輕松，那些訪問你網(wǎng)站的人應(yīng)該一眼就能找到他們要找的東西。
6. 留白
整合空白（元素之間的空白）是一個(gè)很好的做法，可以確保你的網(wǎng)站不會(huì)堆滿內(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è)信息的人會(huì)主動(dòng)去找到它，但對(duì)大多數(shù)人來說，他們只是想在登陸（首頁/介紹）頁面上看到簡單的內(nèi)容。
