H5产品是以移动端为载体,集合视觉、音频、动画效果等多种方式进行信息传达的展示媒体。情感是生活不可避免不能分割的组成部分,探究情感设计与H5设计的相互联系,在H5设计过程的各个阶段,恰到好处地利用情感元素的推动力,能够提高产品的工作效率与流量转化率。本文通过交叉研究法、经验总结法,概括H5产品的传播性、交互性、时效性以及社会属性,推断出在个人情感及自我形象反馈层面中,H5以社交文化为推动力来促进传播。以其属性特点为思考基点,根据H5一般设计流程,结合情感设计三个层次理论,本文创新性的提出了 H5设计三个情感层级:感官层级、体验层级、情感层级,并分别与情感设计本能层次、行为层次、反思层次三个层次相联构,探究情感设计于H5设计实现方法论。最终得出,H5设计的感官层级侧重视觉、听觉、触觉的直观刺激及各感官的联觉效应;体验层级侧重通过合理的交互设计给受众带来良好的用户体验,并增强信息与受众双向互动;情感层级侧重统筹情感基调及价值观,筹谋情感共鸣达到精神上的回馈,引起受众反思。最后在内容及技术方面多方探究H5设计未来的可能性。三个层级相互联结相互作用,各有侧重的进行设计工作,能够提高H5产品质量及工作效率,最大程度的满足受众情感体验。