一款原型设计工具“墨刀”的介绍
一、什么是墨刀
墨刀 MockingBot 是北京磨刀刻石科技有限公司旗下的一款在线原型设计与协同工具。
墨刀致力于简化产品制作和设计流程,采用简便的拖拽连线操作,作为一款在线原型设计软件,墨刀支持云端保存,实时预览,一键分享,及多人协作功能,让产品团队快速高效地完成产品原型和交互设计。
使用墨刀,用户可以快速制作出可直接在手机运行的接近真实 app 交互的高保真原型,使创意得到更直观的呈现。不管是向客户收集产品反馈,向投资人进行 demo 展示,或是在团队内部协作沟通、文件管理,墨刀都可以大幅提升工作效率,打破沟通壁垒,降低项目风险。
(摘自 墨刀官网:https://modao.cc/)
二、墨刀能干什么
原型设计
1. 支持HTML、PNG、APK、IPA 多格式离线文件下载,还可以下载多倍率图片,满足不同分辨率需求;
2. 支持创建 iPhone/iPad、Android、平板、watches、PC 各平台设备的原型,也可以自定义设备尺寸;
3. 提供 iOS、Android 等平台的常用组件及大量精美图标,同时还可以自定义自己的个性化组件,方便项目之间自由切换、使用;
4. 通过拖拽创建链接及交互动效,提供丰富的页面切换方式、交互手势及动画,简单操作即可创作;
5. 通过二维码、链接分享,可以在网页、移动端、墨刀预览助手 app 中快速查看产品 demo 的演示效果。
开发标注
1. 使用Sketch插件上传设计文件,墨刀标注会自动生成设计标注信息及全平台样式代码,可以精准还原标注信息,并提供每个元素的 CSS、Swift、Android 样式代码;
2. 提供了业内完善的颜色解决方案。除了展示常规设计文件的全局颜色,还会自动生成当前页的页面颜色,还可以手动吸取颜色,随心定制你的个人色板;
3. 只需设计师导入Sketch切图,即可自动生成多倍率切图文件。可以一键下载全部切图,也可以根据实际需要,下载独立的元素切图;
4. 除了支持元素在各平台之间的颜色、分辨率换算,还支持手动设置 HTML 的字体大小单位(rem/em)。
Sketch插件
通过Sketch插件上传设计文件,墨刀标注会自动创建、精准还原设计文件所有样式信息,并提供元素 CSS、Swift、Android 各系统样式代码。
三、墨刀有什么优点
1. 有桌面版与手机版应用,能够更方便快捷地编辑、预览原型;
2. 轻量快速,同步、分享都很便捷;
3. 其控件的拖拉、大小的调整,都会自然的去匹配相应的母版大小;
4. 自带很多成熟的组件,例如键盘,开关,手机模型等。
四、墨刀有什么缺点
1. 在交互效果上、控件组合上,操作面板的选择上不够灵活;
2. 需要付费才能使用更强大的共享创建功能;
3. 墨刀本地下载的功能需要注册并且购买。普通用户只能通过页面分享、或者扫一扫的形式进行观看;
4. 在保真度方面仍需改进。
五、如何使用墨刀(以网页版为例)
1. 创建应用
「项目管理页」,创建的项目都会展示在这里。左上角,可以切换个人空间和企业空间。下方,可以选择「使用模板项目」还是「创建空白项目」。
「使用模板项目」,可先预览模板效果,挑选成功后点击「使用模板」即可。
「创建空白项目」,创建后可以编辑页面,还可上传启动图标和启动界面图。
2. 创建页面结构
3. 创建页面内容
从组件区拖出组件到页面设计区,对齐进行大小、颜色、外观等属性设置。
4. 添加页面交互
页面间交互
页面内交互
页面交互可以用动态组件来制作,制作诸如加载动画、分页器、组件神奇移动等效果。墨刀也内置了WEUI动态组件、AntDesign组件,可以直接使用。
5. 项目预览、分享与下载
预览
点击右上角的“全屏模式”,进入全屏演示。并支持切换黑白背景色。
分享
在分享页面设置“权限”和“效果”,保证项目预览的私密性和顺畅性。
下载
离线文件可供演示、查看,但是不能用于编辑
以上就是对“墨刀”的介绍与针对如何使用“墨刀”的一个简易的基础教程。
转载于:https://www.cnblogs.com/cwqbs/p/10794717.html
一款原型设计工具“墨刀”的介绍相关推荐
- 原型设计工具——“墨刀”的介绍与基本教程
一.产品介绍 (1)产品简介: 墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理.设计师.开发.销售.运营及创业者等用户群体,能够搭建为产品原型,演示项目效果. (2)产品logo: (3)发展历 ...
- 【原型化开发】原型设计工具——墨刀
文章目录 一.概述 二.原型界面展示 一.概述 原型化开发是软件开发的一种常用方法.开发人员对用户提出的问题进行总结,就系统的主要需求取得一致意见后,开发出一个原型并运行之,然后反复对原型进行修改,使 ...
- 系统原型设计图工具--墨刀 使用
因项目需求,需要设计一个项目的系统原型设计图,根据网上推荐,选择了一个原型设计工具–墨刀,这个工具使用简单,易上手,可以让一个初学者快速的设计出原型界面. 墨刀使用:要先注册登录才能合理的使用这个工具 ...
- 介绍几款原型设计工具
每一年的毕业季都是找工作高峰时期,产品经理.UI设计师这些岗位都会接触到原型设计工具.选择原型设计工具最重要的一点:适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看那一款于你而言 ...
- 第三次作业-介绍一款原型设计工具
课程:软件工程综合实践专题 学号:1759214 介绍一款原型设计工具:Mockplus http://www.mockplus.cn 如今是一个快节奏的社会,每一天都会有无数的软件发布,每一款软件 ...
- 9款原型设计工具与Sketch的强强组合,轻松构建交互原型!
9款原型设计工具与Sketch的强强组合,轻松构建交互原型! 原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此 ...
- 五款移动APP在线原型设计工具,值得收藏
今天已到2014年的最后一天了,25学堂还是一无既往的为大家提供最优质最简单通俗的移动APP设计资源和移动APP设计干货. 25学堂整理了国内外4个比较操作易上手的移动APP在线原型设计工具推荐给大家 ...
- 6种原型设计工具大比对! Axure,Invision, 墨刀……哪款适合你?
每一年的毕业季都是找工作高峰时期,产品经理.UI设计师这些岗位都会接触到原型设计工具.适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看哪一款于你而言才是最好的~ Axure 老牌 ...
- 5款高效的原型设计工具
设计并不是随心所欲,也不是每时每刻都需要创意.你需要一个向导为你指明方向- 这就是原型. 什么是原型? 原型可以概括的说是整个产品面市之前的一个框架设计.设计师可以利用它引导每个人都参与到项目中来.原 ...
最新文章
- 二、配置QtDesigner、PyUIC及PyRcc
- 修改单个viewcontroller的状态栏字体颜色
- unity fixedupdate_3D俯视角射击——用Unity还原东方弹幕(上)
- android如何创建spinner组件,Andriod开发之下拉列表控件(Spinner)的用法
- linux make使用技巧
- EffectiveJava读书笔记--01继承的使用注意
- [转载] 10 个最值得 Python 新人练手的有趣项目
- 产品运营必备的素质有哪些
- 使用maven将jar包下载到本地仓库
- nvm nodejs npm快速安装
- 简单学习SIPp使用手册
- ALSA子系统(十四)------snd_pcm_drain和snd_pcm_drop
- 【华人学者风采】王亚军 微软必应
- Mesosphere DCOS快速部署手册
- python中的newline_python open函数newline用法
- C#基于虹软SDK的人脸识别签到系统
- 40 张最全计算机网络基础思维导图
- 第8节 Kali及其他Linux系统软件分类及安装
- Php一键转存微信文章,python如何导出微信公众号文章
- c语言—冒泡排序(详解)