俗話說的好，優(yōu)秀的網(wǎng)站有著一樣的美法，而失敗的網(wǎng)站卻有著各自不同的丑法。今天，中科天基不跟眾位網(wǎng)站設(shè)計(jì)師談?wù)撽P(guān)于那些失敗網(wǎng)站各自不同的丑法，我們來聊一聊優(yōu)秀網(wǎng)站相同的七點(diǎn)美法。

取悅用戶的關(guān)鍵在于像用戶一樣思考。并不是每一次創(chuàng)新、每一次重塑、每一種新技術(shù)都能讓用戶愉悅，那些真正易于理解、便于使用、降低難度的技術(shù)、設(shè)計(jì)手法和抓人的視覺元素，才是一切的關(guān)鍵。中科天基下面總結(jié)的幾項(xiàng)秘訣，會讓你的網(wǎng)頁脫穎而出的。

首先，你的網(wǎng)站需要有一項(xiàng)定制服務(wù)，定制化是今天網(wǎng)頁設(shè)計(jì)中最典型的趨勢之一。用戶希望瀏覽網(wǎng)頁的時(shí)候獲得更加私人的瀏覽體驗(yàn)，無論是玩頁游還是購物。

每一個(gè)微小的自定義設(shè)計(jì)，都能讓用戶感覺這些用戶體驗(yàn)設(shè)計(jì)是為他們而做的。同時(shí)，這種設(shè)計(jì)也會給用戶一種參與感和溝通的體驗(yàn)，從而加深用戶的忠誠度。如此一來，用戶會更好地融入整個(gè)網(wǎng)站的用戶群或者社區(qū)。

另外一個(gè)大熱的流行趨勢，就是動效設(shè)計(jì)。它不僅能為用戶帶來驚喜，而且具備強(qiáng)大的引導(dǎo)性。

動效設(shè)計(jì)的精髓在于簡單。令人頭暈或者不知所措的動效，應(yīng)該不是你要的東西吧?動效應(yīng)該是有目的性的，和其他所有的設(shè)計(jì)元素一樣，有針對性，達(dá)成目標(biāo)是它存在的意義。

創(chuàng)造今天動畫的12個(gè)原則：擠壓和拉伸、預(yù)期、登臺、連續(xù)動作和姿態(tài)對應(yīng)、緩進(jìn)緩出、弧形運(yùn)動、次要?jiǎng)幼?、時(shí)序、夸張、立體刻畫、吸引力。

對于常見的問題，設(shè)計(jì)模式就是可靠且可復(fù)用的解決方案。簡而言之，最常見的信息和交互方式被整合到一個(gè)界面當(dāng)中，比如點(diǎn)擊按鈕，滾動頁面，滑動解鎖，它們都是設(shè)計(jì)師模式。

設(shè)計(jì)師要熟悉這些常見的設(shè)計(jì)模式，并且在設(shè)計(jì)界面和交互的時(shí)候?qū)⑺鼈冇眠M(jìn)去。這符合用戶在體驗(yàn)上的訴求，也是易用性的最基本構(gòu)成。

同時(shí)也要在自己的設(shè)計(jì)中創(chuàng)造設(shè)計(jì)模式，在不同的頁面中使用相同、相似或者規(guī)則化的設(shè)計(jì)，讓用戶習(xí)慣。比如，不同頁面中的CTA按鈕的色彩保持一致，卡片式的元素使用相同的樣式等等。

另外，沒人會喜歡單調(diào)無聊的設(shè)計(jì)。網(wǎng)站應(yīng)當(dāng)同你的品牌保持一致的性格，擁有獨(dú)特的氣息。

要做到這一點(diǎn)，通常需要用到微妙走心的文案和親切自然的語調(diào)如果你真的不知道怎么做，可以看看MailChimp 是怎么做的。(請注意他們的文本和圖片是如何無縫地連接到一起的)

同時(shí)，設(shè)計(jì)師應(yīng)該思考一個(gè)屏幕可以承載多少信息，從屏幕的角度考慮問題，可能會讓你的計(jì)劃更加龐大復(fù)雜，但是這種考量是有價(jià)值的，這種基于屏幕或者基于設(shè)備的考慮能讓用戶感覺更加便捷貼心。

中科天基認(rèn)為，做到前幾步之后，開發(fā)者與設(shè)計(jì)師還應(yīng)該考慮一體化的內(nèi)容和交互，視頻、游戲、測試都爭取讓用戶能與之進(jìn)行互動，這種互動的目的在于驅(qū)動用戶參與到設(shè)計(jì)中來。用戶與界面交互的越多，用戶所獲得的體驗(yàn)就越好。

最后，設(shè)計(jì)師應(yīng)該盡量讓自己的設(shè)計(jì)保持干凈、整潔和有序。簡約的視覺設(shè)計(jì)更容易交互。沒有復(fù)雜信息并且被精心設(shè)計(jì)的界面能更好地運(yùn)作，賦予更好的體驗(yàn)。

只要能夠堅(jiān)持做到上面這些設(shè)計(jì)原則，就能讓自己的網(wǎng)站與那些優(yōu)秀的網(wǎng)站一樣美，告別用戶的“丑拒”。