首页
软件分类
排行榜
案例库
资讯
直播
登录
首页
墨刀
用墨刀做手机app的步骤流程
用墨刀做手机app的步骤流程
作者:龚生元
时间:2021-08-24
我来回答
共3个回答
奕荣
回答
墨刀做手机app的步骤流程: 1、首先,打开墨刀软件,当然了,也可以在网页端进行编辑,不过为了更加方便的操作,小编还是建议下载一个体验比较好。 2、可以看到在右上方,有一个新建项目选项,点击选择,即可新建一个项目。 3、当然了,可以根据自己的需求,选择新建的项目,比如说是iPhone端,iPad端,或者是web端。 4、除了上面新建的空白项目之外,下面还提供了很多模板类型,比如钱包模块以及注册登录模块等,都是可以直接拿来使用的。 5、这里选择新建空白项目,上面有项目名称,以及图标和启动页面,项目名称为必选项,图标以及启动页面可以稍后在上传。 6、设置好名称,选择创建,即可新创建一个空白项目,接下面就来这个空白项目里面进行相应的编辑即可。
收起
2021-08-31
局倚
回答
墨刀做手机app的步骤流程: 1、先打开墨刀,创建一个项目,设备尺寸。上传图标和启动界面,确定。 2、改变头部的底色。 3、拉出一个矩形,放在最下方。 4、置于底层。 5、拉出一个圆作为头像底框,填充颜色。 6、拉出用户名和密码的图标,放在页面上。 7、搜索图标,可以输入想要的图标文字,找到对应的图标。 8、在拉出一个单行输入的框。 9、输入文字,用户名。 10、还有密码选框,键盘样式设置为密码。 11、调整好位置。 12、拉出一条线条,放在页面。 13、输入第三方登录文字,填充好各个区域的颜色,让页面看起来舒适,不扎眼睛。 14、再次将联系方式图标拖入页面,调整好大小,位置。 15、调整好各个区域后,就得到了一个登录页面。再在你的手机上登录查看效果。
收起
2021-08-26
郑芸初
回答
墨刀做手机app的步骤流程: 1、创建应用 首先打开墨刀软件,新建一个应用,选择应用类型(这里我选择了iPhone设备),输入应用名称,设备类型和应用尺寸,点击创建按钮,完成应用创建。 2、制作底部导航栏 新建应用的标题栏会自动显示应用的名称(人人都是产品经理),标题栏文字可以自行修改。 制作里布导航栏,从左侧“组件”栏目中找到底部组件,拖入应用之中,大小和样式可以自行修改。然后拖入三个导航标签,修改标签的位置和名称。至此完成底部导航栏的制作。 3、制作原型页面 然后我们开始简单的制作下“产品经理”的首页原型,在左侧的“组件”栏目中找到搜索组件,拖入App首页中,在“母版”栏目中找到轮播图模版,拖入应用之中。墨刀中有一些已经做好的组件或母版,可直接拖入使用,加快创建原型的时间。 然后回到“组件”栏目,为首页插入图片和文字。图片调节在右边的设置栏,这里推荐大家直接拖入图片,然后用鼠标调节大小这样会比较方便。文字的调节在左边的主题栏目,可调节文字的大小和样式,然后用鼠标摆至合适的位置。 4、创建页面 在软件右上角点击“+新页面”即可生成新的页面,每一个页面有复制、删除、添加子页面的功能。在新的页面中添加标题栏,复制首页的底部导航,粘贴至新的页面,注意粘贴时用于粘贴至“原位置”。按如此方式制作“发现”页面和“我的”页面。 5、页面跳转 这里介绍一个墨刀非常有特点的功能,就是通过连线的方式进行页面之间的跳转,在应用中选择任何一个控件,图片或者文字都可以通过添加手势和页面切换方式实现页面跳转。优点在于操作方便,且比较直观。缺点是如果页面复杂,跳转比较多,会有非常多交叉在一起的线,容易连接出错。 利用连线的方式即可快速的实现底部导航的切换,设置完成后选择右上角运行按钮,即可查看实际效果,效果如下: 6、添加全局手势 最后说一个在移动端比较重要的功能,应用全局手势的添加,在左侧“组件”栏目找到全局手势组件,拖入至应用的任意位置,然后选择你要发动手势后跳转的页面,选择手势方式和动画效果即可。 利用全局手势组件,在应用添加滑动的页面切换效果。 7、手机预览 手机预览功能,可以直接将原型导到手机上查看。只需要在运行界面,点击分享,用手机浏览器(墨刀app可以)扫描二维码即可直接在手机上查看原型,更加方便的你为团队演示和讲解自己的原型。
收起
2021-08-26
其它产品问答
提问
墨刀个人版和免费版的区别
逄然
回答
墨刀个人版和免费版的区别: 墨刀免费账户:私密应用;不可导出;不可团队协作;100MB图片存储。 1、可以创建不限数量的公开、私密项目,可以通过加密来保障项目的隐私; 2、不支持导出离线文档,如HTML 压缩包、全部PNG压缩包、当前页PNG图、IPA或APK安装包; 3、不支持团队项目及多人协作功能; 墨刀个人版:私密应用;导出;团队协作(白名单);超大图片存储空间。 1、可以创建不限数量的公开、私密项目,可以通过加密及设置白名单来保障私密项目的隐私; 2、支持导出离线文档,如HTML压缩包、全部PNG压缩包、当前页PNG图以及安卓APK安装包; 3、企业版账户支持导出IPA文件(需主动申请); 4、高级账户享有 多人协作 、团队项目以及白名单功能。
2021-08-24
3 个回答
提问
墨刀怎么做web网页,墨刀如何导出html文件
疏夜
回答
墨刀导出html文件的方法: 1、打开墨刀的官方链接,在界面右上角点击进入工作区的按钮; 2、鼠标移到要导出页面的项目上面,点击编辑的选项; 3、进入编辑项目的页面后,点击页面右上角的下载; 4、然后在弹出的窗口中,点击当前页面—状态1的选项; 5、在导出图片倍数的选项中,可以设置导出页面的分辨率倍数。
2021-08-24
3 个回答
提问
墨刀使用教程,墨刀自学需要多久
首用
回答
墨刀使用教程: 1、新建项目。登陆墨刀的官网,选择新建空白项目。 2、输入项目名称。这里我们使用默认设备尺寸。 3、添加导航栏。从左侧的功能栏里找到导航栏,把它拖到制定位置。 4、修改导航栏文字。把默认的文字修改成我们想表示的文字。 5、修改导航栏中的文字背景的颜色。 6、添加轮播图。从左侧的”母版“中找到”轮播图“,将它拖到制定位置。然后将轮播图调整到合适的大小,其中宽度设置为360。 7、调整小圆点的位置。通过修改x和y的位置来调整小圆点。最后的圆点应该距离边缘10的长度。(注意边距) 8、复制页面。为了节约时间,通过页面1的复制得到其他页面。 9、修改小圆点的背景色。将对应的小圆点背景色修改为不显示。 10、上传图片。将我们需要的图片上传到图库。 11、添加手势。这里将手势放置在可见区域内,然后点击手势并拖动到下一个页面,即可完成链接。 12、修改手势的属性。将手势的属性改为”向左滑动“,"右移入",定时器"2s"。这里注意的是最后的页面要链接到第一个页面,才能实现轮播。 13、添加相应的文字。 14、最后,模仿之前的操作,对内容进行补充。
2021-08-24
3 个回答
提问
墨刀组件,墨刀个人版可以协作吗
宰梅瑞
回答
墨刀个人版可以协作。墨刀是产品设计一体化在线协同办公平台,集原型设计,线上版sketch设计师工具、流程图、思维导图为一体,支持团队项目实时协作和管理,金融级数据安全保障,还支持私有化部署。墨刀为北京磨刀刻石科技有限公司旗下一款在线原型设计与协作工具产品,用户群体包括:产品经理、设计、研发、运营销售、创业者等,墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。
2021-08-24
3 个回答
提问
墨刀网页,如何使用墨刀制作界面
尾羽
回答
墨刀界面制作方法: 1、首先,我们使用墨刀新建一个项目,添加上状态栏,一张图片、一个按钮和一个播放器,模拟音乐分享的原型。 2、新建好页面原型之后,在新建好的页面下新建一个子页面。 3、再在子页面当中,设置点击分享之后实现的一个效果,我们设置一个矩形并设置成为半透明效果,然后再设置一个底部弹窗。 4、基本页面搭建好之后,就需要进行逻辑关系的梳理了,当我们点击分享按钮的时候,系统会跳转到分享的页面,所以需要对分享按钮进行单击事件的编辑。 5、同样的,在分享页面当中,如果不想要分享了,点击空白区域就可以自动回到原来的页面,需要对空白区域的矩形设置单击事件。 6、单击运行,就可以查看一下所设置的效果了,这里可以看到设置的是没有问题的。
2021-08-24
3 个回答
查看更多
问答提及产品
墨刀
3.9
423条点评
墨刀 MockingBot 是北京磨刀刻石科技有限公司旗下的一款在线原型设计与协同工具。
咨询产品
免费试用
所在分类
原型/交互设计
同类产品推荐
查看更多
Pixso
3.4
22条点评
新一代产品设计协作工具
蓝湖
4.1
565条点评
蓝湖是一款帮助产品经理和设计师提高沟通效率的平台,可在手机端体验最真实的高保真原型,并且随时随地查看和评论原型设计。
腾讯CoDesign
3.5
67条点评
腾讯自研的产品设计研发一站式协作平台,为企业提供覆盖多种设计协作场景的核心能力,帮助企业实现设计协作效率提升。
Mockplus摹客
3.7
86条点评
摹客设计云是面向企业的产品设计解决方案,也是国内拥有完整产品线的设计平台
Axure RP
4.1
332条点评
专业的快速原型设计工具
产品对比
更多同类产品比较
墨刀
蓝湖
墨刀
Axure RP
墨刀
Figma
墨刀
Mockplus摹客
墨刀
Balsamiq
消息通知
咨询入驻
扫描下方二维码
咨询产品入驻
商务合作
如有商务合作需求
请扫码联系我吧