用這些技巧更能傳遞出網頁的情緒和情感

2021-08-09 08:09:16 字數 1354 閱讀 9547

與使用者關聯

用表情來營造情感基調

當你注意到別人打哈欠的時候,你會不會也有類似的衝動呢?情緒、行為其實都會受到別人的影響,有的是從眾心理,有的則源於暗示,但是無論如何,情緒和行為是具有「傳染性」的。幾乎所有的情緒都具有某種意義上的傳染性,而帶有面孔的會借由氛圍、色彩、布局和表情來傳遞快樂、振奮、痛苦、孤獨、厭惡、憤怒等不同的情緒。換句話來說,能夠營造出情感氛圍。

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

我們認知體系當中的各種感覺和印象,很大程度上是外部的社會化的影響所造就的。外觀、表情和人物形象之所以這麼重要,是因為它們即使痕跡很細微也同樣可以有效地傳遞感覺,塑造觀者腦中的印象。當然,情感聯絡的建立不僅僅是依靠中人物的表情,的質量、氛圍和內容以及傳遞資訊的方式與質量也同樣會影響情感聯絡。而這些又會隨著文化、使用者年齡和領域而出現差異,因此,在選擇設計專案的的時候,請仔細思考你的使用者受眾和他們想要的東西,精準地設計內容。(這也是為什麼你需要做足夠的使用者研究)為了建立出足以驅動使用者參與甚至融入的設計,你需要在設計中加入和產品或者服務相匹配的表情和情感。很多產品一味地使用笑臉來建立積極的情緒,但是很多時候,正確比積極更重要。

建立信任

如果使用者能夠看到產品和服務的建立者的臉,有助於建立產品品牌和使用者之間的情感關聯,通過真實的人讓使用者對於產品更加信任。在這種設計策略之下,面孔和表情能夠通過下面的方式來實現這一點:

使用者通過團隊成員**看到專案的參與者的臉

可以讓使用者以積極的方式看到產品或服務同人互動的場景

讓某些使用者真實地闡述使用體驗

越多真實的使用者檢視你的**,才能讓更多的使用者逐步對它產生信任。假模特有的時候不知道如何正確地與產品互動,這實際上可能對品牌造成危害。當然,使用真實的工作人員和使用者會更有效果,但是一定要確保素材足夠優質,氛圍也營造得到位。

引導視覺

中人物形象的臉所能創造的情感聯絡,合理的運用還能在頁面中起到視覺引導的作用。借助這些人物形象,你可以幫助使用者了解接下來要看**。使用者可以通過中人物的眼睛朝向,被引導著看接下來的內容。眼神接觸是絕大多數人在溝通交流的時候,必要的行為之一,而使用者面對設計作品的時候,也遵循著同樣的規律。讓螢幕上的人物向下看,使用者會向下滾動瀏覽;向左右看,使用者會沿著視線發現其他的cta元素。

警惕「假臉」

另外,值得一提的是,要警惕那些看起來就很假的假臉。我想你應該看過那樣的素材,尤其是那些被精心設計的模特的臉,上面常常有著被設計的、能被分辨出來的帶著假表情的臉。面部表情是用來建立情感聯絡,獲取使用者信任的,假臉無論是從哪個角度上來看都無法達成這些目標,甚至會對整個設計產生危害。

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

翻譯:優設網@陳子木

Objective C傳遞資料小技巧

比如說,如果你想向uialertview的delegate方法中傳遞一些資訊,怎麼辦?繼承uialertview麼?使用category?都可以,其實還有乙個更簡單的辦法,那就是使用objc setassociatedobject id object,const void key,id value,...

用gdb來理解 值傳遞 指標傳遞 引用傳遞

1.常用的gdb命令 1 顯示 list list 顯示10行 list 1 顯示1 10行,再鍵入list或者回車,顯示下面10行 list 1,20 顯示1 20行 2 設定斷點 break break 15 在第15行設定斷點 break func 在函式func 入口設定斷點 info br...

HTML5學習技巧 這些技巧你知道多少

伴隨著近年來html5發展的越來越火熱,而在html5高薪資 優待遇的 之下,現在學習學習html5人也是日益漸增的,但是學習html5除了要拋下足夠的汗水之外,我們還需要有乙個正確的學習技巧通常合理的學習方法能夠達到事半功倍的效果,相反不合理的學習方法則只能夠事倍功半。在此華清遠見的幾位講師結合華...