h5交互原型设计是什么样的?用什么工具制作?(上)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
h5交互原型设计是什么样的?用什么工具制作?今天我们就来聊聊这个话题,产品或者设计新人们赶紧来看看吧!
h5交互原型设计是什么样的?用什么工具制作?(上) 现在市面上有很多产品原型设计软件,比如Axure.Shireframe.Penci.lProject等。每个产品都有自己独特的优势,目标只有一个:高效输出、可测试、可交互的产品原型。

毫无疑问,这些软件的功能非常强大,但实际上并不像我们想象的那么高效。除了软件下载、安装、捆绑等繁琐操作外,便携性差是他们最不令人满意的地方。

例如,老板迫切需要你在手机上向他展示新的APP原型,而你在Axure上很难将原型文件导入手机。打开手机需要几分钟,浏览时发现效果很差——动画卡。链接按钮丢失,图片显示不完整..同时满足高效、可测试、可互动、方便老板浏览决策等特点,需要选择一些辅助工具或软件,HTML5工具似乎是唯一的选择。

纵观国内HTML5制作工具,易企秀、iH5、MAKA、爆米兔等,做得很好。几种工具各有优缺点,但鉴于其互动性的实现,个人仍然倾向于iH5。这个工具不是专业的原型制作工具。它只能通过高效生产产品原型H5来弥补Axure等专业工具所不具备的便携式手持显示功能(尤其是动画、动态效果、交互等元素的显示),以此作为辅助使用。

在下一篇文章中,我将展示我使用HTML5工具制作的instagram应用程序中的一些交互界面(事先在手机上把各界面截图导出到电脑,然后用PS作切片处理),以及叙述相应的逻辑。感兴趣的话可以继续去看看。

以上就是“h5交互原型设计是什么样的?用什么工具制作?(上)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。