墨刀使用总结

06-原型设计(墨刀):初识墨刀、原型设计、交互效果、项目演示 1、了解了墨刀的项目创建方式及菜单和功能;2、掌握的低保真原型设计的方法;3、掌握了页面和组件交互的实现效果;4、能够完成项目的发布及演示 阅读详情

使用墨刀进行原型设计总结

       墨刀是一个原型设计软件,在本次系统分析课程的电影售票应用泡影APP的原型设计中我们使用了它。虽然可能功能没有那么完整,但已经基本够用。目前墨刀分为网页版和客户端,网页版可以直接使用,客户端在网页版的功能的基础上增加了诸如可以随时提取页面中某一颜色然后应用于对应控件等小功能。
      下面我们以网页版墨刀为例来进行使用总结:

一、创建新的应用

      访问墨刀官网,登录之后会看到如下的页面:
      


      

   点击右上方的创建应用,可以选择不同的模板和设备类型,填写应用名称之后即可完成应用的创建,比方说上图的泡影就是我创建的一个应用,然后我们可以随时编辑应用或者与他人共同编辑和分享应用。


二、编辑应用

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


1、组件使用

     如图,我们把左边组件栏中的一些组件拉到这个中间的编辑栏,通过双击对应的组件进行文字或者颜色的编辑:


2、页面管理

       对于页面的管理,我们可以在最右边的页面管理栏进行新建或者复制页面,这样我们的原型也可以在不同页面之间跳转,如下图所示是一个原型部分页面树图:


3、页面跳转

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


三、导出下载图片或者安装包

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


四、运行分享应用

      点击页面上方的运行图标即可运行编辑的应用,而后在运行页面右方通过分享图标可以生成分享链接,如下图所示:



