失敗的網頁設計各不相同，但是優秀的網頁設計則有著(zhe)共通的特點。你需要思考人們想要的是什麼(me)，什麼(me)東西能(néng)夠觸動他們，讓他們欲罷不能(néng)，無法忘懷。

聽起(qǐ)來似乎很簡單，不是嗎？取悅用戶的關鍵在于像用戶一樣(yàng)思考。并不是每一次創新、每一次重塑、每一種(zhǒng)新技術都(dōu)能(néng)讓用戶愉悅，那些真正易于理解、便于使用、降低難度的技術、設計手法和抓人

的視覺元素，才是一切的關鍵。下面(miàn)總結的7項秘訣，會讓你的網頁脫穎而出的。

1、定制化

carrie-amazon

定制化，或者說個性化，是今天網頁設計中最典型的趨勢之一。用戶希望浏覽網頁的時候獲得更加私人的浏覽體驗，無論是玩頁遊還(hái)是購物。

看看世界上最著名的那些網站是怎麼(me)做的吧。Amazon 爲用戶提供基于購買曆史的産品推薦，Netflix 則會推薦相關的作品、有待觀看的下一部，并且基于用戶 Twitter 上的内容來進(jìn)行推薦。

每一個微小的自定義設計，都(dōu)能(néng)讓用戶感覺這(zhè)些用戶體驗設計是爲他們而做的。同時，這(zhè)種(zhǒng)設計也會給用戶一種(zhǒng)參與感和溝通的體驗，從而加深用戶的忠誠度。如此一來，用戶會更好(hǎo)地融入整個網站的用戶群或者社區。

天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

2、簡練的動效

1chicago

另外一個大熱的流行趨勢，就是動效設計。它不僅能(néng)爲用戶帶來驚喜，而且具備強大的引導性。

動效設計的精髓在于簡單。令人頭暈或者不知所措的動效，應該不是你要的東西吧？動效應該是有目的性的，和其他所有的設計元素一樣(yàng)，有針對(duì)性，達成(chéng)目标是它存在的意義。

對(duì)動效或者說動畫最熟悉的，無疑是迪士尼。Frank Thomas 的《生命的錯覺：迪士尼動畫》中，就詳細總結了創造今天動畫的12個原則：

·擠壓和拉伸

·預期

·登台

·連續動作和姿态對(duì)應

·緩進(jìn)緩出

·弧形運動

·次要動作

·時序

·誇張

·立體刻畫

·吸引力

3、使用約定俗成(chéng)的設計模式

mayors

對(duì)于常見的問題，設計模式就是可靠且可複用的解決方案。簡而言之，最常見的信息和交互方式被(bèi)整合到一個界面(miàn)當中，比如點擊按鈕，滾動頁面(miàn)，滑動解鎖，它們都(dōu)是設計師模式。

你需要熟悉這(zhè)些常見的設計模式，并且在設計界面(miàn)和交互的時候將(jiāng)它們用進(jìn)去。這(zhè)符合用戶在體驗上的訴求，也是易用性的最基本構成(chéng)。

同時你也要在自己的設計中創造設計模式，在不同的頁面(miàn)中使用相同、相似或者規則化的設計，讓用戶習慣。比如，不同頁面(miàn)中的CTA按鈕的色彩保持一緻，卡片式的元素使用相同的樣(yàng)式，等等等等。

4、給設計以性格

chimp

沒(méi)人會喜歡單調無聊的設計。你的網站應當同你的品牌保持一緻的性格，擁有獨特的氣息。

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

5、在屏幕内思考

mikyna

用戶同網站交互都(dōu)是在屏幕内進(jìn)行的，無論是桌面(miàn)端還(hái)是移動端，整個體驗都(dōu)是圍繞著(zhe)屏幕進(jìn)行的。

這(zhè)并不是一句廢話。屏幕是一個區域，它界定範疇，賦予概念，創造隐喻。這(zhè)也解釋了爲什麼(me)視差滾動和卡片式界面(miàn)是如此的流行。這(zhè)兩(liǎng)種(zhǒng)概念將(jiāng)一定量的信息合理地放置到屏幕這(zhè)個容器中，讓用戶随

之同下一個元素進(jìn)行互動。

如何運用好(hǎo)這(zhè)個概念其實并不是那麼(me)容易。一個屏幕内應當承載多少信息，需要仔細考慮。一個桌面(miàn)端頁面(miàn)所能(néng)承載的信息量在移動端屏幕上，可能(néng)需要劃分到幾個頁面(miàn)當中去。

從屏幕的角度來考慮問題，可能(néng)會讓你的計劃更加龐大複雜，但是這(zhè)種(zhǒng)考量是有價值的，這(zhè)種(zhǒng)基于屏幕或者基于設備的考慮能(néng)讓用戶感覺更加便捷貼心。

6、一體化的内容和交互

uncharted

視頻、遊戲、測試都(dōu)争取讓用戶能(néng)與之進(jìn)行互動，這(zhè)種(zhǒng)互動的目的在于驅動用戶參與到設計中來。用戶與界面(miàn)交互的越多，用戶所獲得的體驗就越好(hǎo)。

不過(guò)，有趣的元素能(néng)讓這(zhè)一切截然不同。

讓交互内容盡量簡單，不要牽扯太多，讓用戶可以一目了然，讓他們輕松獲得反饋的信息，不用在冗雜的體驗中淪陷。這(zhè)其實和美劇的5分鍾原則有著(zhe)異曲同工之妙。

7、輕松有序的設計

2dots

最後(hòu)一個秘訣并非不重要，它甚至可以說是最基礎的原則：讓你的設計保持幹淨、整潔和有序。使用栅格可以讓每一個頁面(miàn)元素都(dōu)有準确的位置。將(jiāng)響應式設計落實到每一個元素，能(néng)讓頁面(miàn)能(néng)從一個設

備兼容到另一個設備。

簡約風和極簡風能(néng)成(chéng)爲設計趨勢是有道(dào)理的。用戶可以更輕松理解這(zhè)一切。簡約的視覺設計更容易交互。沒(méi)有複雜信息并且被(bèi)精心設計的界面(miàn)能(néng)更好(hǎo)地運作，賦予更好(hǎo)的體驗。

蘋果的官方App Store 和Google Play 都(dōu)推薦過(guò)的遊戲 Two Dots 就是個典型案例。誰都(dōu)可以拿起(qǐ)手機毫無障礙地開(kāi)始玩兒，它設計簡單幹淨，容易互動，視覺元素周圍有足夠的空間，無需擔心誤觸。

同時，其他遊戲所具備的東西它也有——有趣好(hǎo)玩，可以共享得分，能(néng)分享到社交媒體。

結語

界定一個網站的體驗與否有的時候并不是單一的标準，而今天所推薦的7條秘訣本身也更接近于基本的Guideline，了解用戶，熟悉趨勢才能(néng)提供優秀的體驗。

原文地址：designshack

原文作者： CARRIE COUSINS 

優設譯文：@陳子木

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。