软件综合实践专题作业墨刀的使用梦兰亭

墨刀,一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。墨刀为北京磨刀刻石科技有限公司旗下一款在线原型设计与协作工具产品,用户群体包括:产品经理、设计、研发、运营销售、创业者等。

二.墨刀的发展历史

APP原型设计工具墨刀完成500万PreA轮融资,FreeS资本领投。此前,墨刀曾获得150万元天使轮融资。2017年6月,墨刀推出3.0版本,主打团队协同方向,从3.0开始,墨刀不再是一个只给产品经理用的,用来画产品原型的工具,而是变成了一个覆盖整个产品的设计和开发流程,帮助整个产品团队最大限度的发挥协同效应的团队协同工具。6月12日,高保真产品原型制作及团队协同工具公司墨刀宣布推出最新3.0版本,此次发布会墨刀主打团队协同方向,未来重点打造高效团队协作工具,加速团队内部效率和流程。同期墨刀宣布与石墨文档、吆喝科技、轻芒、联创工厂等多家上下游企业达成合作,未来打通整个产品设计流程。2018年1月推出Sketch插件2.0版本,Sketch设计稿可以导入墨刀,进行交互设计,自动获取标注信息,推进开发进程;2019年1月,墨刀启动ToB战略上线企业版,提供诸如企业项目及成员管理、基本数据统计等功能。

1.目前墨刀分为网页版和客户端,网页版可以直接使用,客户端其实也是网页版的功能,我们一般下载客户端,使用过程中需要联网

四.网页版的大概使用方法:

1.创建新的应用:

2.创建新的应用

进去之后如图所示可以看到分为几个部分,菜单栏等比较简单的就不介绍了。最左边是组件栏,可以选择需要的组件,中间编辑栏,对选取的组件进行编辑,右边是预览排列,就是最终我们看到的页面。点击我们创建的对应应用进行编辑,进去之后会看到下图,其分为菜单栏、组件栏、编辑栏和预览排列栏几个部分。最左边是组件栏,我们可以在这里选择需要的组件,然后拖拽到中间编辑栏中进行设计;中间编辑栏里可以对选取的组件进行编辑;右边是预览排列,就是最终我们看到的页面的基本排列。

3.组件的使用

我们把一个页面要的组件全部都拉到这个右边的排列栏,通过双击对应的组件进行文字的编辑,通过中间栏进行如颜色之类的改变。

4.页面管理

新建页面:

如果我们需要做另一个页面以及页面的管理,我们可以在最右边的页面管理栏进行新建或者复制页面,这样我们的原型也可以在不同页面之间跳转

页面跳转:

如果要进行页面之间的跳转,可以点击组件,然后拉动组件旁边的超链接的样式图标到相应页面即可执行进行页面跳转功能

5.导出下载图片或者安装包

点击页面上方的下载图标,具体如下图所示:

五.软件版墨刀制作一个app首页原型的案例

1.创建应用

首先打开墨刀软件,新建一个应用,选择应用类型(这里我选择了iPhone设备),输入应用称,设备类型和应用尺寸,点击创建按钮,完成应用创建名。

1.制作底部导航栏

新建应用的标题栏会自动显示应用的名称(人人都是产品经理),标题栏文字可以自行修改。制作里布导航栏,从左侧“组件”栏目中找到底部组件,拖入应用之中,大小和样式可以自行修改。然后拖入三个导航标签,修改标签的位置和名称。至此完成底部导航栏的制作。

3.制作原型页面

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

4.创建页面

在软件右上角点击“+新页面”即可生成新的页面,每一个页面有复制、删除、添加子页面的功能。在新的页面中添加标题栏,复制首页的底部导航,粘贴至新的页面,注意粘贴时用于粘贴至“原位置”。按如此方式制作“发现”页面和“我的”页面。

5.页面跳转

这里介绍一个墨刀非常有特点的功能,就是通过连线的方式进行页面之间的跳转,在应用中选择任何一个控件,图片或者文字都可以通过添加手势和页面切换方式实现页面跳转。优点在于操作方便,且比较直观。缺点是如果页面复杂,跳转比较多,会有非常多交叉在一起的线,容易连接出错。利用连线的方式即可快速的实现底部导航的切换,设置完成后选择右上角运行按钮,即可查看实际效果。

6.添加全局手势

最后说一个在移动端比较重要的功能,应用全局手势的添加,在左侧“组件”栏目找到全局手势组件,拖入至应用的任意位置,然后选择你要发动手势后跳转的页面,选择手势方式和动画效果即可。利用全局手势组件,在应用添加滑动的页面切换效果。运行测试,效果如下。

7.手机预览

8.总结

六.客户端版本的详细介绍

1.创建移动端

在墨刀,你既可以创建移动端项目(iPhone/Android)、平板项目、也可以创建Web/电视项目、Watch项目,并可以自定义尺寸,为各种屏幕创建原型。

