知识屋:更实用的电脑技术知识网站
所在位置:首页 > 电脑技术

墨刀新手入门:学习构建手机应用产品原型

发布时间:2019-11-05 17:40:02作者:知识屋

墨刀,这是一款非常专业的产品原型设计工具,可以帮助用户快速构建网页、移动应用产品原型,真正做到省时高效。如果你是新手,可能对软件功能还不熟悉,下文整理了使用墨刀创建一个产品原型的方法,可以帮助大家尽快入门。

如何使用墨刀构建手机应用原型?

在电脑中打开墨刀,注册账号,进行登录,首先来到个人空间,你可以看到一个预先创建好的项目组,

墨刀新手入门:学习构建手机应用产品原型

点击进入项目组,你可以在这里创建原型项目,自行选择【使用模板项目】或者是【创建空白项目】,

墨刀新手入门:学习构建手机应用产品原型

小编选择【创建空白项目】,可以构建手机、平板、网页等项目,也可以自定义,这里点击【手机】,开始创建,

墨刀新手入门:学习构建手机应用产品原型

如图,创建页面结构,页面列表位于工作区的左侧,在页面列表下可以添加新页面、创建副本,

墨刀新手入门:学习构建手机应用产品原型

创建页面内容,从组件区拖出组件到页面设计区,进行大小、颜色、外观等属性设置,如图,

墨刀新手入门:学习构建手机应用产品原型

页面设计完成,需要建立页面间的交互,点击组件,将组件旁边的圆形链接按钮拖动(链接)到相应的页面就行了,

墨刀新手入门:学习构建手机应用产品原型

注意:在添加链接时,还可根据需求设置不同的触发手势、定时器及动效。

页面交互可以用动态组件来制作,制作诸如加载动画、分页器、组件神奇移动等效果,如图,

墨刀新手入门:学习构建手机应用产品原型

原型制作过程中,你可以随时查看原型在PC或移动设备上的真实运行效果,还可以将原型进行分享。在工作区点击【运行】按钮,即可进入原型演示模式;在【预览】页面,你还可以进行详细设置。例如原型是否带真机外壳、是否显示批注等等,

墨刀新手入门:学习构建手机应用产品原型

点击右上角的全屏模式按钮,你可以获得更加直观的产品演示体验。

墨刀新手入门:学习构建手机应用产品原型

为了帮助大家在最短时间内掌握墨刀的使用技巧,我们下期会继续分享相关教程,请关注zhishiwu.com。

(免责声明:文章内容如涉及作品内容、版权和其它问题,请及时与我们联系,我们将在第一时间删除内容,文章内容仅供参考)
收藏
  • 人气文章
  • 最新文章
  • 下载排行榜
  • 热门排行榜