你们见过设计师跟程序员打起来吗？我没见过。

但我相信一定有，一个太理想，一个太现实，不同程度的撕逼是难免的。除了练习散打外，有效避免冲突的方式是把两项工作一并融会贯通。很不幸，让程序员去学习设计怕是来不及了……但是利用一些小工具，设计师是可以两项全能的。

设计师是不会写代码的，懂代码的程序员又不会设计。

两家互掐的情况屡见不鲜，那么想要制作一个线下火热的HTML5展示页面或者小游戏，完全不会写代码也不懂设计的普通人该怎么办呢？

今儿推荐几个还不错的在线开发设计工具，各有所长，共同点如下：

①简单易上手，零代码不编程②在线编辑设计③设计成品可直接发布，分享至微信④兼容各种显示设备

HTML5的前世今生

1

vxplo

傻瓜式制作交互内容

http://www.vxplo.cn/

vxplo是一款基于云端的网页交互设计工具，用户不需要写代码，通过对多媒体元素的拖拉、排放、设置等可视化的操作可以实现在线编辑功能。

教学视频、用户手册、学习地图、概念解析……视频+教案，而且操作简便，想不学会都难。

制作一个VXPLO案例很简单，大致来说，只需要4个步骤：

上传素材→编辑属性→添加事件（交互关系）→预览、分享。

媒体素材+播放逻辑=VXPLO案例。

如果你实在想不到该如何下手，打开教学实验室，直接在看中的案例上进行修改可以了。现有的案例大多数是按具体不同的效果来呈现的，可能无法满足要求更多一些的用户，只是初学想练练手的话的可以先从替换素材开始啦。

当然，教学实验室能教会你如何去做出这样的一个效果。

它与多数类似工具一样，还希望成为一个互动作品分享平台。浏览作品分类包括：交互式视频、介绍、迷你网站、广告、简历、游戏、教程、移动应用。

VXPLO想做一款人人都可以轻松方便使用的工具，让设计师一个人可以完成所有交互设计的实现，但是由于过度侧重于具体效果的展示，所以或许更适合专业用户系统学习使用。

2

MAKA

移动互联网时代的营销利器

http://www.maka.im/

MAKA创始人马雁飞说，他们想打造一种浸入式体验和结构化模块的移动端浏览器卡片式交互。我觉得，他们完全可以做到。

虽然MAKA的定位是让每一个人都可以制作自己的手机电子邀请函，做产品、搭平台，却似乎未免过于狭隘。电子邀请函的入行门槛低，MAKA却能做出与别家不一样的体验感。邀请函功能方面，也覆盖了市场上比较流行的报名、支付、表单、互动等。

虽然电子邀请函这名头可能让更多的普通用户错过了这一款好工具，但用过一次必然会有比较，MAKA体验流畅、设计美观、模板丰富独特。

选择模板，免费创建自己的WEP APP→编辑文字内容，调整个性化的文字格式→自定义背景颜色和透明度→添加图片，调整大小和位置→根据需要增加或者减少页数→扫一扫分享到朋友圈→【一分钟上手】

动态模板和静态模板都非常精美，不论内容多少都能完美地展示出来。现有的动态效果可以说已经算是很先进了，要说【快速】地制作出一个精美的展示页面，MAKA真的是不二之选。

后再补一句，付费功能还真是让人心动啊。

3

云起

三分钟创建微信里的APP

https://www.cloud7.com.cn/

也许很多人听说过初页，一种近微信圈很流行的被称为场景应用的H5动态页面制作工具，可广泛应用于活动的邀请函、新产品介绍、演唱会发布、新电影推介等。普通人用iphone手机下载初页APP，不出10分钟可以创作出一款精美的动态海报。

云起轻应用是初页的东家。这是一个DIY的移动建站工具，号称三分钟可以快速创建微信里的APP。与其他建站工具不同的是，云起极度追求体验，号称是家做到APP级别的轻应用创建工具。

先给应用起个名称，在15各应用主题风格中选择一款，然后编辑相关的内容即可。

模板的风格有点像点点轻博客和网易的LOFT，走极简风嘛~>.<

操作页面也是一如既往的美貌。说起来这才是真正的傻瓜式操作，因为可自定义的东西不多，都是实实在在的素材替换，制作效果都是根据模板呈现的来，所以没有太多可以自己玩耍的地方呢~【P.S 不过比下文中的点点客强啊哈哈~】

