一款原型设计软件——墨刀的介绍

墨刀介绍

一.简介

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

 

二.功能介绍

1.操作简单

简单拖拽和设置,即可将想法、创意变成产品原型。

2.演示

真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。

3.团队协作

与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。

4.交互简单

简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。

5.自动标注及切图

将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图。

6.素材库

内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

 

三.使用教程

以网页版为例

进入网站 https://modao.cc/,选择进入工作区

然后可以选择新建项目

 

 

可以选择空白项目,当然也可以从模板中选择已经其他人创建好的模板进行修改创作,大大减少工作时间

 

 

 

 

新建项目后可以进入项目概览

 

选择相应的界面后点击编辑可以开始进行修改创作

 

 

 

 

左侧可以拖动控件到界面中

 

 

 

 

 

右侧可以对控件做修改

 

 

上侧可以对整个项目做一些操作,导入图片,保存,分享,工作流,运行等操作

 

 

 

 

 

四.例子

这是我用墨刀制作的一个商城demo ,功能主要是水族类商品的贩卖,使用了网易考拉的一个模板,可以在左侧很清晰的看到整个项目的层次结构,十分方便。

 

 

 

转载于:https://www.cnblogs.com/dayoulaoshi/p/10784221.html

### 关于墨刀原型设计示例作品展示 在探讨如何利用墨刀进行有效的原型设计并将其作为优秀的设计案例来展示时,可以从多个角度出发。墨刀一款专为中国设计师打造的产品原型设计工具,它不仅支持快速创建高保真度的交互原型,还提供了丰富的组件库和插件生态,使得设计师能够更加专注于创意本身而不是技术细节。 #### 利用可视化手段增强作品集的表现力 为了使复杂的工作流程变得直观易懂,在构建基于墨刀的作品集中应注重采用图形化表达方法。例如,Kurt Winter 的设计理念强调了即使是最具挑战性的交互项目也能以美观的形式呈现给观众[^1]。因此,当准备一份关于墨刀使用的个人或团队作品集时,应当考虑加入详细的页面布局草图、线框图以及最终视觉效果对比等内容,让观者一目了然地了解整个项目的演变过程及其背后的故事。 #### 展现设计思考的过程而非仅仅成品 除了漂亮的界面截图外,更重要的是要传达出你在解决问题过程中所采取的方法论。正如某位UX设计师提到过的那样,“如何展示我的设计思维”是一个值得深思的话题——毕竟好的设计方案往往源于深刻的洞察力与逻辑推理能力[^3]。所以建议可以在每一页的关键节点处附加上简短的文字说明或是语音解说链接,解释为什么选择了特定的颜色方案、字体大小或者其他任何影响用户体验的因素;甚至可以通过录制视频教程的方式引导访客一步步体验完整的操作路径。 ```html <!-- 示例 HTML 结构 --> <div class="project-showcase"> <!-- 页面布局草图 --> <img src="./sketch.jpg" alt="初始草图"/> <!-- 线框图 --> <img src="./wireframe.png" alt="低保真线框图"/> <!-- 最终版本预览 --> <iframe width="80%" height="450px" frameborder="no" scrolling="auto" allowfullscreen src="//mudao.cn/projects/your-project-id"></iframe> </div> <p>在这个项目里我们决定使用蓝色调为主色调是因为...</p> <audio controls> <source src="./design_thinking_explanation.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> ``` 通过上述方式不仅可以全面地反映出创作者的专业技能水平,同时也更容易引起潜在客户的共鸣,从而提高获得合作机会的可能性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值