如何用視覺畫面調(diào)動用戶的情感？來看這些方法！

@frmsyu ：2016年，我所做的產(chǎn)品經(jīng)歷了一次定位變化，我們重新定義了品牌風(fēng)格。在這個過程中，我盼望產(chǎn)品從里到外傳遞的是統(tǒng)一種內(nèi)核的東西，因此作為品牌落地的一角，我重新繪制了所有空網(wǎng)頁的插圖。而對怎么調(diào)動牽引用戶的情緒，怎么和他們產(chǎn)生共鳴，怎么做情感化也積攢了一些小我的看法和經(jīng)驗，雖然我不再負(fù)責(zé)這個產(chǎn)品后續(xù)的設(shè)計了，但作為本身主導(dǎo)的一個特別很是完備的項目，帶給了我許多感悟。想做一些風(fēng)趣、不落俗套耐人尋味的東西出來其實并沒有很難，你只必要一些小小的情懷去做一些野心很大的事就ok了。

我們對產(chǎn)品的風(fēng)格定義是賤萌，所有插圖的設(shè)計應(yīng)該緊貼品牌調(diào)性。讓用戶‘共情’？方法大家都知道——單一的情緒表達(dá)很難讓用戶產(chǎn)生共鳴，場景化的講故事，卻很容易代入人的情感。但這里要細(xì)致的是，場景之間也是有區(qū)別的，比如：

 怎樣表達(dá)孤獨？

一盞朦朧的油燈下，年輕人不知所歸，這是一種孤獨，但是如許的場景不是我們必要的，它透出來的是一種負(fù)面悲觀的情緒。產(chǎn)品所有能傳遞情緒的地方都應(yīng)該和品牌情緒是同等的。我們要的是戲謔的表達(dá)孤獨。假如你覺得靈感枯竭，這里有個小竅門：適度關(guān)聯(lián)，雄厚場景。將有關(guān)的無關(guān)的場景進(jìn)行拼接，你甚至可以從任何地方吸取有效的“佐料”。

可以換一種和產(chǎn)品氣質(zhì)符合的口吻來講孤獨這件事——‘“沒人和我一路玩，好無聊呀（打滾狀）”。

畫面的氣質(zhì)是不是立刻變得容易捕獲了？但光有這些還不夠，在你通過發(fā)散、聯(lián)想獲得了許多idea后，還要對每一個故事的可塑性進(jìn)行評估，畢竟，只通過靜幀圖片來傳達(dá)復(fù)雜的故事并盼望用戶能快速的攫取到趣味是不太可能的，所以你要考慮的是，在對故事進(jìn)行精簡收縮后，你想表達(dá)的東西是否依然能躍然紙上？在這個階段，設(shè)計師包括我本身，最容易陷進(jìn)去的一個盲區(qū)是，沉浸在本身的想法中無法自拔并拼命去享受和揣摩那些極渺小的細(xì)節(jié)，而忽略了去研究快速傳達(dá)這件事，所以，當(dāng)自大的我們?nèi)ヂ裨褂脩舻臅r候也要想想是不是由于我們陷入了自說自話而忽略了去做情感的橋接？

換一種描述，再來體現(xiàn)“孤獨”：好無聊（打滾狀），找不到人跟我一路玩，去看看那邊在干嗎（默默地…）。

在這個對場景幻想的句式中，我加入了許多形容詞、前后文的聯(lián)想和因果，神奇的是，畫面的張力立刻被加強了。

于是我開始構(gòu)思圖形，最開始，我想設(shè)計一小我在地上畫圈圈數(shù)螞蟻。而這時候我停下來了，就像上面我說的那樣，這個場景圖形化以后可能結(jié)果并不好，為了把故事表達(dá)清楚我很有可能會把畫面搞的很復(fù)雜零散，這不是我要的。我盼望的是，空網(wǎng)頁的插圖既要簡潔明快又要直指人心，讓用戶可以快速的識別并感受到風(fēng)趣，于是我把螞蟻這個互動對象改成了大家熟知并且自己就有肯定喜感的小黃鴨，主角偷偷摸摸的偷窺和鴨子媽媽的害羞形成對比，構(gòu)成張力，更具喜感結(jié)果更足。

圖形的創(chuàng)意有了每每還不夠，文案的作用在于錦上添花。個性化的文案設(shè)計，不要一紙捅破也不要離主題十萬八千里遠(yuǎn)，雖然我們說出如今產(chǎn)品中的筆墨要有高服從，但是在一些可以個性化顯現(xiàn)的地方，要好好把玩斟酌住筆墨的情緒。同時，還有幾點：

1.不要用飭令式的、指令性很強的語氣。

2.避免傻瓜式的敘述。

3.假如出錯了，提供一個解決辦法。

