原型制作与图解——墨刀工具

已于 2022-09-12 17:19:59 修改
阅读量1.7k 收藏 6
点赞数 1
分类专栏： 前端开发 浏览器 文章标签： 墨刀
于 2022-09-10 21:59:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53810245/article/details/126798948
版权

原型制作

墨刀官网modao.cc

1、注册与新建项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

1、墨刀功能区

墨刀中各个主要功能的位置，文件夹，图标模式以及列表模式，工作区，文件夹，页面编辑区，我的组件，母版，内置组件等内容。
在这里插入图片描述
在这里插入图片描述

2、页面编辑区

在这里插入图片描述
在这里插入图片描述

1、页面跳转

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2、底栏

在这里插入图片描述

3、替换图标及其文字

在这里插入图片描述
在这里插入图片描述

4、长页面制作

在这里插入图片描述

3、部分高频组件的使用说明

1、链接区域

在这里插入图片描述

2、图片

可以直接 ctrl+c——ctrl+v进行图片导入，也可用如下方法进行放置
在这里插入图片描述

3、轮播图

在这里插入图片描述
在这里插入图片描述

4、表格

将表格拖拽到页面中，双击表格即可进行输入；也可对表格的行列进行增减
在这里插入图片描述
在这里插入图片描述

5、批注

在这里插入图片描述

6、标签页，切换页面

在常用组件中找到标签页
在这里插入图片描述
在这里插入图片描述

4、运行

在这里插入图片描述

5、三分钟快速搭建（低保真）原型

在这里插入图片描述
在这里插入图片描述