产品经理入门之墨刀(原型图) 和经常使用的页面一样,在导航栏处需要有个退出的按钮,所以选取自己需要的图标(可以对他修改颜色的填充)需要一个输入框,进行拖拽,进行位置,文字等的修改,按照规范进行相同的处理,如添加按钮等。接下来,我将使用墨刀来画原型图来为大家讲解基本的功能和做法(非常简单易学,很有趣。从素材广场创建项目(可以使用别人的,当然我们做好了自己的可以上传自己优秀的素材。首先从右侧的工具栏中选出自己比较喜欢的图片,拖拽进草稿内,自己调节合适的大小。最后呈现的效果,可以打开预览进行查看(这个是最基本的静态页面,未设计到交互) 阅读详情

相关推荐

墨刀原型设计工具操作使用指南及实践操作

该指南通过异常场景处理、像素级参数说明、复杂交互示例,覆盖了墨刀操作的全细节,适合从新手到资深用户的进阶学习。结合 PlantUML 思维导图的层级化展示,可快速定位具体功能的操作要点与问题解决方法,真正实现 “照指南即可操作” 的实用价值。

hy行者勇哥的博客 4947

墨刀入门学习笔记

这里使用的是网页端的墨刀,也可以去官网下载客户端版本。

weixin_75207853的博客 1万+

CHB-MIT波士顿儿童医院癫痫EEG脑电数据处理(一)

CHB-MIT癫痫EEG脑电数据处理CHB-MIT头皮脑电图数据介绍CHB-MIT头皮脑电图数据下载CHB-MIT头皮脑电图数据处理提取原始数据滤波(0.1~50hz)数据分块(时间窗口) CHB-MIT头皮脑电图数据介绍 该数据库收集自波士顿儿童医院,其中包括患有难治性癫痫发作的儿科患者的脑电图记录。停用抗癫痫药物后最多持续几天对受试者进行监测,以表征其癫痫发作并评估其对手术干预的候选资格。 从22位受试者中收集了23个病例的记录(5例男性,3至22岁; 17例女性,1.5至19岁)。 (案例chb21是

AI_DOG的博客 1万+

Mac墨刀怎么导出HTML,超实用教程,教你用墨刀做出小红书app原型

一个新手怎么用1小时快速学会APP原型设计?1小时很短,这意味着学习时必须把握APP原型设计中的重点、难点,而非面面俱到。要在短时间内理解、掌握一个工具的使用,最有效的方式莫过于临摹:看实例视频教程,并跟着教程在实例素材上操作。基于这2个点,我们精心挑选了一个在原型效果实现中具有典型性的APP——小红书APP作为案例,结合视频+原型素材+配套教程文档的方式做了一套流程完整、让新手能快速学会APP原...

weixin_42306480的博客 8679

深入解析Carry4的内部结构与工作原理

本文深入解析了Xilinx/AMD FPGA中的核心硬件资源Carry4的内部结构和工作原理。作为实现超前进位的关键物理电路,Carry4通过其CI、DI、S、O、CO等端口,高效处理4位算术运算的进位逻辑。文章通过端口详解、结构分析和实战计算示例,揭示了其如何加速加法、减法等运算,并探讨了其在优化FPGA设计时序与资源利用中的关键作用。

n4o5p6q7r的博客 501

音频测试专题

麦克风与扬声器单体测试指标及整机性能测试概述 麦克风测试指标包括频率响应、灵敏度、指向性等10项关键参数,用于评估声音捕捉和信号转换性能。扬声器测试包含频率响应、灵敏度等12项指标,涉及声学特性和物理参数。整机性能测试覆盖安静、嘈杂和正常三种环境,重点检测麦克风底噪、清晰度、扬声器音量及通话质量等12项功能指标。两类单体测试与整机测试共同构成完整的音频设备质量评估体系,确保产品在不同场景下的性能表现。

weixin_52640906的博客 1317

墨刀的使用

一、创建新的应用 访问墨刀官网,登录之后会看到如下的页面: 点击右上方的创建应用,可以选择不同的模板和设备类型,填写应用名称之后即可完成应用的创建,比方说上图的泡影就是我创建的一个应用,然后我们可以随时编辑应用或者与他人共同编辑和分享应用。 二、编辑应用 点击我们创建的对应应用进行编辑,进去之后会看到下图,其分为菜单栏、组件栏、编辑栏和预览...

weixin_33929309的博客 554

VLA、世界模型与端到端在智驾中的本质关系与工程落地

世界模型并非3D重建,而是对环境状态转移函数的可微分建模;VLA不是视觉+语言+动作的简单拼接,核心在于跨模态语义对齐。二者共同支撑具身智能系统实现从感知到行动的闭环推演,其技术价值体现在长尾场景泛化能力提升与决策延迟降低。在自动驾驶领域,真实量产方案均采用VLA架构作为多模态感知基础,嵌入轻量级世界模型以支持反事实轨迹推演,并通过WA硬件封装保障实时性,最终由端到端控制层完成像素到扭矩的语义贯通。这种混合架构已成L2+/L3智驾系统的工程共识。

weixin_34163553的博客 365

墨刀的html压缩包是什么,墨刀如何使用?(教程介绍)

墨刀如何使用?下面本篇文章给大家介绍一下使用墨刀进行原型设计总结。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。墨刀是一个原型设计软件,在本次系统分析课程的电影售票应用泡影APP的原型设计中我们使用了它。虽然可能功能没有那么完整,但已经基本够用。目前墨刀分为网页版和客户端,网页版可以直接使用,客户端在网页版的功能的基础上增加了诸如可以随时提取页面中某一颜色然后应用于对应控件等小功...

weixin_35204634的博客 1910

Qt中常见的面试题总结

基于Qt开发的一些常用面试题

一名热爱编程的程序员 8492

FunASR语音识别服务在Win11上的Docker部署避坑指南:模型配置与热词优化

本文详细介绍了在Windows 11系统上通过Docker部署FunASR语音识别服务的完整流程,包括环境准备、模型配置、热词优化及常见问题解决方案。特别针对Win11环境下的特殊配置和性能调优提供了实用指南,帮助开发者高效搭建高性能语音识别服务。

e3f4g5的博客 222

墨刀和axure使用经验分享

对于产品经理来说,画原型可以说是基本技能。原型大致也可以分为:线框图、低保真和高保真。其中,线框图利用纸和笔就能完成,低保真和高保真则需要使用到原型工具。 目前较为流行的原型图工具有axure、墨刀、摩客(Mockplus)、xiaopiu、Sketch等,甚至使用ppt也能画出很不错的原型,之前接触过的一位韩国在线教育产品专家就是这样做的。对于我来说,由于不同阶段跟着不同的导师,所以使用原型工...

qq_42595972的博客 9387

YOLOv4目标检测算法——通俗易懂的解析

YOLOv4目标检测算法——通俗易懂的解析

chase 7135

墨刀原型使用

文章目录前言一、墨刀二、使用步骤1.创建个人账户2.创建原型3、预览三、总结 前言 产品经理需要将需求转换成产品原型,然后好和开发人员进行沟通,今天刚好学习下使用墨刀画下产品原型。 墨刀是收费的,我们仅使用来学习 一、墨刀 详情进去学习 墨刀官网 二、使用步骤 1.创建个人账户 可以使用手机或者邮箱注册,或者微信扫描下二维码进行注册,都可以。 2.创建原型 创建原型 编辑进行设计 新增原型页面 3、预览 返回 选择预览 查看预览结果 三、总结 墨刀还是很好用的,用在设计原型 ...

sinat_36759535的博客 2253

学习STM32的DS18B20温度传感器

该函数首先复位传感器,然后发送跳过ROM命令和转换命令,并等待转换完成。接下来,它再次复位传感器,发送跳过ROM命令和读取温度命令。最后,它读取温度值的最低字节和最高字节,并将其组合成16位温度值。传感器的VCC引脚连接到STM32的3.3V电源,GND引脚连接到GND,而数据引脚连接到任何一个IO引脚。需要注意的是,示例代码中使用了一个简单的延时函数来等待转换完成。实际上,您可能需要使用定时器或其他更精确的延时方法来实现更准确的延时。下面是一个示例代码,演示如何读取DS18B20传感器的温度值。

m0_75244442的博客 1182

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

原型工具-墨刀的介绍使用

原型工具-墨刀的介绍使用

niuniu_666的博客 2942

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

墨刀原型工具的使用

超级开心,今天晚上又学会了一项新技能,用墨刀画原型图 墨刀和 Axure的区别应该是图片界的ps和美图秀秀的概念 我还是更喜欢美图秀秀,ps偶尔也会用,当然这里为了入门首先选择了墨刀 https://modao.cc/workspace/apps 点击进去左下角的教程很详细有动图有视频 总的来说三步 (1)新建项目 (2)布局的拖拉 (3)点击事件的跳转 可以根据左边的组件、组合...

充实喜乐 3935

RU DOS版、EFI版32bit/64bit BIOS常用工具

DOS版、EFI版的RU工具,可用来查看IO、MEM、PCI、SMBIOS等资源。亲测在EFI SHELL下可用。

墨刀安装以及基础使用教程

软件介绍 墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。 墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。 下载地址 1、官网下载地址:https://modao.cc 2、在下方公众号回复【墨刀】,也可直接获取下载安装包。 下载好后,直接双击.exe文件 安装使用 1、安装 (1)双击下载...

IT教育任姐姐的博客 1万+

墨刀导出html无法使用,墨刀用户必读,能解决你80%的问题(持续更新中)

#2登录后回复4 年前怎么在里面添加天气组件#3登录后回复4 年前按钮里面图标和文本的位置能换吗?即前面文字后面是图标#4登录后回复4 年前链接的那个小图标怎么总是不出现?#6登录后回复4 年前安装软件出错啊#7登录后回复4 年前可以的,你可以用文字和图标自由#8登录后回复4 年前有两个原因:1 使用的浏览器不是很兼容,比如ie、360等,建议您使用chrome浏览器。2 客户端版本比较老,可以升...

weixin_29434351的博客 3129

墨刀怎么注册_墨刀的使用

墨刀,一款在线的移动应用原型与线框图工具。借助于墨刀,创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示。 --- 百度百科目前墨刀支持创建移动端(iPhone、iPad、Android)、web端的项目。可创建项目类型注册登录使用邮箱注册后我们就可以使用免费版的墨刀了,账户类型区别及价格项目登录注册页面使用教程墨刀简单易操作,具体使用细节可以查看官方操作教程教程目录截图...

weixin_33479657的博客 1343

墨刀未能成功读取服务器数据,墨刀的使用

墨刀,一款在线的移动应用原型与线框图工具。借助于墨刀,创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示。 --- 百度百科目前墨刀支持创建移动端(iPhone、iPad、Android)、web端的项目。可创建项目类型注册登录使用邮箱注册后我们就可以使用免费版的墨刀了,账户类型区别及价格项目登录注册页面使用教程墨刀简单易操作,具体使用细节可以查看官方操作教程教程目录截图...

weixin_33364627的博客 578

比Axure更简单?墨刀高保真原型交互“监听变量”使用教程

本文以墨刀的“监听变量”交互功能为切入点,结合一个典型的高保真APP原型使用场景,手把手带你走一遍完整的实操流程,让你快速掌握高保真原型交互设计。

Lemonliyi的博客 1661

墨刀使用入门学习笔记1

墨刀 原型工具 需要官网下载和注册 https://modao.cc/ 推荐下载到本地 入门使用 企业级使用最好创建一个 organization space 个人玩或者非正式场合,就personal space就可以了 创建Project 点击Create旁边的箭头 发现两个选项 project 或者 from template 选project 一样可以选择墨刀自带的一些模板 ,我们这里选 project 我们看到其实这里有两个tab页,一个是空项目 ,一个是create from demos 其

GutiHAZ14的博客 2764

【墨刀基础使用1】

解决办法就是把图片直接拖过来拉伸(默认保持比例),把页面颜色改一改,再把填充图片的透明度跳一跳,也能达到想要的结果。具体步骤点击文件夹图标新建文件夹,点击加号新建画布,点击顶部栏的页面,在画布上新建页面。点击画布,右侧面板显示画布设置,即可对画布进行设置,为了使画布与页面范围区分大些,这里画布选了深灰色。剩下的就是调节组件的样式填充色,边框,模糊,图标色,选中色之类的,按照自己的心意调就ok。顶部栏:包含页面、矩形、文字、连接线、手型工具、卡片批注、评论;左侧面板:包含目录、组件,图标,图片,页面,母版;

Cecilia的博客 2276

墨刀弹窗以及墨刀事件的使用

墨刀原型几种事件介绍,跳转页面,界面事件等,以及切换组件状态。哔哩哔哩官方视频介绍。

qq_26889291的博客 1008

软件综合实践专题作业--墨刀的使用

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

andy19811006的博客 2277
上一篇: 产品原型设计
sysulmh
博客等级 码龄10年 10粉丝 10原创
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值