能成功傳遞出情緒和情感的頁(yè)面,同樣也是要看臉的
設(shè)計(jì)和藝術(shù)有真大的差別,很大程度上,設(shè)計(jì)算得上是一門(mén)體系科學(xué)。所以,當(dāng)生理學(xué)原理和設(shè)計(jì)的技巧結(jié)合到一路的時(shí)候,并不令人驚奇。其實(shí),在進(jìn)行設(shè)計(jì)的時(shí)候,設(shè)計(jì)師或多或少地會(huì)運(yùn)用到一些生理學(xué)的規(guī)律和原理,來(lái)提拔設(shè)計(jì)作品的參與度,強(qiáng)化和用戶之間的情感聯(lián)系。
在諸多規(guī)律當(dāng)中,使用包含人臉或者人物的圖片來(lái)同用戶建立情感聯(lián)系,是最常見(jiàn)的一種結(jié)合了生理學(xué)的策略。人臉元素能夠讓APP/網(wǎng)站/海報(bào)看起來(lái)更加人性化,更容易創(chuàng)造明確的情感和情緒上的共鳴。那么,在現(xiàn)實(shí)的設(shè)計(jì)過(guò)程中,這種設(shè)計(jì)手法詳細(xì)有著哪些講究呢?今天的文章,我們來(lái)聊聊這些技巧。
與用戶關(guān)聯(lián)
對(duì)于可能同用戶產(chǎn)生關(guān)聯(lián)的元素,每個(gè)設(shè)計(jì)師心中可能都有一個(gè)列表。色彩,按鈕大小,文案這些元素都可能都會(huì)影響到用戶參與度和網(wǎng)頁(yè)的轉(zhuǎn)化率,但是一張真實(shí)的人類(lèi)面孔所帶來(lái)的影響可能會(huì)更加明顯。
想想你最喜好的那些網(wǎng)站,人類(lèi)的面孔是不是會(huì)更容易讓你細(xì)致到,更容易被聚焦?細(xì)心回想一下那些能夠影響到你決策的廣告、文章、內(nèi)容,其中是不是有相稱一部分都包含有各種個(gè)月的面孔和表情?
屏幕上包含有人物和面孔的圖片,能夠更好地觸發(fā)用戶的情緒,這些被精心設(shè)計(jì)的面孔能夠引起用戶共情:“他們和我是統(tǒng)一類(lèi)的人”或者“我想要和他一樣”。如許的情緒是隱晦而非直接的,但是它們能夠讓用戶對(duì)于這個(gè)面孔背后的產(chǎn)品或者服務(wù)產(chǎn)生愛(ài)好。
Kissmetrics 這個(gè)博客列舉出了提拔用戶參與度和轉(zhuǎn)化率的5種生理學(xué)原則,其中之一就是用戶對(duì)于面孔的識(shí)別,能夠吸引用戶細(xì)致力,并且傳達(dá)情感:
人的面孔對(duì)于用戶的吸引力比其他的元素要大得多,這是一種生物本能。所以,你可以借助這一規(guī)律指導(dǎo)用戶細(xì)致到網(wǎng)頁(yè)中關(guān)鍵性的元素。尤其是當(dāng)你網(wǎng)頁(yè)中的面孔雙眼恰好指向CTA按鈕,那么絕大多數(shù)的用戶會(huì)沿著視線去探求位于那個(gè)方向的按鈕。
用表情來(lái)營(yíng)造情感基調(diào)
當(dāng)你細(xì)致到別人打哈欠的時(shí)候,你會(huì)不會(huì)也有類(lèi)似的沖動(dòng)呢?情緒、舉動(dòng)其實(shí)都會(huì)受到別人的影響,有的是從眾生理,有的則源于暗示,但是無(wú)論如何,情緒和舉動(dòng)是具有“傳染性”的。幾乎所有的情緒都具有某種意義上的傳染性,而帶有面孔的圖片會(huì)借由氛圍、色彩、布局和表情來(lái)傳遞快樂(lè)、奮發(fā)、痛楚、孤獨(dú)、討厭、憤怒等不同的情緒。換句話來(lái)說(shuō),圖片能夠營(yíng)造出情感氛圍。
這種說(shuō)法并非主觀認(rèn)知,而是有科學(xué)和理論支撐的:
我們認(rèn)知系統(tǒng)當(dāng)中的各種感覺(jué)和印象,很大程度上是外部的社會(huì)化的影響所作育的。表面、表情和人物形象之所以這么緊張,是由于它們即使痕跡很渺小也同樣可以有用地傳遞感覺(jué),塑造觀者腦中的印象。
當(dāng)然,情感聯(lián)系的建立不僅僅是寄托圖片中人物的表情,圖片的質(zhì)量、氛圍和內(nèi)容以及傳遞信息的體例與質(zhì)量也同樣會(huì)影響情感聯(lián)系。而這些又會(huì)隨著文化、用戶年齡和領(lǐng)域而出現(xiàn)差異,因此,在選擇設(shè)計(jì)項(xiàng)目的圖片的時(shí)候,請(qǐng)細(xì)心思考你的用戶受眾和他們想要的東西,精準(zhǔn)地設(shè)計(jì)內(nèi)容。(這也是為什么你必要做充足的用戶研究)
為了創(chuàng)建出足以驅(qū)動(dòng)用戶參與甚至融入的設(shè)計(jì),你必要在設(shè)計(jì)中加入和產(chǎn)品或者服務(wù)相匹配的表情和情感。許多產(chǎn)品一味地使用笑貌來(lái)創(chuàng)建積極的情緒,但是許多時(shí)候,精確比積極更緊張。
建立信賴
假如用戶能夠看到產(chǎn)品和服務(wù)的創(chuàng)建者的臉,有助于建立產(chǎn)品品牌和用戶之間的情感關(guān)聯(lián),通過(guò)真實(shí)的人讓用戶對(duì)于產(chǎn)品更加信賴。在這種設(shè)計(jì)策略之下,面孔和表情能夠通過(guò)下面的體例來(lái)實(shí)現(xiàn)這一點(diǎn):
- 用戶通過(guò)團(tuán)隊(duì)成員照片看到項(xiàng)目的參與者的臉
- 可以讓用戶以積極的體例看到產(chǎn)品或服務(wù)同人交互的場(chǎng)景
- 用戶可以通過(guò)面部表情和肢體語(yǔ)言中了解到用戶對(duì)于項(xiàng)目的現(xiàn)實(shí)感受,視頻是個(gè)不錯(cuò)的顯現(xiàn)渠道
- 讓某些使用者真實(shí)地闡述使用體驗(yàn)
- 圖片和視頻是顯現(xiàn)品牌可信度的緊張渠道,當(dāng)然你得讓它們看起來(lái)充足真實(shí)
越多真實(shí)的用戶查看你的網(wǎng)站,才能讓更多的用戶漸漸對(duì)它產(chǎn)生信賴。假模特有的時(shí)候不知道如何精確地與產(chǎn)品交互,這現(xiàn)實(shí)上可能對(duì)品牌造成危害。當(dāng)然,使用真實(shí)的工作人員和用戶會(huì)更有用果,但是肯定要確保圖片素材充足優(yōu)質(zhì),氛圍也營(yíng)造得到位。
指導(dǎo)視覺(jué)
圖片中人物形象的臉?biāo)軇?chuàng)造的情感聯(lián)系,合理的運(yùn)用還能在網(wǎng)頁(yè)中起到視覺(jué)指導(dǎo)的作用。借助這些人物形象,你可以幫助用戶了解接下來(lái)要看哪里。
用戶可以通過(guò)圖片中人物的眼睛朝向,被指導(dǎo)著看接下來(lái)的內(nèi)容。
眼神接觸是絕大多數(shù)人在溝通交流的時(shí)候,需要的舉動(dòng)之一,而用戶面對(duì)設(shè)計(jì)作品的時(shí)候,也遵循著同樣的規(guī)律。讓屏幕上的人物向下看,用戶會(huì)向下滾動(dòng)欣賞;向左右看,用戶會(huì)沿著視線發(fā)現(xiàn)其他的CTA元素。
小心“假臉”
另外,值得一提的是,要小心那些看起來(lái)就很假的假臉。我想你應(yīng)該看過(guò)那樣的素材,尤其是那些被精心設(shè)計(jì)的模特的臉,上面常常有著被設(shè)計(jì)的、能被分辨出來(lái)的帶著假表情的臉。
面部表情是用來(lái)建立情感聯(lián)系,獲取用戶信賴的,假臉無(wú)論是從哪個(gè)角度上來(lái)看都無(wú)法達(dá)成這些目標(biāo),甚至?xí)?duì)整個(gè)設(shè)計(jì)產(chǎn)生危害。
結(jié)語(yǔ)
訪客喜好看到真實(shí)的人類(lèi),想去了解別人在使用某些產(chǎn)品和物品時(shí)候的感受,這也使得各種人物形象和表情在設(shè)計(jì)中發(fā)揮著偉大的作品。展示出你的團(tuán)隊(duì),你的用戶和真實(shí)的表情反饋,這會(huì)讓你的設(shè)計(jì)更具有感染力。
本文地址:http://m.pkvc.cn/tutorial/di3897.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