网页设计技术与工具(网页设计技术与应用学的什么)

　　今天百度“H5页面制作工具”，你看到的是上面百花齐放的局面，但严格意义上国外只有Adobe，国内只有iH5达到往日Flash的制作水平，名气也还过得去。

　　而在移动广告巨大市场的驱动下，国内H5页面制作工具的功能直逼国外产品，应用上也更便捷（多数能一键生成公开网页）。后面以国内外制作H5网页的六大工具/软件为例，分析不同产品的优劣。

　　1、易企秀

　　https://www.eqxiu.com/

　　模板支持★★★★

　　多媒体支持★★

　　微信应用★☆

　　高级应用★

　　用户友好度★★★★

　　优点：其实易企秀很容易定义，就是移动版PPT的制作工具，用来在手机上做H5页面的简单动态演示。它各方面的功能，比如文本、按钮、图表、动效这些和微软的PowerPoint比较像，有固定样式的表单功能。

　　缺点：它的优点也是它的缺点，和使用难度比较低对应的，是它功能的局限性，设计上自由度比较低主要面向对H5页面制作没有太高要求的用户。

　　付费情况：包年服务能去除广告尾页、底标和加载LOGO，并解除一些功能的限制。

　　2、百度H5平台

　　https://h5.baidu.com/

　　模板支持★★★

　　多媒体支持★☆

　　微信应用☆

　　高级应用☆

　　用户友好度★★★★

　　优点：支持图表等类似PPT的功能，支持个性化域名的设置，统计功能比较完善，适合H5入门级的用户使用。

　　缺点：缺乏高级的交互功能，而且可能因为是百度旗下的产品，基本不具备微信应用支持能力，这一点比较鸡肋。

　　付费情况：无

　　3、iH5

　　https://www.ih5.cn/

　　模板支持★★★★

　　多媒体支持★★★★☆

　　微信应用★★★☆

　　高级应用★★★★☆

　　用户友好度★★★★☆

　　优点：功能强大。几乎所有能想到的H5类型，它都能实现，淘宝造物节的720°全景、天猫双十一的一镜到底、物理引擎游戏、交互视频、评论弹幕等。比较良心的是，无论多高级的功能都可以免费使用。

　　缺点：界面虽然简洁，但实在谈不上好看（有种90年代的既视感），原生态气息比较浓厚。

　　付费情况：包年服务能去除H5播放前的加载LOGO，获取高级统计入口。

　　4、Epub360

　　模板支持★

　　多媒体支持★★

　　微信应用★★☆

　　高级应用★★☆

　　用户友好度★★★

　　优点：能对文本、图片、音视频做简单的显示、播放与否的控制，也支持一些稍微复杂的组件功能。

　　缺点：模板少，用户体验不是很好，而且不具备动画、游戏制作所需的带轨时间轴、物理引擎等高级的交互功能。

　　付费情况：包年服务能去除加载LOGO，并解除一些功能的限制。

　　5、Adobe Animate

　　模板支持★★

　　多媒体支持★★★★☆

　　微信应用

　　高级应用★★★★☆

　　用户友好度★★★★☆

　　优点：功能强大，支持骨骼动画。Adobe Animate有利于H5动画或网页开发源码的快速生成与导出——而且不止HTML5格式，还包括Air、Flash等。

　　缺点：下载需要1个多G。需要代码基础，而且不能直接发布，提供的模板都是基础的，不能直接使用。它是可视化动画设计与便捷开发的结合，没有开发经验的人很难做出成品。

　　付费情况：软件授权，大客户需对接销售。

　　6、Tumult Hype

　　模板支持

　　多媒体支持★★★★☆

　　微信应用

　　高级应用★★★★☆

　　用户友好度★★★☆

　　优点：支持一定的可视化交互动作，而且支持各种类型的输出格式。此外，它能实现自动化的响应式布局，对比iH5的响应式布局需要逐一定义设备，Adobe还得去下载一个另外的软件Muse来说，还是很方便的。

　　缺点：不能直接发布，而且产品的界面设计比较复杂，降低了易用性。而且，没有模板。

　　付费情况：标准版50美刀，专业版100美刀。

　　总的来说，这些工具可以用下面这张图概括：

　　有些工具偏模板类型，有些注重交互设计，有些主打的是网页开发。大家可以看看自己需要的是什么，各取所需。