22第五章2墨刀原型工具-基本操作流程

移动APP产品交互设计开发的制作墨刀原型工具——基本操作流程天津电子信息职业技术学院知识要点01墨刀原型工具概述02墨刀工具基础操作03组件素材04交互效果05演示分享06项目管理第一部分墨刀原型工具概述新建项目/项目文件夹墨刀原型工具新建项目/项目文件夹墨刀原型工具墨刀工作界面示意图，墨刀原型工具添加页面墨刀原型工具调整页面顺序展开、折叠页面墨刀原型工具删除页面删除页面找回墨刀原型工具设置页面横屏设置页面背景颜色墨刀原型工具修改页面名称墨刀原型工具墨刀原型工具设置页面高度第二部分墨刀工具基础操作墨刀原型工具添加组件内置组件你可以快速拖拽使用我们为你内置的基础组件以及平台组件（ios、MaterialDesign、AntDesign、WeUI...）。我的组件你可以将需要复用的组件或组合选中，鼠标右键添加到「我的组件」当中，便于之后直接拖拽使用。图标你可以通过搜索或分类查找的方式选用图标库中的开源图标，并且可以自由设置图标的默认颜色及尺寸。母版如果你需要在多个页面或位置用到同一组件，且需要它们可以被批量修改，那你可以先将它设置为「母版」。比如同一个文字组件，可以在多个页面中复用，并且可以通过修改母版达到批量修改的效果。墨刀原型工具显示、隐藏组件墨刀原型工具我的组件管理我的组件墨刀原型工具选中被盖住的组件组件的重命名与组件颜色修改墨刀原型工具组合、打散组件锁定、解锁组件墨刀原型工具显示、隐藏交互链接添加/删除参考线（红线）墨刀原型工具一屏线隐藏一屏线第三部分组件素材修改文字外观墨刀原型工具选中文字组件后，可以在编辑区右侧的外观设置面板中点为它设置字号、颜色、字体。注：目前除已提供字体外，不支持上传自己下载的字体使用。

修改批注颜色墨刀原型工具矩形设置圆角插入图片墨刀原型工具图片裁切图片拉伸下载图片墨刀原型工具标注模式下载图片选中需要下载的图片组件，点击右下角的「导出图片」即可保存图片到本地。如需批量下载页面内图片，可按住shift，鼠标左键点选，多选完成后，点击「导出图片」即可。链接区域墨刀原型工具聊天气泡墨刀原型工具轮播图墨刀原型工具调整轮播图顺序墨刀原型工具设定滚动横向/纵向滚动自动轮播/点击轮播墨刀原型工具设置指示点及指示点颜色我的组件墨刀原型工具添加图标墨刀原型工具下载图标母版墨刀原型工具新建母版编辑母版素材库墨刀原型工具墨刀原型工具墨刀原型工具墨刀原型工具批量管理墨刀原型工具批量删除墨刀原型工具高效搜索墨刀原型工具替换图片墨刀原型工具企业素材第四部分交互效果墨刀原型工具在页面下使用状态墨刀原型工具页面状态设置与添加页面状态设置与添加墨刀原型工具动态组件连接其它页面墨刀原型工具添加音频墨刀原型工具添加音频墨刀原型工具添加地图墨刀原型工具添加地图/tools/poimarker?type=0&marker=coord:39.96554,116.26719;title:成都;addr:北京市海淀区复兴路32号院&key=YOUR_KEY&referer=myapp其中红色的字体部分需要换成自己的腾讯地图创建的key墨刀原型工具添加视频选择通用代码：<iframeframeborder="0"width="640"height="498"src="/iframe/player.html?vid=w0021e4ijb4&tiny=0&auto=0"allowfullscreen></iframe>墨刀原型工具全局事件墨刀原型工具固定顶栏/固定底部导航长页面滚动墨刀原型工具定时跳转自动旋转第五部分演示分享分享项目墨刀原型工具分享项目墨刀原型工具分享链接给别人默认显示某个页面分享链接打开后需要默认显示某个页面可以这么操作：1、在编辑区顶栏点击「分享」，复制分享链接2、在浏览器中打开分享链接3、切换到想要让别人查看那个的页面，复制该页面在浏览器中显示的链接（此链接就是页面的分享链接）。手机微信扫码打开演示墨刀原型工具下载PNG电脑端离线演示墨刀原型工具下载/安装APK墨刀原型工具安装到手机桌面（Android）墨刀原型工具安装到手机桌面（iOS）墨刀原型工具显示、隐藏手机边框墨刀原型工具设备框消失「PRD」模式墨刀原型工具在页面编辑区外放置产品迭代记录表格、产品流程图等设置允许查看「PRD」模式「PRD」模式墨刀原型工具分享查看PRD如果在分享设置中，允许查看「PRD」的模式，那么导出html时，可以将画板外的PRD内容一起导出的；如果导出png格式的文件，暂时还不支持「PRD」内容一起导出。如何导出「PRD」模式的内容「长页面」模式墨刀原型工具「设备框」模式第六部分项目管理复制项