怎样迅速制作App应用主页原型?

发布时间:2020-01-17 14:56 | 浏览人次:浏览次数

怎样迅速制作app应用主页原型?告诉您墨刀是1个原型设计工具,能够迅速构建移动软件原型与线框图,支持云端保存和及时手机预览。今天重要是做1个墨刀的基本使用教程,就不关键讲述和比照各原型工具的优弊端了(有空的话我会单独做一篇原型工具的比照探讨)。期望这篇教程能够协助墨刀的初学者迅速上手该应用。
怎样迅速制作App应用主页原型?

那我们首先开始建立软件

首先开启墨刀应用,新建1个软件,选择软件种类(这里我选择了iPhone设备),输入软件名称,设备种类和软件尺寸,点击建立按钮,完结软件建立。

制作底端导航栏

新建软件的标题栏会自动显示软件的名称(人人全是产品经理),标题栏文字能够自行更改。

制作里布导航栏,从左侧“组件”栏目中找究竟部组件,拖进软件之中,大小和样式能够自行更改。然后拖进3个导航标签,更改标签的位置和名称。到此完结底端导航栏的制作。

制作原型页面

然后我们开始简单的制作下“产品经理”的主页原型,在左侧的“组件”栏目中找到检索组件,拖进App主页中,在“母版”栏目中找到轮播图模版,拖进软件之中。墨刀中有一些已经做好的组件或母版,可直接拖进使用,加快建立原型的时间。

然后回到“组件”栏目,为主页插入图片和文字。图片调节在右边的设立栏,这里推荐大家直接拖进图片,然后用鼠标调节大小这样会比较便利。文字的调节在左边的主题栏目,可调节文字的大小和样式,然后用鼠标摆至适合的位置。

建立页面

在应用右上角点击“+新页面”即可生成新的页面,每1个页面有拷贝、卸载、增添子页面的功能。在新的页面中增添标题栏,拷贝主页的底端导航,粘贴至新的页面,留意粘贴时用作粘贴至“原位置”。按如此方法制作“发现”页面和“我的”页面。

页面跳转

这里讲述1个墨刀非常有特性的功能,就是通过连线的方法进行页面中间的跳转,在软件中选择任何1个控件,图片或许文字都能够通过增添手势和页面变换方法实现页面跳转。优势在于操作便利,且比较直观。弊端是假如页面复杂,跳转比较多,会有特别多穿插在一起的线,容易连接犯错。

运用连线的方法即可迅速的实现底端导航的变换,设立完结后选择右上角运行按钮,即可查看实际成效,成效如下:

增添全局手势

更后说1个在手机端比较主要的功能,软件全局手势的增添,在左侧“组件”栏目找到全局手势组件,拖进至软件的任意位置,然后选择你要发动手势后跳转的页面,选择手势方法和动画成效即可。

运用全局手势组件,在软件增添滑动的页面变换成效。运行测试,成效如下。

手机预览

手机预览功能,能够直接将原型导到手机上查看。仅需要在运行界面,点击共享,用手机浏览器(墨刀app能够)扫描二维码即可直接在手机上查看原型,更为便利的你为团队演示和讲解自己的原型。

归纳发言

“墨刀”综上所述操作是非常便利的,假如有其他的原型工具基本,用起来也许更好上手。自身支持手机预览功能,更为便利于移动产品的建立和展示。本人也推荐app的产品或设计师使用墨刀来迅速建立原型,能够加快自己的制作和呈现的时间。

上述内容就是小编今天为您带来的关于《怎样迅速制作App应用主页原型?》的全部内容,希望能对您有所帮助,我们是一家成立于北京的IT外包公司,如果您有app软件或者微信小程序需要定制开发,不妨联系我们。
免责声明:本站部分文章转载自网络,不代表本站的观点和立场,不以盈利为目的。如有侵犯公司或个人权益,本站会第一时间删除文章。我们是一家北京app开发公司,欢迎咨询免费获取思维导图!

本文地址:https://appbj.cn/article/3254/

网友热评

暂无更多评论
思捷智联

思捷智联是一家2009年成立于北京的IT外包公司,我们致力于为企业提供app软件开发和微信小程序开发服务。公司成立10年来,我们为民政部、方正电子、神州数码、联想控股、壹基金、首钢集团、北京大学、北京师范大学、今麦郎、丰汇租赁、万通控股等上百家企业提供了IT外包服务。我们努力实现每一位客户的托付,为客户创造实在的效益,让您与梦想走得更近。

微信咨询

扫描微信二维码
同市场经理沟通需求

我们积累了丰富的移动互联网开发和运营经验,在开发中为客户提供更多帮助!
咨询热线:18611391767(微信同号)