網站也玩參與感！10個技巧讓用戶擁有暖心的VIP體驗

編者按：參與感適用多個領域，效果顯著，回到網頁設計領域，今天@AnyForWeb_UED?同學分享10個打造參與感的技巧，另附上騰訊多位高級設計師的相關長教程 >>>

網站的參與感也屬于用戶體驗的是否到位的衡量標準之一。我們所認知的用戶體驗可能只是如何讓用戶瀏覽時更順暢舒適？又或是如何讓用戶減少思考和點擊？而這些都只是于網站操作的用戶體驗，還有一種情感上的用戶體驗同樣需要設計師的關注。

以下是為大家搜集的一些能體現網站參與感的相關案例，希望大家能從中學習借鑒。

一、給用戶一個貼近生活的真實場景

對于貼近自己生活的事物會有一種自然而然的親近感。因此，如果能將這些場景融入網站的設計中，很容易讓用戶產生一種愿意自我帶入情境的感覺，有利于引起他們對網站中的其他內容的興趣。

附素材：《無縫融合！一組生活化風格濃厚的Mac素材免費下載》

IMM

二、擬物化場景

擬物化的場景設置很有利于增加畫面的代入感，同時又不失網頁應有的設計感。逼真是擬物化設計的主要特點之一，因此將畫面質量盡可能的接近真實，但又必須很大程度的保證最初的視覺焦點，這是很關鍵的一點。

RedMonkeys

關于擬物在網頁設計中的運用，騰訊設計師有教程：《騰訊美女設計師傾囊相授：抄現實（第一集）》

三、營造具有空間感的立體視角

立體的畫面能令用戶有身臨其境的感覺，正如下面這個網站案例所表現的。遠近交錯的人物和風景讓畫面頓時有了空間感，換一個角度看同樣的場景能帶給用戶完全不一樣的視覺沖擊力。

Mizone

四、故事化網頁設計

故事化網頁設計主要體現的是一種情節。生動有趣的情節能夠將用戶吸引到整個故事中，這對引起用戶情感上的共鳴有很好的效果，故事情節不僅可以帶動用戶的情緒，也讓用戶順勢展開想象。

IULLY

如無法訪問，可前往 微盤 下載梯子。

五、現實與虛擬的結合

手繪風格與真實事物的結合一直被不斷使用，這樣的效果既能把畫面所傳達的含義表現的很清楚，也不會讓畫面設計看起來很沉悶。

Kurka Wolna

六、留白設計讓用戶更有期待

留白能為用戶帶來參與感？你沒看錯！留白設計能讓用戶獲得更多的想象空間，而參與感實際表達的意義就是讓用戶在瀏覽網站的時候不覺得無聊。不一定要讓用戶的視線不斷查找些什么，也不需要讓用戶的鼠標不停地點擊，讓他們自由想象，也許正是情感化設計最終的設計目的。

NewJumo Concept

騰訊同學分享的留白技巧：《LESS IS MORE！五個萬能口訣幫你搞定簡約風格網頁設計！》

七、增強人物代入感

為用戶模擬一個盡可能熟悉的情境，比如案例中的辦公室，設計師用虛實結合的手繪風格設計讓畫面更加生動。這種方法能夠有效的迅速拉近用戶與網站之間的距離，并且不落俗套的產生內心共鳴。

Triangly

八、突出用戶想看的內容

讓用戶能夠一眼就能看到最需要的內容是吸引用戶最直接的方法，而要達到這種效果最簡單常用的設計手法就是將這部分內容盡可能的最大化。

MetropolBand

九、為內容搭建一個適合的“家”

只是將相對乏味的文字默默地放在頁面上，那么，即使再精彩的內容也很可能被忽視。但如果設計師能為這些內容設計一個生動有趣的框架或載體，也許用戶會對此產生更加濃厚的興趣，同時也起到了吸引關注的作用。

Schnapp

十、用戶操作后產生交互反應

在用戶操作之后發生一些適當的交互效果，這是最能讓用戶感受到自身存在感的方法之一，正如@AnyForWeb_UED?為MOCO Design設計的網站。鼠標懸停在導航位置時出現油漆狀的效果，不僅在美觀度上加分不少，也讓用戶及時獲得了他們所希望的簡單反饋。團隊介紹頁面摒棄了常規的設計模式，使用了手繪風格的表現形式，也在鼠標懸停時產生了圖片放大效果。

MOCO

參與感，聽起來可能有些難掌控，但只要把握一些關鍵的要點，網站參與感就能瞬間增加，讓每一位用戶都覺得我自己擁有VIP般的用戶體驗。

【3月份超實用技巧合集】

中國臺灣設計師分享的UI設計師必備技能！
《超實用！UI設計師有哪些應該會寫的文件？（附最新書單）》

中國臺灣設計師手把手教你手繪線框圖！
《給交互的同學！有哪些手繪線框圖的小技巧？》

戳中無數設計師的膝蓋！療傷方法見：
《超贊！如何應對“說不出為什么，就覺得可以更好”的要求？》

投稿者：@AnyForWeb_UED

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量92萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：