了解原型设计工具:墨刀

 了解原型设计工具:墨刀

墨刀,一款在线的移动应用原型与线框图工具。借助于墨刀,创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示。目前墨刀支持创建移动端(iPhone、iPad、Android)、web端的项目。

目前墨刀分为网页版和客户端,网页版可以直接使用,客户端在网页版的功能的基础上增加了诸如可以随时提取页面中某一颜色然后应用于对应控件等小功能。不同于Axure一定要下载才能使用,墨刀可以直接在网页上打开进行创作,给这个设计点赞!

一、

完成注册之后就可以创建项目了

点击右下的“视频教程”,里面有较为详尽的图文教程,教你怎么使用墨刀的各种功能。

让我没想到的是这个软件居然有模板库!还可以从已有模板中创建项目!

这简直是太幸福了,我仿佛已经站在了巨人的肩膀上!

我选择了我使用较为频繁的“网易云音乐”模板进行预览。

 

打开就看到了制作非常精良的页面(左)

(右边是我手机上打开网易云音乐的页面)

虽然因为版本不同页面布局有些差异,但是大体上的相似度是极高的。

  

以下是部分页面的截图:

(1)视频主页:                                                            (2)我的音乐:

                                  

(3)歌单:                                                                    (4)歌曲播放:

                                     

(5)歌曲评论页:                                                          (6)搜索:

                                    

左侧有各页面的具体名称,点击可直接跳转到该页面(显示方式有列表和小图两种):

    

还有页面搜索功能:

    

点击“标注”,鼠标移动到各图层会显示改图层的详细信息。(右侧各属性可通过点击复制)

注:标注展示相关控件的宽高、颜色、相对位置,便于开发。

至此,基本预览完成!

接下来,

点击使用模板进入“网易云音乐”模板界面

点击“编辑项目”,进入工作区编辑。点击文本框,文本框与其相对应的界面有直线相连,线上图标表示“点击“操作可切换到该界面。

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

右侧工具栏还可以切换其他操作

点击动态页面,出现所有动态页面选项。

注:点击右上角的“?”,会跳转到教学页面,教你如何实现交互动画。

点击“素材库”,选择“内置素材”里面除了基本组件,有许多实用的素材如:iOS的各类图标,便于设计时使用。

自定义组件库:

对于一些平台组件库中没有的,或者项目中常用但是需要多个组件拼接的,我们都可以通过自定义组件来制作,方便其他项目直接使用,比如项目中常用的消息弹窗,我们就可以制成自定义组件。

墨刀对于APP的原型设计体验非常好,其控件的拖拉、大小的调整,都会自然的去匹配相应的母版大小。无需去担心有多移动一点或多选择一点。并且墨刀的系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少工作环节。

二、

接下来我自己尝试建立了一个项目

选择创建空白项目

填写项目名称,选择完机型、型号和系统后点击“创建”。

进入工作区

点击“主页”进入编辑界面。

尝试着做了一个简单的登录与注册界面。

点击“登录”页面的“点击注册”可跳转到注册页面。

        

三、

使用感受:我之前使用过Axure所以对原型设计的工具有那么一丢丢的了解。墨刀首先给我的第一印象就很好,网页版墨刀省去了下载安装的麻烦。墨刀的教程算是比较完善的了。官网上就有详细的图文教程和视频,新手也可以很快上手。

因为Axure是没有元件库的,我使用的时候也是在网上找到元件库素材导入去做设计,这个对于不了解元件库的人或者第一次接触原型设计的人来说很不友好。墨刀不仅有元件库,还有模板库,这是让我非常惊奇的一点。各种已经做好的模板,不论是微信小程序还是各类应用界面,只需要小部分的修改,就能在最短的时间做出自己想要的模板,十分便捷。墨刀使快速设计原型变成了可能。然,墨刀的在交互效果上、控件组合上,操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,连线过多看起来会很混乱。目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能。但总体来说,墨刀还是一款很不错的原型设计软件,值得一用!

原文地址:https://www.cnblogs.com/tyt-/p/10771894.html

时间: 2024-10-07 13:47:47

了解原型设计工具:墨刀的相关文章

摩客、墨刀、axure,原型设计工具哪个好用?

