原來H5的情緒可以這樣建立！
簡單來講，在H5的設計中，初級的層次是本能的，也就是用戶通過我們的設計直觀感受到了什么，即在交互之前，用戶對于我們設計的H5的視覺反應以及在體驗過程中的其他直接的感覺反應，它對應的是我們的體驗目標。
第二個層次是行為的，是用戶通過對H5的體驗操作和設計的一些交互溝通，完成的預期的行為目標。以一個測試類的H5為例，用戶通過我們設計的指引一步步完成所有的答題，以及最后的分享等等，就是達到了行為層面的高度。行為處理可以增強較高層次的反思反應，約束較低層次的本能反應，它對應的是我們的行為目標。
而第三層次是反思，它是最高的層次，也是最難達到的層次。它能將用戶與我們設計的H5在生活經歷、人生價值、個人情感等層面聯系起來，從設計上讓用戶朝著某方面去聯想、去思考、去發散，從情緒方面感染用戶，它對應的是我們的情緒目標。在做與用戶產生情感共鳴方向H5的時候，可對照這個原則來審視自己的H5，努力達成最高層次，通過設計讓用戶將產品與自己的廣泛生活經歷相聯系，從情緒上去觸動用戶。
情緒是H5的靈魂，交互形式相同或是視覺風格相似的H5，最終表達的情緒內容是不一樣的。那到底該如何建立H5中的情緒呢？以下是小編為大家梳理的觀點。
一、通過故事建立情緒
好的故事可以調動用戶內心情緒，抒發情感。h5同樣也需要通過每一頁的畫面講故事，讓用戶身臨其境，一頁頁讀下去，感受其中意境。
拿《2022網易云年度報告》舉例，開篇動態的云朵標志著2022這一年時間的流逝，然后一個問題直接帶領用戶去回憶自己的2022年，每個人的2022年都發生了或多或少、或大或小的很多故事，以回憶殺形式的問題作為H5的引導，在故事上具有連貫性和代入感。云朵不僅是網易云的形象標志，在一定程度上代表著思考，與情節恰好契合。
緊接著是用戶使用網易云的時間，時間是陪伴最有力的證明，陪伴是最長情的告白，與前一頁的回憶時光相呼應，使轉場有連續感。整體畫面選用滑動唱片的形式，這樣的場景更具有想象力，給用戶更多的體驗空間。
其次，通過從某個深夜、循環播放的某首歌、一年四季喜歡的音樂之最等細節，挖掘用戶內心“隱秘的角度”，觸及用戶真心，向用戶表達他們是在用心做產品，用戶是“被在乎”的。在年度報告的最后，引出了網易云的新功能“云放空”。
（掃碼體驗詳情）
拋開創意，在產品設計上，網易云音樂一直試圖用音樂的力量集結用戶，幫助他們更好地找到自己的靈魂好友，所以新出了類似于聊天室的“云放空”功能。無論是歌單，還是樂評，網易云都不斷地將人們往人心的更深處、更隱秘的地方引導，這也是我們在前面提到的最高層次——反思層次。
二、通過H5動效建立情緒
在一個H5中，表達的情緒內容不一樣，其動效的表現手法也不一樣。好的動效可以用一個動作調動人們內心的情緒，讓體驗者快速感知H5想要傳達的內容和想要抒發的情感。
一般來說，表現抑郁、沮喪、悲哀等情緒需要慢一些的動作，而表現興高采烈、開心、勝利等情緒，動作要快一些。整個畫面根據所表達的氣氛不同，各元素相應的位移和節奏都要進行相應的情緒化處理。
這里就要舉到的例子是由七喜出品的動畫視頻H5《聆聽圣誕心聲，收獲神秘祝福》。這是七喜在圣誕節出品的動畫視頻H5，旨在通過各個大學電臺的動畫宣傳視頻，來宣揚自身的品牌，其充分利用動效元素為H5傳遞了圣誕節的歡樂氣氛。
這支H5在風格上采用了寫實動畫風格，在配色上則是選用了圣誕節的經典綠色和紅色搭配的風格。加載完成后是首頁封面頁，背景圖是圣誕樹、圣誕禮品、圣誕裝飾的雪人以及其他圣誕風格元素等，說明了此次H5的主題，用戶點擊“聆聽圣誕心聲”進入H5。
動畫視頻的主要內容是各個大學電臺的趣味說明，每一個畫面中都會嵌入動效的元素，比如拋到空中的帽子、冒著氣泡的七喜汽水、動態的炸雞、操場上跳躍投籃的學生等等，這些速度較快的動效元素都在烘托整支H5青春、歡樂、灑脫的節日情緒氛圍。
（掃碼體驗詳情）
有生命的運動是動畫效果中傳達情緒的最好方式，通過將客觀化的事物動態化不僅調動了情緒，還可以讓用戶覺得這個細節“好暖心”哦。一個H5的每個環節都可以用合理的動效去調動用戶的情緒，讓用戶身臨其境，跟隨著畫面中的故事一步一步走下去，感受到H5想傳達的意義。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）