這兩個文案對比，右側(cè)的‘啊哦，還沒有關(guān)注任何人’很顯然是一句毫偶然義的陳白，筆墨沒有和圖形很好的配合上，就算你的圖形創(chuàng)意再好，在文案的情緒表達(dá)上也被扣了分。要讓畫面更協(xié)調(diào)，更易調(diào)動觀者的心，圖形和筆墨要配合得相得益彰，請多加看重筆墨的情緒表達(dá)。

在上面講的這個例子里，你是不是已經(jīng)找到一些方法了？我來總結(jié)一下，單一的情緒不好體現(xiàn)，我們?yōu)榱四芸熳x調(diào)動用戶的情感，必要找到一個合適的場景代入設(shè)計，場景和場景的表達(dá)又不一樣，我們必要遵循我們的黃金準(zhǔn)則，情緒點的設(shè)計要同一，選擇一種戲謔的手法來加強喜感。你的想法在圖形化以后要充足簡潔有說服力，而不是設(shè)計者自我迷戀旁人卻完全感受不到。

讓我們再看一個例子——“無關(guān)注的人”。不要受限定于 ‘啊哦，你沒有關(guān)注任何人，快去添加關(guān)注吧’ 這種常規(guī)表達(dá)，跳出圈子，比如我在這里將‘你沒有關(guān)注任何人’這個概念巧妙的嫁接成了“默默關(guān)注一小我好久卻不敢表達(dá)”。

風(fēng)趣的事物可以讓人產(chǎn)生愉悅的感受，在肯定程度上其實也轉(zhuǎn)化了為空狀況的難堪和失落。找到了更風(fēng)趣的表達(dá)后，接下來的義務(wù)就是怎么圖形化傳達(dá)這種情緒。

怎樣表達(dá)喜好？

我設(shè)計的場景是如許的：下學(xué)后蹲在墻角等那個偷偷關(guān)注好久的人。我們必要的是逗比的小開心，而不是嚴(yán)重焦急的等待，為了避免畫面?zhèn)鬟f出錯誤的情緒，必要在圖形創(chuàng)意上深加工。

圖形創(chuàng)意上的深加工：頭帶一枝花，而不是手里拿著花，后者看上去太虔敬，不是我要的情緒。煽情同樣不是我想要的，我沒有讓主人公看起來是很嚴(yán)重的在等待誰，而是壞壞的讓他躲在樹叢里好像是想隨時跳出來嚇誰一跳?？傊蚁胱龅氖?，避免正面刻板的形象，避免那種一眼就能看到底的設(shè)計，盡可能不落俗套讓用戶看到這個畫面之后可以有更多想象的空間。

細(xì)致筆墨的情緒，第一段筆墨只是在簡單的陳述，第二段文案指令性過強，我們必要一種戲謔的娛樂式的語言。第三段文案里，前面的反問，首先做一個開場，把用戶的情緒調(diào)起來，然后的錯愕驚奇是一種夸張，最后用戲謔的口吻委婉的透露表現(xiàn)你可以去做什么，而不是飭令用戶去做。

當(dāng)然，有的時候你也不必要費盡心力去勾畫一個場景，接下來看看最后一個例子。

 行使反差萌體現(xiàn)趣味

（假裝本身是圖片）這個例子我就不放設(shè)計圖了，給大家簡單描述一下，下方是主人公，主人公頭上頂著他的小寵物，小寵物萌萌的在表達(dá)歡喜，而主人公則是一臉黑線，下方的文案是“?要我怎么做，你才會愛我? 抱歉，粉絲團粒只剩它了。。?！?/p>

這個例子我沒有效到任何場景，而是通過兩個角色之間的強烈對比，增長這種戲劇結(jié)果。在這個畫面里，你可以理解為上面的形象在萌萌的求關(guān)注，也可以理解為下面的形象由于只剩下一只貓頭鷹為伴而倍感氣氛，一上一下兩種截然不同的情緒形成了搞笑的反差，戲外甚至飄來了歌聲來戲謔這兩個可憐的小生物。

最后，我來整頓一下：情感化的設(shè)計最緊張的是要想辦法和用戶‘共情’，研究產(chǎn)品目標(biāo)用戶群身上的特質(zhì)，設(shè)計和他們有過共同記憶片段的場景。舉個例子，假如你的用戶是80后，你又要體現(xiàn)復(fù)古情懷的時候，你的設(shè)計中出現(xiàn)卡帶這種東西是沒有題目的。而假如你的用戶群是00后，你設(shè)計卡帶可能就有點設(shè)計師自我迷戀的懷疑了。而假如你想和我一樣，來點畫風(fēng)清奇、搞怪風(fēng)趣的創(chuàng)意表達(dá)，又一向苦于打不開腦洞的話，這里有幾個tips盼望能對你有幫助：

tips1：使用和你產(chǎn)品氣質(zhì)同等的描述詞，同時避免空洞的鋪陳

