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

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

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