流量统计也很详细，访客数、浏览数、停留时间、跳出数均有统计。因为可以填充的内容很多，其实已经不算是简单意义上的展示页面了，反倒是有向微型网站、轻博客发展的趋势。

4

Game Creator

人人都来做游戏！

http://h5.cocoachina.com/

玩家只要有创意，可以做游戏。2014年9月22日，触控CEO陈昊芝通过微博公布了一个在线微博/微信小游戏开发工具——Game Creator Online，其大特点为即便毫无研发基础的普通人，也可以迅速开发出一款小游戏。

目前工具一共提供了9个游戏模版，时下流行的好友大提问、疯狂猜图、2048、眼力大挑战、神经猫、像素小鸟、你是我的小羊驼、美女变恐龙都已覆盖，同时还可建立空白项目。

这里集合创建、展示、分享、推广于一体的开发者平台。你可以任意施展创意进行游戏创作，也可以提交自己的游戏链接。

探索可以从大家都在玩、热门推荐、新发布中找到心水的游戏，同时从其他人的作品中找灵感，收获创意。

玩家若想快速制作一款游戏，只需要选择一个模版和若干提供的元素即可完成。对于略有基础的开发者，提供了5种场景&代码可查看编辑，也可上传自己的素材或成品。整个游戏制作流程非常简单，点几下鼠标可以做个游戏，并且发布至朋友圈非常方便，点开即玩。

虽然现有模板不多，但是近期游戏模板大赛正在进行中，向每一位html5游戏开发者征集游戏模板。比赛作品截止日期为2014年11月30日24点，看来GameCreator未来还会出更多的有趣模板，哈哈。

GameCreator可以免费注册成为用户，同时认证为开发者（需要上传手持身份证照片，两个工作日内完成认证）后能将游戏应用一次性接入Cocos开放平台，让开发流程更简单，同时免费接入大渠道。

Game Creator Online致力于HTML5小游戏的开发和推广，为Cocos游戏开发者打造一站式服务，真正降低了普通玩家开发游戏的门槛。

5

点点客

直接简单的海报插入

http://www.dodoca.com/

说起来只有排版和海报功能是免费的。但是排版页面与秀米几乎完全一致，相比之下秀米完全开放使用而点点客还要扫二维码获取验证码什么的真是太麻烦了。

海报功能过于简单，只能直接插入图片，无法加入文字，对美工设计的要求又多了一些，用户必须预先制作好带有文字的图片直接插入，后期可调整的细节部分太少。

在线平台试用功能强大，但是也需要付费……免费注册只有7天的试用期，我正在测试中，下次可以把它算在微信后台编辑功能强化里推出好了……

6

Epub360

你可以完全绕开程序员！

http://www.epub360.com/

重头戏在这里！Epub360是为设计师精心打造的交互设计工具,无需编程便可在线创建电子杂志、微信作品、商业展示等交互内容,并可通过Web及App发布。

Epub360能做出非常酷炫的效果，但是相应的制作要稍微复杂一些。运用这个工具，不仅能让你将内容非常生动地呈现出来，同时还能有相对的响应式设计来与用户互动，增加用户在页面上的停留时间。导出生成二维码是必须的，除此之外，它居然能生成IOS APP、WIN EXE、APK、IPA……我真是惊讶了……

虽然操作起来比前面几个都难一点，但是DIY工具做得如何惊艳实属难得！

作为Keynote的脑残粉，这种事件顺序触发器什么的即视感让我欲罢不能嗷嗷！

但是！【悲伤的事情来了……

好东西一般都有个高价钱的……%>_<%

免费注册的体验版只能创建十个交互内容，导出内容的LOGO非常明显直接，罕见地占用了整整两页。需要付费去LOGO的话是399E币/次，1E币=1RMB……当然除此之外还有基础版、专业版等等不同价格……功能有自定义LOGO什么的好棒！可是看看价格……不说了，泪奔！

总结：如果你是土豪，追求尽善尽美→必须是Epub360要做各种互动式的游戏→Game Creator Online内容多，需要跳转的同级页面多→云起轻应用需要简单操作的外貌协会→MAKA想从DIY中自己研究学习→vxplo

来源：胡诌诌

我们不评论案例，我们只做大自然的搬运工——New Media Cafe