科技，似乎越來越成為一個“黑盒”。例如，你雖然每天都在使用支付寶，但是你的錢是如何從自己的賬戶到商家的賬戶的，原理和安全機(jī)制是什么，就如同一個“黑盒”。
網(wǎng)頁設(shè)計也是如此。建站公司做好一個網(wǎng)站，你知道看起來比較“高端大氣上檔次”，但是為什么會這樣設(shè)計呢？本文，我們試圖解解密。

網(wǎng)頁設(shè)計的原則之費(fèi)茨定律

費(fèi)茨定律是這樣的：移動所需要的時間與目標(biāo)大小和距離有關(guān)。鼠標(biāo)移動也是如此。
當(dāng)訪客將指針從一個地方移動到目標(biāo)的時間，與移動距離和目標(biāo)大小有關(guān)。
因為這一定律，如果需要用戶移動的距離太長，花費(fèi)的時間太多，用戶體驗不好。
因為這一定律，如果目標(biāo)設(shè)置的太小，導(dǎo)致移動的時間太長，用戶體驗也不好。
該定律對網(wǎng)頁設(shè)計師的啟示是：
按鈕應(yīng)該設(shè)置在網(wǎng)頁的邊距附近，這樣可以縮短用戶從任何一個地方移動到目標(biāo)的距離。
按鈕的大小應(yīng)該合適，如果需要長距離移動，應(yīng)該增大按鈕，可以減少移動時間。

網(wǎng)頁設(shè)計原則之自然適應(yīng)律

在網(wǎng)頁設(shè)計領(lǐng)域，關(guān)于cta中顏色的使用有很多爭論;特別是，設(shè)計師們對于cta中紅色、藍(lán)色或橙色是最好的顏色非常著迷，但是一旦你理解了自然適應(yīng)律，就不必糾結(jié)了。
自然適應(yīng)律表明，我們在反復(fù)(或長時間)接觸刺激后，最終會對其失去興趣。作為一個網(wǎng)頁設(shè)計師，這影響了你對顏色的使用。例如，如果您使用藍(lán)色的配色方案設(shè)計了一個很長的銷售頁面，其中大多數(shù)元素都是藍(lán)色的，那么使用藍(lán)色的CTA也會導(dǎo)致較差的轉(zhuǎn)換。這是因為用戶已經(jīng)習(xí)慣了藍(lán)色，不太可能注意到藍(lán)色的CTA;它對他們來說并不突出，因此被忽略了。
這一規(guī)律對網(wǎng)頁設(shè)計的啟示是：
在網(wǎng)頁設(shè)計領(lǐng)域，使用藍(lán)色配色方案然后使用橙色CTA的站點(diǎn)可能會表現(xiàn)得更好。這是因為橙色不同于網(wǎng)站上使用的主配色方案——用戶還沒有適應(yīng)它——當(dāng)它突然出現(xiàn)時，可能會引人注目。
同樣，網(wǎng)站通常使用藍(lán)色的配色方案，但使用橙色的CTA，這是顯而易見的。
作為一個網(wǎng)頁設(shè)計師，學(xué)會在設(shè)計關(guān)鍵元素時利用對比的力量。你的網(wǎng)站設(shè)計的重要元素應(yīng)該使用不同于主配色方案的顏色，以幫助他們脫穎而出。

網(wǎng)頁設(shè)計的原則之希克定律

如果你想設(shè)計的網(wǎng)站提高轉(zhuǎn)化率，你的網(wǎng)站設(shè)計必須與選擇的原則的理解。更重要的是，你要了解?？硕桑?jù)此設(shè)計你的網(wǎng)站。
希克斯定律指出，給出的選擇時長決定了選擇決策。簡言之，選擇所耗費(fèi)的時間越短，用戶越愿意做出選擇。例如，如果頁面加載時間延遲1秒，則會導(dǎo)致轉(zhuǎn)換減少7%。只刪除一個表單字段可以將轉(zhuǎn)換提高50%。60%的在線求職者會因為表單太長或太復(fù)雜而放棄它。
總之，這些都與希克定律有關(guān)。
希克定律給網(wǎng)頁設(shè)計師的啟示是：
提高網(wǎng)頁的加載速率，可以提高用戶留存率；
表單的設(shè)計應(yīng)該簡短，讓訪客快速提交填寫，減少不必要資料的提交；
如上三個設(shè)計定律，設(shè)計師應(yīng)該在設(shè)計工作中，邊學(xué)邊實(shí)踐，邊學(xué)邊體會。