如何把原型保存为图片？
01-19 3982
正常情况下，利用Axure RP制作的原型图文件无法使用其他软件打开，你想将做好的原型给其他同事、领导或者客户查看的话，而刚好对方又没有安装axure这个软件的话，可以怎么做呢？ 1、生成链接 2、生成HTML文件 3、保存成图片 前面的两种方法我们之前有介绍过，不清楚的可以查看我们往期的文章。这篇文章介绍将Axure原型图导出为图片格式的方法，仅供参考。 打开Axur...
【原型化开发】原型设计工具——墨刀
m0_57840386的博客
05-21 1917
文章目录一、概述二、原型界面展示 一、概述 原型化开发是软件开发的一种常用方法。开发人员对用户提出的问题进行总结，就系统的主要需求取得一致意见后，开发出一个原型并运行之，然后反复对原型进行修改，使之逐步完善，直到用户对系统完全满意为止；它的适用场合主要为处理过程明确、简单系统、涉及面窄的需要细化需求的小型系统。 这是软件开发过程中常用的一种方法，先根据系统功能性需求与非功能性需求构造出系统原型，再遵照着原型界面进行项目处理，可以大大缩短项目交付工期，是一种简单有效的方式。 这里我介绍一个比较好用的轻型原型
产品经理入门之墨刀(原型图)
weixin_64512346的博客
02-24 5026
和经常使用的页面一样，在导航栏处需要有个退出的按钮，所以选取自己需要的图标（可以对他修改颜色的填充）需要一个输入框，进行拖拽，进行位置，文字等的修改，按照规范进行相同的处理，如添加按钮等。接下来，我将使用墨刀来画原型图来为大家讲解基本的功能和做法（非常简单易学，很有趣。从素材广场创建项目（可以使用别人的，当然我们做好了自己的可以上传自己优秀的素材。首先从右侧的工具栏中选出自己比较喜欢的图片，拖拽进草稿内，自己调节合适的大小。最后呈现的效果，可以打开预览进行查看（这个是最基本的静态页面，未设计到交互）
设计一款短视频产品原型有多简单？
Lemonliyi的博客
05-26 1670
据猎豹全球智库《2018年Q3中国App市场报告》的统计，中国移动互联网用户日均使用APP时长排行中，通讯社交APP最高（43.1分钟），新闻APP第二（26.9分钟），短视频APP则紧随其后（18.2分钟）。无论是字节跳动旗下的全球下载量超过8亿次的抖音，还是腾讯发布的以微视为代表的9款短视频产品，都足以表明短视频领域的火爆。 然而虽然短视频类产品的数量非常多，但总体上的类型无非就是几种。为了便...
墨刀原型使用
sinat_36759535的博客
09-21 1943
文章目录前言一、墨刀二、使用步骤1.创建个人账户2.创建原型3、预览三、总结 前言 产品经理需要将需求转换成产品原型，然后好和开发人员进行沟通，今天刚好学习下使用墨刀画下产品原型。 墨刀是收费的，我们仅使用来学习 一、墨刀 详情进去学习 墨刀官网 二、使用步骤 1.创建个人账户 可以使用手机或者邮箱注册，或者微信扫描下二维码进行注册，都可以。 2.创建原型 创建原型 编辑进行设计 新增原型页面 3、预览 返回 选择预览 查看预览结果 三、总结 墨刀还是很好用的，用在设计原型 ...
墨刀原型设计介绍
weixin_30889885的博客
04-26 1935
墨刀原型设计介绍 目录： 　　前言 　　墨刀简介 　　墨刀功能介绍 　　墨刀的基本使用 　　墨刀与Axure的比较 　前言 　　在第八周的课堂上，王文娟老师发布了对于自行选择的原型设计软件进行资料查找以及自学的任务，因此，这是软件工程综合实践专题课程第二次个人作业所写的博客。 　　因为上学期课程的学习需要，我们已经大概掌握了原型设计软件Axure的使用，所以在...
原型设计软件【墨刀】原型设计工具
06-24
原型设计软件【墨刀】原型设计工具原型设计软件【墨刀】原型设计工具原型设计软件【墨刀】原型设计工具原型设计软件【墨刀】原型设计工具原型设计软件【墨刀】原型设计工具原型设计软件【墨刀】原型设计工具原型设计...
十大原型设计工具（附带墨刀使用教程）.pdf
10-11
"十大原型设计工具（附带墨刀使用教程）" 以下是十大原型设计工具的知识点总结： 一、Axure RP * Axure RP是一款专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面、设计原型和规格说明文档的专家...
第一次原型分享——墨刀之底部导航栏
qq_42935600的博客
11-05 6482
墨刀与Axure各有优缺点 墨刀简单，容易上手，但可修改性较差。 用Axure设计原型时，每个零部件都需要自己一个一个设计，较为灵活，但做出的原型分享较为困难。 今天给大家用墨刀讲解一个组件制作——底部导航栏。 先添加动态组件 然后双击组件并删除组件内的内容，加入“底栏”之后调整高度使适应。 点击动态组件，并点击上方的“打散”，之后更改相应图标、文字，结果如图： 接下来组合图标与文字，并在状态...
墨刀原型工具基本操作流程.pdf
05-17
【墨刀原型工具基本操作流程】 墨刀是一款高效便捷的原型设计工具，专门用于构建移动应用的原型和线框图。它支持云端保存，让用户能够实时预览在手机上的效果，极大地提升了设计效率。以下是对墨刀基本操作流程的...
从零开始教你使用墨刀原型设计工具
m0_54786252的博客
06-26 4672
墨刀原型设计工具简单易上手，是每个产品经理和项目相关人员都可以选择的一款简单展示工具，能帮助开发人员在理解需求的同时进行图形化的界面理解，帮助项目后续的完善。
墨刀原型工具-小白入门篇
u012998680的博客
05-01 1万+
墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅 ，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。
墨刀教程：如何快速制作一个App首页原型？
热门推荐
mergerly的专栏
04-19 2万+
墨刀是一个原型设计工具，可以快速构建移动应用原型与线框图，支持云端保存和实时手机预览。今天主要是做一个墨刀的基础使用教程，就不重点介绍和对比各原型工具的优缺点了（有空的话我会单独做一篇原型工具的对比分析）。希望这篇教程可以帮助墨刀的初学者快速上手该软件。 那我们现在开始表演创建应用首先打开墨刀软件，新建一个应用，选择应用类型（这里我选择了iPhone设备），输入应用名称，设备类型和应用尺寸，点击创建
产品经理墨刀学习----注册页面
weixin_61838030的博客
11-05 890
我们做的产品是一个校园论坛学习开发系统，目前才开始学习。
墨刀基础篇(一) ：4.常用组件(表单、导航)
最新发布
人不风流枉少年
08-12 4270
双击进入编辑模式，可以新增选项，只能单选，不能设置选项的样式。而下拉菜单支持多选，支持设置选项样式。
墨刀带着「图表功能」来给大家「送钱」了！
Lemonliyi的博客
06-07 930
你是否还在艳羡别人能毫不费力做出有表格又有图表的漂亮网页布局？ 是否还在为元素的组合不智能而感到闹心？ 1.8款智能图表组件上线，样式随心自由调整 2.元素支持多级组合，开启模块元素新玩法 智能图表组件 是的，你没有看错，智能图表组件来了！ 就是后端产品的利好，百搭又百变的图表组件！ 而且不是一款，是 8 款！通通都是常用的！ 覆盖了后台产品绝大部分的使用需求，告别手动绘制，墨刀一键生成图表的时代终于来了！ 排列下来，颇有些壮观： 使用方法一如墨刀工具的本质一样，很简单！ 1.从右边组件列表中选中你所图
如何使用墨刀制作大数据可视化原型
Winfredzhang的博客
09-13 5306
1、打开墨刀网址中的“素材广场”链接。 2、搜索“数据可视化” 3、将其保存。 4、再客户端中打开，将选中的窗口移动到新建的项目中。 5、打开新建的项目。编辑刚刚加入的大屏网页。 6、打开阿里datav的工具，搜你需要生成的地图。然后下载svg。 双击墨刀窗口中的地图模块图片，再加载本地刚刚下载的地图svg文件。调整大小就可以了。 ...
墨刀原型-实现轮播图功能
niuniu_666的博客
01-16 1907
墨刀原型实现轮播图功能
[原型设计]Axure制作首页轮播图片切换效果
shuytu
11-13 2553
1、新建Axure PR文件，取名“Axure制作首页轮播图片切换效果” 2、获取素材，进入36Kr官网主页，获取轮播图片素材。 获取素材 3、拖拽动态面板控件Dynamic Panel,取名“轮播图片”，设置6个状态分别取名为1、2、3、4、5、6，动态面板大小设置为和图片大小一致747*231px。 设置动态面板 4、双击动态面板1-6
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

博客zhu虎康

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值