我記得曾經(jīng)為一個叫做‘一路神回復(fù)’的模塊配場景圖，創(chuàng)意的發(fā)揮一度很受限定，由于我在腦海里一向搜索的關(guān)鍵詞是討論、熱情、知識、激烈，最后我沒有得到任何想法。這之后，我又去反復(fù)的研究這句文案，我發(fā)現(xiàn)我的表述詞和文案給出的性格甚至和我們團體的用戶群是毫無共性的。而偶然候，鬼點子和創(chuàng)意是必要一些方法召喚出來的，于是，我把描述詞換成了‘神經(jīng)質(zhì)，屌，不茍言笑的胡說八道，中二病’后，靈感撲面而來，半小時不到方案成型：

tips2：適度關(guān)聯(lián)，豐滿場景

靈感這種東西是可遇不可求的，而在平時的設(shè)計工作中，因為時間點義務(wù)量和審核的壓力，設(shè)計師總會處在一種壓力之下，這是有礙靈感來找你的，那是不是我們就毫無對策出好作品了呢？不然，創(chuàng)意的構(gòu)思也不光是憑空而來，將有關(guān)系的和沒有關(guān)系的場景、元素拼貼組合，每每能給你許多驚喜，甚至偶然會有一點出其不意。在你打了一套天馬行空的組合拳后終于撕開了靈感的一道口子，不要止步，就像寫一篇文章一樣，你如今有了最核心的部分，但是還不夠，你必要或前或后再續(xù)一點篇幅，把想象空間填滿，讓故事更豐滿，在這其中再找到那個最能勾起情緒的突破口。

tips3：圖形化思維，合理放大

不是每一個你認(rèn)為的想法都會有一個完善的顯現(xiàn)，這受限于圖形化的情勢。假如你是一個四格漫畫或者動態(tài)圖，可能表達(dá)的空間會更大，但是靜幀圖片信息的含有量是固定的，并且同時你還要去思考高效的讓用戶接受這件事，因此每一處的設(shè)計都必須是經(jīng)過深度思考和權(quán)衡的。不必過分在意那些極度渺小的地方（這里我的意思并不是說摒棄設(shè)計細(xì)節(jié)），而是將你想表達(dá)的那個點放大，夸張出來，會更有助益讓觀者最快的接近你想傳遞的東西。

tips4：細(xì)致筆墨的魅力

筆墨和圖形一樣，也是一種情緒的載體，文案和圖形配合的越是天衣無縫，你的畫面就越協(xié)調(diào)。你可能覺得我夸大了筆墨的力量，再來看個例子：???????

題目：這是某個愛好領(lǐng)域下對簽到用戶的展示，這個模塊穿插在信息流里所以對展示結(jié)果有許多限定，不能渲染過重，要柔和，能盡量與其他信息相融，不要讓用戶的視覺線走到這里的時候感到突兀。

目標(biāo)：我不可以把整個卡片做重，但還要讓用戶細(xì)致到，并且假如能通過設(shè)計，給他一種快去簽到的正向鼓勵是最好的。怎么達(dá)成這個目標(biāo)？

解決：這個地方我串聯(lián)了用戶頭像和前方指導(dǎo)的卡通形象，巧妙的造成一種‘排隊做某件事’的假象，大眾生理是愛湊熱鬧，這時候能略微勾起人的好奇心是最好的。除此之外，文案發(fā)揮了很緊張的作用，他加強了這種‘他們都在做，我也去看看或者我不能落下’的生理暗示，和整個情勢的設(shè)計配合的相得益彰。

效果：最終上線后有一些反饋的聲音，產(chǎn)品發(fā)現(xiàn)這個地方特別很是容易誘發(fā)點擊，所以在探究是否將簽到功能直接補進(jìn)去。這種反饋恰好從一個側(cè)面驗證了設(shè)計的精確性。我們不光是能完成基本的功能表達(dá)，甚至能從一些角落正向的完美產(chǎn)品意圖，這正是說明了設(shè)計的價值所在。

由這個例子有感而發(fā)，說一些題外話。我總在思考設(shè)計價值的表現(xiàn)是什么？我們不管做什么事，要么是喜愛牽引，從心而為；要么是有利益驅(qū)動有目標(biāo)的行進(jìn)。假如你的義務(wù)沒有明確的策略、機制去鼓勵用戶，而又盼望他們?nèi)シe極的參與和使用，那就要好好設(shè)計一番了，這個設(shè)計并不是指的局促的視覺顯現(xiàn)，而是去研究人的舉動動機。好奇是人的天性，容易被簡單風(fēng)趣的事物吸引也是天性之一。設(shè)計師許多時候是站在產(chǎn)品的立場隔著屏幕和人對話，你可能沒有辦法強迫用戶去做什么事，但假如能找到一些天然驅(qū)動他的辦法出來，這大概就是設(shè)計價值表現(xiàn)出來的一壁。