搜了一下官网说明: Axure RP是一个专业的快速原型设计工具. 摩客是更快.更简单的原型设计. 墨刀强大易用的原型设计与协同工具. 都是原型设计工具. 打个比方,Axure RP是photoshop,摩客与墨刀是美图秀秀.前者面向专业人士,后者面向非专业人士. 摩客与墨刀可业余做非常简单的软件,开发技术也不稳定,稍微复杂一点就会崩. 最后,心态摆正:工具只是辅助,最重要的还是内容. 墨刀: 摩客: axure:

可协作的原型设计工具(附行业模板素材)

分享一款适用于产品经理和设计师的原型工具——墨刀. 相对于axure等传统设计软件,它最大的特点是轻.快,不需要下载,打开浏览器就能使用,没有复杂的中继器.函数概念,上手非常快,可以满足大部分场景的原型和交互设计. 近期,墨刀又推出了4.0版本,新增加了用户可以自定义和批量管理的组件库.素材库,并且完善了企业级的协作功能.这对于产品经理来说是个利好消息,可以创建团队的设计系统库,不管是版本之间,还是多个团队之间都可以保持步调一一致. 下面分享一下墨刀4.0的使用方法,一起加油~ Step1:快速

原型设计工具及设计练习

一.Axure RP.墨刀 和 Mockplus3种原型设计工具的对比分析. Axure — 交互线框软件及原型工具 自诞生以来,Axure立马从众多软件中脱颖而出,并且一直引领着整个原型设计软件行业. axure作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势. Axure缺点同样也相当明显,Axure的动态面板.中继器等功能都是强大的,但是不容易搞懂.Axure的素材大部分PM 都会在Axure原型库.素材库去寻找相应的第三方素材库,

几个常用的产品原型设计工具

有人说产品经理是产品的灵魂,有人说产品经理是企业的核心.对于我们未来想要做产品经理,获得较高的收入,实现自己对产品的诠释,原型图是肯定绕不开的.即便刚毕业我们去做产品助理,原型设计也是产品助理的主要工作. 下面跟大家聊聊几款产品经理常用的原型设计工具,产品工作感兴趣的同学可以用来熟练下使用技巧,未来也提高自己做产品助理/经理的录取率不是. 1.Axure 这个老家伙是肯定要有的,圈子里面的公认产品设计工具,很多单位的招聘条件上清清楚楚写着“熟练使用Axure”有木有.这有点像你学摄影的,一定要学

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

Axure RP一个专业的快速原型设计工具

Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司采用. Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等,另外,架构师.程序开发工程师也在使用Axure. Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定

推荐两个界面原型设计工具--GUIDesignStudio 和 Mockups For Desktop

前段时间,有幸参加一次高级软件架构师的培训,授课老师介绍了两个很好玩的界面原型设计工具:GUIDesignStudio 和 Mockups For Desktop,现分享一下,截图说明,洗洗眼球,权当娱乐. 以前在做界面原型设计的时候(不多,但有时候要做的),印象中多数用Visio或者一些UML工具来大致描述一下,效果及交互性较差,不知您是否做过这方面的工作,不管有没有,我们来了解下这两个比较有意思的东西吧.GUIDesignStudio 运行后,随便画上几个控件,界面如下: 运行设计好的内容后

干货!所有常用的原型设计工具都在这里了

本文列举了20余款当前国内外比较火爆的原型设计工具.我把它们分为以下五类: 1. 交互原型设计工具(仅限页面交互) 2. 手机原型工具 3. 网页原型工具 4. 静态原型工具 5. 动态原型工具(组件和页面交互) 交互原型设计工具(仅限页面交互) 这一类工具主要是建立页面之间的交互.其本身不能进行组件的制作和设计,需要从其它地方(例如:PS,本地)导入设计图,对已有的设计图创建热点,进行交互设计. Invision - 一款很好的制作原型交互演示的工具.你可以从本地.Dropbox.Google

移动APP开发使用什么样的原型设计工具比较合适?

总结过几个模型后,我就趁热打铁看了第二个题目:移动APP开发使用什么样的原型设计工具比较合适? 这个要分情况啦! 有时候,客户的需求很明显,就是实现几个功能的app(看来是个小型的工程啦)所以瀑布模型就可以胜任了. 有时候,客户的需求不很清晰,这就需要开发人员快速开发一个原型,再和客户详细计划自己需求的功能.如果是一个很大型的app,像淘宝,qq等这样的,需要不断的更新新的功能模块,这就需要开发阶段就要开放式的体系结构,这就需要增量模型, 有时候,类似于针对用户体验的APP就需要快速原型模型,根