H5 海报制作简短教程

作者:vkvi 来源:ITPOW(原创) 日期:2016-10-10

H5 其实就是 HTML 5 的简称,H5 现在已经不是一项技术名词了,而是一种功能应用、一种展现方式的代名词。H5 也不光光是代表 HTML 5,它还需要 CSS 3 结合。

制作 H5 当然可以纯手写代码,但是我们又不卖情怀,没必要打“纯手工打造”的招牌。像软件开发全手工,又如何?

网上有很多这方面的工具,有在线的,有客户端式的。比如:搜狐快站、MAKA、免展、易企秀、人人秀等。

说实话我也没有全试过,只是要说:网上有些对比文章是几年前的,某些数据已经不准确;其次某些公司有点狠,999 元包全站模板使用一年,而实惠点的公司是多少钱一个模板,无使用期限。

其实制作 H5 就像是制作幻灯片,先是确定内容,其次是根据素材制作静态图片,最后是加上动作让它炫起来。

麻烦点的就是根据素材制作静态图片。建议采用模板,能够省下非常多事情,然后用 Photoshop 建立图片,尺寸 640 x 1008,将自有素材放在 Photoshop 中,然后在 H5 制作平台导入 PSD。也可以直接在 H5 制作平台导入单个图片,但是个人认为 Photoshop 中调整好了再导入会方便许多。

在线制作时,制作平台还提供了多种多样的字体免费使用,非常方便。

在线制作时,建议使用 Chrome 浏览器,Firefox 兼容性不好,Edge 兼容性也有问题,而且还有点卡,IE 就免了吧。

查看的时候,微信内嵌的浏览器和 Chrome 浏览器是最快的,其次是普通手机浏览器,Firefox、Edge 都不快,IE 还是免了吧。

相关文章