材料/工者具
方法
-
1/10
首先打开墨刀软件,新建一个应用,选择应用类型(选择了iPhone设备),输入应用名称测响响失善活例望见殖钟,设备类型和应用尺寸,点击创建按钮,完成应用创建。
-
2/10
新建应用的标题栏会自动显示应用的名称(人人都是产品经理),标题栏文字可以自行修改。制作里布导航栏,从左侧“组件”栏目中找到底部组件,拖入应用之中,大小和样式可以自行修改。然后拖入三个导航标签,修改标签的位置和名称。至此完成底部导航栏的制作。
-
3/10
然后开始简单的制作下“产品经理”的首页原的粉球通保坐型,在左侧的“组件”栏目中找到搜索组件,拖入App首页中,在“母版”栏目中找到轮播图模版,拖入应用之中。墨刀中有一些已经做好的组件或母版,可直接拖入使用,加快创建原型的时间。
-
4/10
然后回到“组件”栏目,为首页插入图片和文字。图片调节在右边的设置栏,这里推荐大家直接拖入图片,然后用鼠标调节大小这样会比较方便。文字的调节在左边的主题栏目,可调节文字的大小和样式,然后用鼠标摆至合适升含置绿亚迫备岁越的位置。
-
5/10
在软件右上角点击“+新页面”即可生成新的页面,每一个页面有复制、删除、添加子页面的功能。在新的页面中添加标题栏,复制首页的底部导航,粘贴至新的页面,注食全资根意粘贴时用于粘贴至“原位置”。按如此方式制作“发现皇剧充修走将愿越”页面和“我的”页面。
-
6/10
这里介绍一个墨刀非常有特点的功能,就是通过连线的方式进行页官告科测架的农面之间的跳转,在应用中选择任何一个控件,图片或果构者文字都可以通过添加手势和页面切换方式实现页面跳转。优点在于操作方便,且比较直观。缺点是如果页面复杂,跳转比较多,帝员员年评月吧局会有非常多交叉在一厂夜才画克管起的线,容易连接出错。
-
量善7/10
利用连线的方式即可快速的实现底部导航的切换,设置完成后选择右上角运行按钮,即可查看实际效果,效果如图所示。
-
8/10
最后说一个在移动端比较重要的功能,应用全局手势的添加,在左侧“组件”栏目找到全局手势组件,拖入至应用的任意位置,然后选择你要发动手势后跳转的页面,选择手势方式和动画效果即可。
-
9/10
利用全局手势组件,在应用添加滑动的页面切换效果。运行测试,效果如图所示。
-
10/收也混管触殖10
手机预览功能,可以直接将原型导到手机上查看。只需要在运行界面,点击分享,用手机浏览器(墨刀app可以)扫描二维码即可直接在手机上查看原型,更加方便的你为团队演示和讲甲凯困解自己的原型。
声明 本文系本人根据真实经历原创,未经许可,请勿转载。
您可能感兴趣的内容
-
word超链接到本文档的某个位置怎么返回
2023-07-07 18:02:55
-
Excel表格怎么打钩打叉
2023-07-07 18:02:47
-
Win10电脑图标间距变大了怎么办
2023-07-07 18:02:54
-
excel不显示数字
2023-07-07 18:02:54
-
word插入图片固定尺寸设置
2023-07-07 18:02:57
-
word标记区怎么去除
2023-07-07 18:02:55
-
word表格线拖动不了
2023-07-07 18:02:58
-
Word表格怎样设置根据内容自动调整表格大小
2023-07-07 18:03:09
-
Word撤销键不见了怎么办!
2023-07-07 18:02:54
-
word怎么显示隐藏所有批注
2023-07-07 18:04:12