怎么通过简单处理和组合材料做出高质量H5设计组合？在老板/甲方日夜催促设计稿的压力下，我猜总有一天你会觉得灵感枯竭，抓破头皮想办法获得更多新鲜、高端的H5设计灵感，以抓住用户的胃口。有没有快捷方式可以通过简单的处理和组合材料来做H5组合设计？当然有！例如，以下七类：
1、线条+动态效果=高科技设计。
2、插图+霓虹=魔幻设计。
3、交互式控制=实时交互式体验。
4、PSD+动态效果=活泼动画。
5、线+时间轴=可视化运动。
6、连环画+分镜框=强大的信息表达。
7、GIF+GIF+GIF=视觉冲击力强。
一、由线条和动态效果构成的高科技感观
在页面上，用一些简单的线条和圆框结合深色背景，形成的视觉对比可以立刻激起了使用者的兴趣！实际上制作非常简单，主要是将浅色材料(白色和灰色)，放在黑色或是深色背景中，然后用带有动态效果的纯色线段和圆圈装饰材料。推荐配合动态效果：旋转或旋转、闪烁、跳跃、线段延伸、材料渐变(时间轴动画)。
二、加点霓虹色素材秒变艺术范
一张简单的图片，抠掉某一部分换成霓虹灯的动画，这种形式展现了不一样的艺术风格。背后的H5设计套路也很简单——霓虹素材迭加+时间轴动画。具体动作效果：将底层材料堆积在相应的位置形成层次，然后将需要霓虹效果的材料单独抽出进行色彩处理，从而将某些局部材料利用时间轴功能进行微动控制；也可直接使用动效-闪烁，向某个方向飞出等，以达到预期的效果。
三、用插图/漫画代替网页，用对话代替内容
简约漫画让大家看得开心，还让广告植入得毫无防备！H5游戏对设计能力的要求会比较高——设计一个有情节的漫画故事。在设计好的漫画中，主要玩法是添加其他独立的材料并加工它们：局部色彩填充，模糊效果等等，尽量让每个分镜都变得有趣，是添加关键的动作效果和互动效果。
在H5设计时切忌将重心全部放在创意上，而忘记整体质量，不要捡芝麻丢西瓜！总的来说，高质量的H5设计门道还有很多值得挖掘的地方，你有什么新的H5组合设计创作思路和技巧，不如一起来分享，大家好才是真正的好！
