7大(dà)網頁設計秘訣，讓你的網頁脫穎而出
1、定制化
定制化，或者說個性化，是今天網頁設計中(zhōng)最典型的趨勢之一(yī)。用戶希望浏覽網頁的時候獲得更加私人的浏覽體(tǐ)驗，無論是玩頁遊還是購物(wù)。
看看世界上最著名的那些網站是怎麽做的吧。Amazon 爲用戶提供基于購買曆史的産品推薦，Netflix 則會推薦相關的作品、有待觀看的下(xià)一(yī)部，并且基于用戶 Twitter 上的内容來進行推薦。
每一(yī)個微小(xiǎo)的自定義設計，都能讓用戶感覺這些用戶體(tǐ)驗設計是爲他們而做的。同時，這種設計也會給用戶一(yī)種參與感和溝通的體(tǐ)驗，從而加深用戶的忠誠度。如此一(yī)來，用戶會更好地融入整個網站的用戶群或者社區。
2、簡練的動效
另外(wài)一(yī)個大(dà)熱的流行趨勢，就是動效設計。它不僅能爲用戶帶來驚喜，而且具備強大(dà)的引導性。
動效設計的精髓在于簡單。令人頭暈或者不知(zhī)所措的動效，應該不是你要的東西吧?動效應該是有目的性的，和其他所有的設計元素一(yī)樣，有針對性，達成目标是它存在的意義。
3、使用約定俗成的設計模式
對于常見的問題，設計模式就是可靠且可複用的解決方案。簡而言之，最常見的信息和交互方式被整合到一(yī)個界面當中(zhōng)，比如點擊按鈕，滾動頁面，滑動解鎖，它們都是設計師模式。
你需要熟悉這些常見的設計模式，并且在設計界面和交互的時候将它們用進去(qù)。這符合用戶在體(tǐ)驗上的訴求，也是易用性的最基本構成。
同時你也要在自己的設計中(zhōng)創造設計模式，在不同的頁面中(zhōng)使用相同、相似或者規則化的設計，讓用戶習慣。比如，不同頁面中(zhōng)的CTA按鈕的色彩保持一(yī)緻，卡片式的元素使用相同的樣式等等。
4、給設計以性格
沒人會喜歡單調無聊的設計。你的網站應當同你的品牌保持一(yī)緻的性格，擁有獨特的氣息。
要做到這一(yī)點，通常需要用到微妙走心的文案和親切自然的語調如果你真的不知(zhī)道怎麽做，可以看看MailChimp 是怎麽做的。(請注意他們的文本和圖片是如何無縫地連接到一(yī)起的)
5、在屏幕内思考
用戶同網站交互都是在屏幕内進行的，無論是桌面端還是移動端，整個體(tǐ)驗都是圍繞着屏幕進行的。
這并不是一(yī)句廢話(huà)。屏幕是一(yī)個區域，它界定範疇，賦予概念，創造隐喻。這也解釋了爲什麽視差滾動和卡片式界面是如此的流行。這兩種概念将一(yī)定量的信息合理地放(fàng)置到屏幕這個容器中(zhōng)，讓用戶随之同下(xià)一(yī)個元素進行互動。
如何運用好這個概念其實并不是那麽容易。一(yī)個屏幕内應當承載多少信息，需要仔細考慮。一(yī)個桌面端頁面所能承載的信息量在移動端屏幕上，可能需要劃分(fēn)到幾個頁面當中(zhōng)去(qù)。
從屏幕的角度來考慮問題，可能會讓你的計劃更加龐大(dà)複雜(zá)，但是這種考量是有價值的，這種基于屏幕或者基于設備的考慮能讓用戶感覺更加便捷貼心。
6、一(yī)體(tǐ)化的内容和交互
視頻(pín)、遊戲、測試都争取讓用戶能與之進行互動，這種互動的目的在于驅動用戶參與到設計中(zhōng)來。用戶與界面交互的越多，用戶所獲得的體(tǐ)驗就越好。
傳統的Flash動畫也在積極向Html5靠攏，你可以通過《Flash開(kāi)發之HTML5制作升階寶典》之類的課程學習到交互動畫的制作技巧。
你需要注意的是：讓交互内容盡量簡單，不要牽扯太多，讓用戶可以一(yī)目了然，讓他們輕松獲得反饋的信息，不用在冗雜(zá)的體(tǐ)驗中(zhōng)淪陷。這其實和美劇的5分(fēn)鍾原則有着異曲同工(gōng)之妙。
7、輕松有序的設計
最後一(yī)個秘訣并非不重要，它甚至可以說是最基礎的原則：讓你的設計保持幹淨、整潔和有序。使用栅格可以讓每一(yī)個頁面元素都有準确的位置。将響應式設計落實到每一(yī)個元素，能讓頁面能從一(yī)個設備兼容到另一(yī)個設備。如果沒有網頁設計基礎，也可以建議學習下(xià)秒秒學AI網頁設計基礎教程。
簡約風和極簡風能成爲設計趨勢是有道理的。用戶可以更輕松理解這一(yī)切。簡約的視覺設計更容易交互。沒有複雜(zá)信息并且被精心設計的界面能更好地運作，賦予更好的體(tǐ)驗。
蘋果的官方App Store 和Google Play 都推薦過的遊戲 Two Dots 就是個典型案例。誰都可以拿起手機毫無障礙地開(kāi)始玩兒，它設計簡單幹淨，容易互動，視覺元素周圍有足夠的空間，無需擔心誤觸。同時，其他遊戲所具備的東西它也有——有趣好玩，可以共享得分(fēn)，能分(fēn)享到社交媒體(tǐ)。

• 上一(yī)篇：網頁交互設計大(dà)師總結的8項設計原則 2017/8/14
• 下(xià)一(yī)篇：UI頁面設計配色方案之小(xiǎo)白(bái)進階 2017/8/14

本文系本網編輯轉載，轉載目的在于傳遞更多信息，并不代表本網贊同其觀點和對其真實性負責。如涉及作品内容、版權和其它問題，請在30日内與本網聯系，我(wǒ)(wǒ)們将在第一(yī)時間删除内容！
[聲明]本站文章版權歸原作者所有 内容爲作者個人觀點 本站隻提供參考并不構成任何投資(zī)及應用建議。