H5是各大媒体传播信息的有力载体，使作品具有可读性，能够让人感受到温度，还能凭借于社交平台的面向社会群众面广泛，及时更新，能够与用户互动特点，让作品在一次次转发中实现广泛传播。

交互设计是定义、设计人造系统的行为的设计领域，它定义了两个或多个互动的个体之间交流的内容和结构，使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系，以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”和”用户体验“两个层面上进行分析，关注以人为本的用户需求。

我们先以“快过年，制作一个优惠活动的h5”为例，来讲解制作交互设计的大致思路。首先项目背景式节日主题优惠活动的h5页面，主题为春节和开学季。具体需求为较少的文案，讲清楚活动方式，需要简洁的元素。

1.拆解视觉元素，首先要保证第一眼即可得到核心信息，即可得到式被动接受，获得成本最低，核心信息主要是以是什么活动，有何节日优惠和优惠价格这个最抓人的点组成。所以界面主要是用一句话能说清重点的大标题和标志性图案的主要插图来构成。

2.用户看到这个h5的第二眼则需要能找到最关心的信息，能够找到式被动接受主要信息，可以较低成本主动获得全部信息，最关心的信息则是优惠力度，时间和按钮方法。所以界面也要按重要程度来分级描述文字，寻找适合文字的背景图，并以插图形式来辅助完善信息

3.注意渲染气氛，并加强活动页面与常规页面的区别度。活动主题气氛可以通过故事场景和小装饰表达，区别度则是与常规界面尽量区别开，包括背景色、字体、字号、页面结构等。

4.注意补全注意事项、活动生命等细节信息。

关于制作内容可以有简单的几何运用：简单几何：分别是由简单的圆形、三角形和不规则椭圆构成的，都是简单几何图形，这是H5设计种常规的用法。几何组合：几何组合可以集中而规律的排列，主要是从整体上抓人眼球。几何的占比和排列不同，带给人的感觉也是不一样的。随意几何组合：这种构图不会给人审美疲劳也避免了画面的生硬程度。

网络上有很多好的模板，就比如人人秀的高质量模板，兔展的创意模板。我们可以使用中意的模板，再添加自己的元素，可以做出自己想要的效果，这种方法是最简单便捷的。之后我们需要在意的方法有蒙板的运用、海报式设计、居中型设计、对称型设计、放射式设计、流程目录设计。

可以通过强烈对比增加视觉效果。微信H5可以把颜色，或者是形状、元素等视觉元素用对比的形式，形成对比并巧妙的与留白结合，提高视觉效果。 2、字体的选择，在制作微信H5的时候，可以有多种字体能够选择，可以选择一些比较别致的海报体、综艺体、毛笔行书等不一样的字体，但要符合整体的风格。这样既可以利于H5整体的风格构建，还可以在用户视觉上造成冲击力。

可以在微信H5中设计留白效果，可以提升视觉效果，还可以给微信H5带来比较强的震撼力，通过视觉上的留白设计也可以激起用户的情感，引起共鸣。在设计的时候要主次分明，微信H5的制作可以通过主次分明的设计原则，让微信H5的主体元素更为的突出，从而能够在视觉上起到强调主体的作用，更为突出主题，让用户在浏览的时候可以一目了然，加强视觉效果。企业要想让一款微信H5更加的具有视觉冲击力，其实不光可以从设计方面入手，还可以从玩法、主题等多方面着手，H5设计上是灵活多变的。