随着宽带无线接入技术和移动终端技术的飞速发展,移动端优化了用户体验,改变了用户上网的使用习惯,同时以HTML5技术为核心的广告设计也应运而生,丰富了互联网广告的形式。H5广告是一种基于HTML5技术的实现的移动端网页广告形式,是国内广告界对于对于HTML5广告的简称,方便设计者与用户记忆和认知。HTML5广告打破了各种设计界限,串联起各种艺术表现形式的广告,它是融合了视觉、听觉和触觉这三种感官的广告形式,结合其丰富的交互方式,给用户带来更好的感官体验。以技术为基础的HTML5广告是目前较为普遍且发展迅速的互联网广告之一,但这并不能代表传统的广告就应该摒弃,广告的本质并没有变,还是通过运用创意的手法、精美的画面效果以及情感化的设计方式去打动用户,建立用户与产品利益、感情上的联系。HTML5广告设计不单单只是视觉层面,还包括从听觉、触觉等方面给予用户全方位的体验来吸引用户的注意力,也就是多感官设计,多感官设计的融合打破了设计的界限,使用户能够从多各方面对产品产生一定的认知,带给用户沉浸式的体验,从而引导消费。HTML5广告遵循设计简洁性的原则,合理运用元素进行创意,同时合理色彩的搭配也会为广告增色,使创意得到完美的表达,使用信息传播更具影响力;听觉上,通过声效和音乐的气氛渲染,增强广告的吸引力,为突出广告主题起到了辅助作用,同时也丰富了用户的感官体验;触觉上,关注用户与产品之间的交互方式,结合有趣的互动体验带给用户控制感和在场感。综合多种感官设计加强用户体验,在潜移默化中达到品牌宣传的目的。基于此,本文聚焦于基于HTML5技术的移动端广告设计,分析HTML5在近几年的技术发展以及其具有的优势,不断更新的技术为设计带来了更多可能性,但同时也需要思考技术的实现是否真的是HTML5广告传播量的决定性因素。通过对比分析、典型性案例研究与用户调研等研究方法分析得出HTML5广告所具有的独特特点,其中包括热点追踪、多感官设计融合、交互性、参与性、社交性、技术性等特性,结合HTML5广告特点与广告设计的具体要素提出针对HTML5广告的设计方法。根据用户体验设计要素模型,结合HTML5广告设计要素及设计流程推导出设计模型,以用户(User)为中心的原则,技术(Technology)作为广告要素构成的一部分也是HTML5广告设计的基础,在设计中注重设计的创意(Originality)、交互(Interaction)、视觉(Graph)等多方面,提出UT-OIG设计模型。最后通过对豆瓣《我们的精神角落》HTML5广告的项目背景、用户需求、设计进行全面的案例分析,实证研究提出的设计方法与原则,尝试为HTML5广告设计提供依据。