登陆墨刀之后,点击“新建项目”即可。

当然,您可以选择“从模板中创建项目”。

鼠标悬浮在模板上方,点击“使用模板”,就能创建该模板项目。

2.修改原型尺寸和机型

鼠标悬浮在项目卡片上,点击“...",然后点击“设置”,

再修改项目的名称、设备类型和尺寸,然后保存即可。

3.添加和编辑页面

添加页面

添加同级页面:选中一个页面,再点击页面列表顶部的「添加新页面」,便可以新建该页面的同级页面。

添加子级页面:鼠标悬浮某页面上,点击「...」展开更多按钮,单击「添加子页面」即可为该页面添加子级页面。目前最多支持创建7级页面。

修改页面名称

双击修改页面名称:可使用“数字”+“页面功能”方式命名,既便于页面识别,又可弥补多级列表演示时的不足,更清晰地展示页面逻辑关系。

调整页面顺序

拖拽调整页面顺序:拖动某页面在页面列表上下移动位置即可。如果将页面A移动为页面B的次级页面,直接拖拽A至B区域处即可。

复制/转移/删除页面

鼠标悬浮某页面,页面名称右侧会显示「...」更多按钮,点击更多按钮展开「创建副本」、「移动到」以及「删除」的按钮。

编辑页面式样

在右侧的“页面设置面板”,你可以选择页面是“竖屏”还是“横屏”演示,可以修改背景颜色

可以选择是否显示“布局”,并可以修改“列数”/"间隔"/“尺寸”。

可以选择是否显示“网格”,并可以调节网格大小。

可以查看当前页面链接数,并在这里一键删除。

4.添加组件和图标

在最右的设置面板左侧里有“组件”、“我的组件”、“图标”库,点击即可打开相应的素材库。

我的组件:你自定义的组件库。

图标:覆盖各领域的图标,来自FontAwesome,MaterialDesign和墨刀图标系列。

墨刀目前有两种方式添加组件/图标到画布上:

1双击组件/图标

2拖拽组件/图标到画布

对于左侧(在“推荐”模式下)的“快捷组件”来说,还有第三种添加方式:按住对应的快捷键然后鼠标画出。比如画“长方形”组件,就按住“R”。至于其他组件用什么快捷键,鼠标悬浮在“快捷组件”上就可以看到啦!

5.编辑组件属性

在面板里可以编辑组件的各种属性,比如位置、大小、颜色、透明度、阴影、动效等等。

选中多个组件,可以编辑它们的布局方式,比如“左对齐”、“右对齐”、“居中对齐“、“水平等间距”、“垂直等间距”…

选中组件,在设置面板中点击「小眼睛」得图标即可显示、隐藏组件。

显示、隐藏组件快捷键:

选中组件,在工具栏中点击「锁定」,或者在外观设置中点击「小锁」图标即可锁定、解锁组件。锁定组件后,点击组件右上方的「小锁」图标也可解锁组件。

锁定、解锁组件快捷键:

组件和页面目前还不支持渐变色设置。

6.保存自定义组件,以重复使用

画原型时,会遇到这样的情况:我设计好了一套组件,之后会多次利用,但我不想每次都重新设计,该怎么办?

在墨刀,你可以将任何组件(组合)创建为“我的组件”,收录到“我的组件”库中,之后便直接从组件库中拿出来使用即可。

有2种方式可以创建“我的组件”:

1选中组件,右键弹出面板,选择“创建我的组件”。

2直接拖拽组件到“我的组件”面板空白区域。

创建成功后,便可以通过双击或者拖拽的方式直接使用啦!

如果你自定义的组件数量很多,还可以使用“搜索”功能来提升工作效率。

此外还可以在“我的组件”面板建立文件夹来管理你的组件,更多批量处理可以通过打开“素材库”实现。

7.使用母版批量修改组件

你在画原型时或许面临这样的问题:同一个组件(组合)在多个页面多处都用到,但是当后期需要修改时,你想一次性修改所有这样的组件。

此时你就可以利用墨刀的“母版”了。

母版:

墨刀支持将任何组件,无论是静态还是动态,转化成母版(master)。

母版的特点是具备“继承性”:只要改动母版(master),那么它所有的实例(instance)都能同步更新改动。

新建母版:

选中组件——右键“转换为母版”——命名。在该项目创建的所有母版都会存放在“母版库“中。

编辑母版:鼠标悬浮在母版缩略图上方,点击“…”—“编辑”,即可进入修改母版。修改完成后,它在该项目里所有的应用实例都会同步更新修改。

8.添加交互设置

在墨刀,你可以很快捷地实现页面之间的跳转。有2种方式:

给出其中一种方法

选中组件,在“链接设置面板“点击“添加事件”。

然后设置”触发动作“和”动作“。

9.管理素材库:

