我们是2009年成立于北京的app开发公司,为客户提供一站式app定制开发服务,从需求调研到应用上架全程无忧。
怎样迅速制作app应用主页原型?告诉您墨刀是1个原型设计工具,能够迅速构建移动软件原型与线框图,支持云端保存和及时手机预览。今天重要是做1个墨刀的基本使用教程,就不关键讲述和比照各原型工具的优弊端了(有空的话我会单独做一篇原型工具的比照探讨)。期望这篇教程能够协助墨刀的初学者迅速上手该应用。
首先开启墨刀应用,新建1个软件,选择软件种类(这里我选择了iPhone设备),输入软件名称,设备种类和软件尺寸,点击建立按钮,完结软件建立。
制作底端导航栏新建软件的标题栏会自动显示软件的名称(人人全是产品经理),标题栏文字能够自行更改。
制作里布导航栏,从左侧“组件”栏目中找究竟部组件,拖进软件之中,大小和样式能够自行更改。然后拖进3个导航标签,更改标签的位置和名称。到此完结底端导航栏的制作。
制作原型页面然后我们开始简单的制作下“产品经理”的主页原型,在左侧的“组件”栏目中找到检索组件,拖进App主页中,在“母版”栏目中找到轮播图模版,拖进软件之中。墨刀中有一些已经做好的组件或母版,可直接拖进使用,加快建立原型的时间。
然后回到“组件”栏目,为主页插入图片和文字。图片调节在右边的设立栏,这里推荐大家直接拖进图片,然后用鼠标调节大小这样会比较便利。文字的调节在左边的主题栏目,可调节文字的大小和样式,然后用鼠标摆至适合的位置。
建立页面在应用右上角点击“+新页面”即可生成新的页面,每1个页面有拷贝、卸载、增添子页面的功能。在新的页面中增添标题栏,拷贝主页的底端导航,粘贴至新的页面,留意粘贴时用作粘贴至“原位置”。按如此方法制作“发现”页面和“我的”页面。
页面跳转这里讲述1个墨刀非常有特性的功能,就是通过连线的方法进行页面中间的跳转,在软件中选择任何1个控件,图片或许文字都能够通过增添手势和页面变换方法实现页面跳转。优势在于操作便利,且比较直观。弊端是假如页面复杂,跳转比较多,会有特别多穿插在一起的线,容易连接犯错。
运用连线的方法即可迅速的实现底端导航的变换,设立完结后选择右上角运行按钮,即可查看实际成效,成效如下:
增添全局手势更后说1个在手机端比较主要的功能,软件全局手势的增添,在左侧“组件”栏目找到全局手势组件,拖进至软件的任意位置,然后选择你要发动手势后跳转的页面,选择手势方法和动画成效即可。
运用全局手势组件,在软件增添滑动的页面变换成效。运行测试,成效如下。
手机预览手机预览功能,能够直接将原型导到手机上查看。仅需要在运行界面,点击共享,用手机浏览器(墨刀app能够)扫描二维码即可直接在手机上查看原型,更为便利的你为团队演示和讲解自己的原型。
归纳发言“墨刀”综上所述操作是非常便利的,假如有其他的原型工具基本,用起来也许更好上手。自身支持手机预览功能,更为便利于移动产品的建立和展示。本人也推荐app的产品或设计师使用墨刀来迅速建立原型,能够加快自己的制作和呈现的时间。
本文地址:https://appbj.cn/article/3254/