編者按：一見鐘情可以靠臉，但想暖到人心窩里頭還是得用心，今天騰訊的同學(xué)拋開表面的視覺功夫，聊聊如何利用情感化設(shè)計(jì)真正打動(dòng)用戶，這也是今年非常火的設(shè)計(jì)趨勢(shì)，強(qiáng)烈推薦同學(xué)們學(xué)起來(lái)。

在目前的互聯(lián)網(wǎng)設(shè)計(jì)中，情感化設(shè)計(jì)越來(lái)越多被人所提及。隨著科學(xué)技術(shù)的發(fā)展,使得用戶對(duì)產(chǎn)品滿足人的心理需求方面提出了更高的要求，在目前的社會(huì)發(fā)展環(huán)境下，設(shè)計(jì)師也已經(jīng)不能僅僅只是沉醉在酷炫的視覺效果，更多的要去思考怎樣通過(guò)設(shè)計(jì)來(lái)拉近產(chǎn)品與人們的距離，讓產(chǎn)品觸及到用戶的內(nèi)心，使他產(chǎn)生情感的變化，從而增強(qiáng)用戶對(duì)產(chǎn)品的粘性。

本文多為優(yōu)秀案例剖析，具體的方法還得看：

• 基礎(chǔ)知識(shí)補(bǔ)充：《推薦：淺談情感化設(shè)計(jì)》
• 色彩幫你忙：《用戶對(duì)設(shè)計(jì)沒印象？教你如何創(chuàng)建情感聯(lián)系》

首先我們來(lái)看幾個(gè)例子：

這個(gè)是我們?cè)L問頁(yè)面時(shí)，時(shí)常會(huì)見到的404頁(yè)面。

設(shè)計(jì)師通過(guò)情感化的圖形設(shè)計(jì)以及充滿人文關(guān)懷和社會(huì)責(zé)任的設(shè)計(jì)讓原本冷冰冰的服務(wù)器反饋?zhàn)兊贸錆M人情味。

看了兩個(gè)還沒有靈感的同學(xué)，來(lái)這兒汲到飽：《想要不鬧心的404界面？這組優(yōu)秀范例能幫到你》

另外一個(gè)比較有代表性的案例應(yīng)該就是淘寶時(shí)光機(jī)和易迅獨(dú)家記憶了。它們從用戶長(zhǎng)期使用過(guò)程中沉淀的歷史數(shù)據(jù)中，發(fā)掘出觸動(dòng)用戶內(nèi)心的故事。

下面再看看情感化設(shè)計(jì)在游戲游戲視覺包裝領(lǐng)域中的嘗試；

QQ游戲品牌站：

設(shè)計(jì)師在QQ游戲十年品牌站的設(shè)計(jì)中，以在這十年的沉淀中，玩家的數(shù)據(jù)資源，以一種輕松、幽默的方式進(jìn)行展示，通過(guò)插畫的視覺表現(xiàn)手段，觸發(fā)用戶的情感共鳴。在無(wú)形中傳遞了QQ游戲“無(wú)處不在的快樂”的品牌理念。

通過(guò)上面的案例我們可以看出情感化設(shè)計(jì)的價(jià)值，那何為情感化設(shè)計(jì)呢？

情感化的設(shè)計(jì)只是一種創(chuàng)意工具，表達(dá)和發(fā)揮設(shè)計(jì)師的思想和設(shè)計(jì)目的,在《情感化設(shè)計(jì)》（PDF 微盤下載，喜歡的同學(xué)請(qǐng)購(gòu)買正版呦）一書中從知覺心理學(xué)的角度揭示了人的本性3個(gè)特征層次：即本能的、行為的、反思的，提出了情感和情緒對(duì)于日常生活做決策的重要性。

編者注：能在不同的場(chǎng)景下引導(dǎo)用戶的情緒是一門非常了不起的學(xué)問，來(lái)自大眾點(diǎn)評(píng)的頂尖案例：《重磅推薦！如何設(shè)計(jì)傳單才不會(huì)被人隨手扔掉？》

筆者在這次的御龍?jiān)谔斓闹苣陸c的設(shè)計(jì)中也進(jìn)行了情感化設(shè)計(jì)的嘗試：從本能的設(shè)計(jì)，行為設(shè)計(jì)，反思設(shè)計(jì)3個(gè)層面出發(fā)，幫助玩家拾御龍?jiān)谔熘械狞c(diǎn)滴。回憶在游戲中的成就與失敗，歡樂與淚水，促發(fā)用戶的情感反思以及加深對(duì)游戲產(chǎn)品的粘性。

1\本能的設(shè)計(jì)關(guān)注于外形的視覺效果。可以結(jié)合游戲中熟悉的場(chǎng)景，角色，道具等圖形所呈現(xiàn)的視覺效果來(lái)引起玩家的共鳴。

通過(guò)插畫重現(xiàn)御龍玩家每日要完成的一些任務(wù)以及事件。例如每日出征國(guó)戰(zhàn)和斬殺敵軍，以及偷取經(jīng)書等任務(wù)和事件。

2、行為的設(shè)計(jì)。

即通過(guò)網(wǎng)站體驗(yàn)的優(yōu)化設(shè)計(jì)。讓玩家可以在體驗(yàn)獲得樂趣。

網(wǎng)站整體設(shè)計(jì)成一條路連接著各種場(chǎng)景和事件。在經(jīng)過(guò)某個(gè)場(chǎng)景會(huì)觸發(fā)其中的互動(dòng)效果。

例如：

3、反思的設(shè)計(jì)。通過(guò)把整個(gè)網(wǎng)站把玩家從游戲中經(jīng)歷的事件一一通過(guò)數(shù)據(jù)和圖形表現(xiàn)。呼起玩家的回憶。引發(fā)玩家共鳴。

玩家在游戲中馳騁沙場(chǎng)。

在游戲中結(jié)交兄弟和獲得愛情。

以及在游戲中成就大業(yè)。

總結(jié)：

在平常的設(shè)計(jì)中，設(shè)計(jì)師所承擔(dān)并不是單單把信息被動(dòng)冷冰冰的展現(xiàn)給玩家。更應(yīng)該用好“情感化”這張牌。讓玩家在“情”與“景”的雙重沖擊下。完成對(duì)玩家的情感植入。增強(qiáng)對(duì)產(chǎn)品的粘性。

情感化設(shè)計(jì)可以廣泛運(yùn)用到各個(gè)方面，QQ新出的小紅點(diǎn)就是一個(gè)成功案例，非常推薦同學(xué)們學(xué)習(xí)：《讓創(chuàng)意落地！QQ手機(jī)版5.0“一鍵下班”設(shè)計(jì)小結(jié)》

【優(yōu)設(shè)本月最受歡迎好文人氣榜】

Top 1：食色性也。何況.....還能漲姿勢(shì)？！
《關(guān)起門來(lái)漲姿勢(shì)！如何從AV封面中學(xué)習(xí)平面設(shè)計(jì)？》

Top 2：真正的干貨，簡(jiǎn)直是配色版的濃縮高湯！
《色彩搭配速成！3個(gè)實(shí)用方法幫你全面搞定配色》

Top 3：一口氣理解設(shè)計(jì)與營(yíng)銷，大牛實(shí)戰(zhàn)案例！
《重磅推薦！如何設(shè)計(jì)傳單才不會(huì)被人隨手扔掉？》

原文地址：tgideas.qq
作者：阿斌

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量87萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：