组件:你可以在这里新建、复制、移动、删除组件,新建和删除组件文件夹,也可以将组件置入画板。支持按住Shift或command/ctrl键多选。

图片:有一个好的图片库相当于一个井然有序的图书馆,可以快捷高效的取用所需素材。

THE END
1.写作高手怎样搜索素材?5大技巧一定要知道搜索素材时至少考虑三个维度:文字、图片、视频。 5. 精准搜索 什么是精准搜索? 就是在搜索的时候加上限定条件,让搜索更精准。 比如,在百度中搜索董宇辉离开东方甄选,你搜出来的结果中,这组词有时候是断开的; 如果你加上引号,搜“董宇辉离开东方甄选”,在搜到的结果中,这组词大多以无中断的形式出现。 https://www.jianshu.com/p/9ab8453e67c6
2.剪映素材库在哪里剪映素材库查看方法手机软件它将一步一步地指导你,让你轻松找到剪映素材库,并利用其中的内容为你的视频增添创意和吸引力。继续阅读,了解如何使用剪映素材库,提升你的视频制作水平。 剪映素材库在哪里?剪映素材库查看方法 1、首先打开进入剪映,然后点击“开始创作”。 2、之后可以选择右侧的“素材库”进入并使用。 3、素材库中有着很多的素材...https://m.php.cn/faq/918794.html
3.重磅功能「Pixso企业资源库」上线,提高团队协作效率!高质量的设计项目,需要完善的设计规范,每一个企业产品设计团队都有自己的标准,对字体、组件、配色、风格都有严格的要求,基于这个设计标准整理成企业素材库,日常工作中可以直接复用,保障设计风格的一致性,又能极大的提升工作效率,节省大量的时间。 但企业素材库的整理并不容易,也面临着各种各样的问题: ...http://www.soft6.com/news/2022/07/09/1639468344.html
4.冲呀!饼干人:王国「丹桂饼干」素材库开放!冲呀!饼干人:王国「丹桂饼干」素材库开放!如下:书院之星、专业美饼——集诸多要素于一身的「丹桂饼干」,扭蛋UP开放中!「丹桂饼干」相关创作素材也正式加入官方素材...https://www.7723.cn/strategy/279191.html
5.有料素材安卓版下载有料素材手机app官方版免费下载【有料素材】一个超好用的素材库 「方便快捷」各种类型素材包,一键获取上千款素材 「每日更新」每日更新1000+款素材,紧跟热点 「免费下载」海量炫酷素材,免费下载 「高清壁纸」超多4K高清动态壁纸,让你的手机与众不同华军软件园提供有料素材app官方版下载地址,有需要的用户可免费下载使用! http://www.onlinedown.net/soft/10123947.htm
1.「找素材=>找素材是简单好用的视频和文案素材库 【1】拥有海量精选视频素材,电商商品、艺术创意 、名人名言、绿屏特效、美味美食、体育健身、人物生活、节日庆典、旅游景点、自然风景、城市交通、经典转场、娱乐消遣 【2】AI智能写作助手,还有视频剧本、办公模板、励志正能量、情感表达、趣味搞笑、商业思维、节日祝福等文库 【...https://apps.apple.com/jp/app/%E6%89%BE%E7%B4%A0%E6%9D%90-%E5%B8%A6%E8%B4%A7%E8%A7%86%E9%A2%91%E6%96%87%E6%A1%88%E5%95%86%E5%93%81%E7%B4%A0%E6%9D%90%E5%BA%93/id1575305902
2.堆糖素材库堆糖,美图壁纸兴趣社区。收录几十亿高清优质图片,数千万用户的珍藏分享,一键收藏下载美图,点亮生活无限灵感,做你的美好研究所:拥有高清壁纸、情侣头像、明星爱豆、影视动漫、情感文字、表情包、绘画手帐、P图教程、美妆穿搭、歌词台词、可爱萌宠等多种图片分类。你想https://www.duitang.com/
3.平滑线反锯齿工具不要把作品局限在自己手头的素材中。 「ScreenFlow」的素材库拥有超过 500,000 个图像、音效、视频和音频片段等。 使用这些素材绝对能为你的视频增色。 轻松分享 完成编辑后,「ScreenFlow」丰富的导出选项可以帮你针对不同的平台和格式优化视频(例如视频网站、iOS App 预览、Apple TV,以及 GIF 动图等)。 https://blog.csdn.net/weixin_39757122/article/details/110936405
4.笔神作文app下载笔神作文v7.12.19安卓版标签:作文素材app安卓暑假学习软件写作软件 轻松帮你提高作文成绩! 应用截图 应用介绍 笔神作文,一款非常有效的作文学习软件。在这里海量作文素材资源轻松展示,任你随时搜索采用,更有超多的优秀范文为你提供,让你轻松在线学习,非常方便! 笔神作文介绍 让你作文写得又好又快! https://www.qqtn.com/azsoft/230776.html