微信上的h5页面是怎么制作的

如果不会写代码的话，可以用H5制作工具进行相关制作。H5工具主要分为模板类工具和专业类工具两种。但模板是有限制的，而制作技能却能创造无限可能。 因此，如果你在日常工作中需要常常接触到H5的制作工作的话，还是建议用专业类的工具哦~

目前，专业类H5工具并不是很多，我知道的就三个左右吧，个人用的是意派Epub360，该工具可通过各种各样的组件来制作不同的创意型H5，如：一镜到底、全景VR、走马灯、画中画、模拟朋友圈……自由度高且功能强大，我这种没有代码基础的人也可以通过熟悉组件、参考案例、查看教程等方式慢慢提升H5的制作水准。

H5这东西，在广告行业一直都有，原来叫做landing page或者着陆页。后来移动端的landing page越来越多，也不知怎么的就被挂上了“H5”的名号。

短时间来看，H5确实是目前广告宣传设计行业发展迅速的一块。广告行业向来是追着目标人群走的，当广告主的目标人群高度依赖手机，借着移动社交媒体在手机上推广各种设计精良、交互新颖的H5广告，也在正常不过了。

我之前也做过一些活动宣传推广类的H5，现在H5的制作门槛已经很低了，不需要掌握编程经验、不需要复杂的设计工具，就可以利用网上各种免费的H5的编辑器，快速制作发布自己的H5。

我常用的制作平台有：BlueMP、ih5、maka、易企秀、木疙瘩等。

总的来说各家的产品在功能上都差不多，都是将组件拖拽到画布上，然后调节各页的图片、动画

之后，就可以发布到微信朋友圈了，大致的操作其实和做PPT差不多。

但想出“高大上”的H5页面，可能不仅仅需要一个H5制作平台。一个专业的H5页面，需要创意+设计+制作+推广一系列环节的紧密配合。而对于普通的H5制作者来说，制作高逼格的H5，首先要有良好的页面设计、良好的用户观感，才能让里面的内容更清晰、更明确的得以展现。

我个人在制作H5页面的过程中，会配合使用这些以下创意工具。有需要的可以自行搜索。

1.灵感获取：

可以到Dribbble、Behance、Pinterest、花瓣等国内外设计师汇聚的设计类聚合平台，借鉴学习顶尖设计师们的优秀设计

2.图片素材：

向X度图片搜索说再见，微软的Bing图库、wallhaven、500px都是非常高质量的图库。

需要一些小的图标推荐阿里的iconfont图标库，有大量精美的icon可以免费使用。

3.色彩搭配：

很多人做H5的时候，很少考虑色彩的搭配，都是挑一些自己喜欢的、看着顺眼的就行了。其实色彩搭配的选择，对H5页面设计感的提升非常大。小白的话推荐coolors，直接从推荐的色彩主题里进行选择，记下色彩的值，在H5制作工具里输入使用就好了。