您當前位置:圖趣網(Tuquu) >> 網頁設計教程 >> 設計理論 >> 瀏覽設計教程

能成功傳遞出情緒和情感的頁面,同樣也是要看臉的

設計和藝術有真大的差別,很大程度上,設計算得上是一門體系科學。所以,當生理學原理和設計的技巧結合到一路的時候,并不令人驚奇。其實,在進行設計的時候,設計師或多或少地會運用到一些生理學的規(guī)律和原理,來提拔設計作品的參與度,強化和用戶之間的情感聯系。

在諸多規(guī)律當中,使用包含人臉或者人物的圖片來同用戶建立情感聯系,是最常見的一種結合了生理學的策略。人臉元素能夠讓APP/網站/海報看起來更加人性化,更容易創(chuàng)造明確的情感和情緒上的共鳴。那么,在現實的設計過程中,這種設計手法詳細有著哪些講究呢?今天的文章,我們來聊聊這些技巧。

與用戶關聯

對于可能同用戶產生關聯的元素,每個設計師心中可能都有一個列表。色彩,按鈕大小,文案這些元素都可能都會影響到用戶參與度和網頁的轉化率,但是一張真實的人類面孔所帶來的影響可能會更加明顯。

想想你最喜好的那些網站,人類的面孔是不是會更容易讓你細致到,更容易被聚焦?細心回想一下那些能夠影響到你決策的廣告、文章、內容,其中是不是有相稱一部分都包含有各種個月的面孔和表情?

屏幕上包含有人物和面孔的圖片,能夠更好地觸發(fā)用戶的情緒,這些被精心設計的面孔能夠引起用戶共情:“他們和我是統(tǒng)一類的人”或者“我想要和他一樣”。如許的情緒是隱晦而非直接的,但是它們能夠讓用戶對于這個面孔背后的產品或者服務產生愛好。

Kissmetrics 這個博客列舉出了提拔用戶參與度和轉化率的5種生理學原則,其中之一就是用戶對于面孔的識別,能夠吸引用戶細致力,并且傳達情感:

人的面孔對于用戶的吸引力比其他的元素要大得多,這是一種生物本能。所以,你可以借助這一規(guī)律指導用戶細致到網頁中關鍵性的元素。尤其是當你網頁中的面孔雙眼恰好指向CTA按鈕,那么絕大多數的用戶會沿著視線去探求位于那個方向的按鈕。

用表情來營造情感基調

當你細致到別人打哈欠的時候,你會不會也有類似的沖動呢?情緒、舉動其實都會受到別人的影響,有的是從眾生理,有的則源于暗示,但是無論如何,情緒和舉動是具有“傳染性”的。幾乎所有的情緒都具有某種意義上的傳染性,而帶有面孔的圖片會借由氛圍、色彩、布局和表情來傳遞快樂、奮發(fā)、痛楚、孤獨、討厭、憤怒等不同的情緒。換句話來說,圖片能夠營造出情感氛圍。

這種說法并非主觀認知,而是有科學和理論支撐的:

我們認知系統(tǒng)當中的各種感覺和印象,很大程度上是外部的社會化的影響所作育的。表面、表情和人物形象之所以這么緊張,是由于它們即使痕跡很渺小也同樣可以有用地傳遞感覺,塑造觀者腦中的印象。

當然,情感聯系的建立不僅僅是寄托圖片中人物的表情,圖片的質量、氛圍和內容以及傳遞信息的體例與質量也同樣會影響情感聯系。而這些又會隨著文化、用戶年齡和領域而出現差異,因此,在選擇設計項目的圖片的時候,請細心思考你的用戶受眾和他們想要的東西,精準地設計內容。(這也是為什么你必要做充足的用戶研究)

為了創(chuàng)建出足以驅動用戶參與甚至融入的設計,你必要在設計中加入和產品或者服務相匹配的表情和情感。許多產品一味地使用笑貌來創(chuàng)建積極的情緒,但是許多時候,精確比積極更緊張。

建立信賴

假如用戶能夠看到產品和服務的創(chuàng)建者的臉,有助于建立產品品牌和用戶之間的情感關聯,通過真實的人讓用戶對于產品更加信賴。在這種設計策略之下,面孔和表情能夠通過下面的體例來實現這一點:

  • 用戶通過團隊成員照片看到項目的參與者的臉
  • 可以讓用戶以積極的體例看到產品或服務同人交互的場景
  • 用戶可以通過面部表情和肢體語言中了解到用戶對于項目的現實感受,視頻是個不錯的顯現渠道
  • 讓某些使用者真實地闡述使用體驗
  • 圖片和視頻是顯現品牌可信度的緊張渠道,當然你得讓它們看起來充足真實

越多真實的用戶查看你的網站,才能讓更多的用戶漸漸對它產生信賴。假模特有的時候不知道如何精確地與產品交互,這現實上可能對品牌造成危害。當然,使用真實的工作人員和用戶會更有用果,但是肯定要確保圖片素材充足優(yōu)質,氛圍也營造得到位。

指導視覺

圖片中人物形象的臉所能創(chuàng)造的情感聯系,合理的運用還能在網頁中起到視覺指導的作用。借助這些人物形象,你可以幫助用戶了解接下來要看哪里。

用戶可以通過圖片中人物的眼睛朝向,被指導著看接下來的內容。

眼神接觸是絕大多數人在溝通交流的時候,需要的舉動之一,而用戶面對設計作品的時候,也遵循著同樣的規(guī)律。讓屏幕上的人物向下看,用戶會向下滾動欣賞;向左右看,用戶會沿著視線發(fā)現其他的CTA元素。

小心“假臉”

另外,值得一提的是,要小心那些看起來就很假的假臉。我想你應該看過那樣的素材,尤其是那些被精心設計的模特的臉,上面常常有著被設計的、能被分辨出來的帶著假表情的臉。

面部表情是用來建立情感聯系,獲取用戶信賴的,假臉無論是從哪個角度上來看都無法達成這些目標,甚至會對整個設計產生危害。

結語

訪客喜好看到真實的人類,想去了解別人在使用某些產品和物品時候的感受,這也使得各種人物形象和表情在設計中發(fā)揮著偉大的作品。展示出你的團隊,你的用戶和真實的表情反饋,這會讓你的設計更具有感染力。

[教程作者:互聯網]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di3897.html
輕松看懂規(guī)范!詳解組件控件結構系統(tǒng)之提醒類
看似簡單的單色配色,必要這些技巧幫你玩轉
圖趣網微信
建議反饋
×