H5已经火了好一段时间了，也算是狠狠地风光了一把，但还是有人在问：“什么是H5，怎么制作H5, 我还只是个新手。”

我看过很多H5场景，其实还是有很多小伙伴制作的H5真不错，我也经常跟大家分享。今天我不谈好的场景该怎么制作，而是告诉大家有些明显的错误不要再犯错了。

错误1：没有明确主题

有些H5展示页面特别多，翻来翻去就是到不了最后一页，而且在耗费大家时间的同时，还没让人明白这个H5到底想表达什么。

还有一些H5，展示了特别多的图片，终究都没表达出展示图片的主题是什么？

如：这个H5，共23页，前面铺垫太长，还没等主题出来，很多人就放弃浏览了。其实，整个H5节凑、画面都还不错，可惜没有尽快表达主题，失去了让别人接触主题的机会。

错误2：没有统一风格

一个H5，一个风格。这是制作场景的基本规律。一般在制作H5时。

通常会犯错的有2种情况：第1种情况是一页一个风格，第1页中国风、第2页萌萌哒、第3页炫酷风、第4页扁平化风格了……这种H5总会让人很崩溃，观看者需要带着不断变化的心态去看，整体给人的感觉就是不伦不类。制作H5，真的不是风格越多越好。第2种情况是：整个H5风格统一了，为了加上自己的宣传页，把整个H5格调都降低了，要么因为风格不合适就不要放，要么就再设计一个符合H5风格的宣传页，别偷懒了。

如：这个H5第1页给人一种怀旧风，感觉还很不错。但是，翻开第2页，小编就醉了，山水风景、第3页是个美女。大家点开看看，这样效果真不好呀！

错误3：图片模糊

一个H5，它的视觉效果要比文字效果重要的多。观看者多数是看看画面，扫一遍文字，就过了。虽然图片很重要，但是很多小伙伴在制作场景的时候，图片制作的真的很不用心。可能是为了加载速度加快，需要像素较小的图片，但是一定要谨记：保证视觉观看的舒适度！不能一味追求小像素的图片，破坏了整个H5的格局。

如：这个H5主题表达人间关爱，触动人心的新闻事件集合，立意很不错，故事也很打动人，但是这一页一页模糊的照片真的拉低了整个H5。

错误4：文字杂多、变形、模糊

文字问题是很多H5会出现的，包括文字密密麻麻的布满整个页面、文字变形、文字模糊、文字遗漏，甚至错别字的出现。H5场景中，文字问题最容易出现，也容易解决，最重要的是制作者要细心。文字的使用，需要坚持以下原则：文字简洁；文字清晰；文字完整。

如：这个H5，大标题文字变形，整个页面文字拥挤，视觉效果极差。让人失去仔细阅读内容的兴趣。

错误5：夸张的动画

动画效果是一个H5场景的必备，恰当使用动画效果，能使得H5栩栩如生，增加互动性。能给阅读者带来浏览兴趣。但是切忌频繁使用动画，整个页面都是动画，文字、图片飞来飞去，那绝对会失去你的目标用户了。

不要使用频繁使用抖动的动画，视觉效果极差；不要多次使用指纹动画，其实指纹动画已经使用泛滥，只会有多此一举的效果；还有一些H5使用超级慢的动画，浏览者早就会被磨去了耐心而放弃阅读了。

如：这个H5，每一页都采用连续都动的动画效果，除了给人视觉难受的效果外，让人一页都不想再看下去。

错误6：杂乱的排版

有精美的图片、简洁的文字，不一定就会制作出一个让人赞赏的H5，还得看制作者怎么把这些素材整洁有效的排版好。需要注意的是：1.动画和文字排版协调；2.文字和图片排版协调。其实H5页面可利用简单的点、线、框、不规则几何图形、错落有致的将图片、文字排版等都可达到干净整洁素雅效果。

如：这个H5就属于那种图片还可以、文字也简洁，但是整个H5档次很low，就是因为排版惹的祸。

错误7：不搭调的音乐

大部分人制作的H5场景，在选择音乐方面都没有问题。选择一首好听的歌曲，能给你的场景起到意想不到的效果，类似于有画龙点睛的作用，配合一首音乐，你的场景就活了。在选择音乐时，需要注意：1.配合你的场景风格选择 2.配合你的场景主题选择即可。当然，也有选择错误音乐的案例。

如：这个H5主题是即将消失的职业，但是音乐风格属于轻松、浪漫的英文歌曲，没有能给人对职业消失的严峻性产生共鸣感。

错误8：混乱的节奏

文字、图片、音乐都备齐了，制作一个H5场景就差不多完成了，要想使你的H5场景浏览流畅感提升，需要准确的把握好页面之间的节奏、动画之间的节奏、逻辑方面的节奏。一个好的节奏，需要极其精确和巧妙的安排。同样，也有节奏不好的案例。

如：这个H5就是属于逻辑节奏混乱的典型，想要表达的东西迟迟不来，整个铺垫内容节奏没有层层递进。