原来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条）