惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Google DeepMind News
Google DeepMind News
爱范儿
爱范儿
J
Java Code Geeks
L
LangChain Blog
V
V2EX
大猫的无限游戏
大猫的无限游戏
S
SegmentFault 最新的问题
博客园 - Franky
Microsoft Azure Blog
Microsoft Azure Blog
Jina AI
Jina AI
Blog — PlanetScale
Blog — PlanetScale
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
The Cloudflare Blog
博客园 - 司徒正美
B
Blog
G
Google Developers Blog
Stack Overflow Blog
Stack Overflow Blog
罗磊的独立博客
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Apple Machine Learning Research
Apple Machine Learning Research
Engineering at Meta
Engineering at Meta
MyScale Blog
MyScale Blog
有赞技术团队
有赞技术团队
Hugging Face - Blog
Hugging Face - Blog

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
产品设计师的效率利器,一站式的原型设计工具:墨刀 - 少数派
2017-11-16 · via 少数派

编注:墨刀 是一款强大易用的原型设计与协同工具,张元一是它的创始人,他将会通过本文跟大家分享墨刀的设计理念与强大之处,并在文章结尾为大家送上福利。


原型(prototype)是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。

或许很多人没有发现,就本质而言,原型是一种沟通工具。它不是设计稿,也不代表最终布局,而是最终系统的代表模型或者模拟。

有意思的是,作为一个穿插在产品开发过程中的重要道具,它不需要太精美,但一定不能出错,出错就意味着沟通效率的下降,甚至可能导致产品进度严重拖延。

产品原型的主要的使用场景有:

  • 产品团队内部讨论、决策
  • 传递给设计师和工程师展示页面结构 
  • 向老板汇报和展示产品迭代内容
  • 给用户进行功能测试
  • 向投资人展示项目

这么一看就很明白了,原型的核心使用场景在于传递和展示,把你思考的设计方案呈现出来,然后推敲、优化、评审、修改。同时,原型在讨论过程中会面临不断的返工和修改,所以除了方便分享,原型还需要即用即改。

这正是我们团队在打磨墨刀这款原型设计工具产品时的出发点:易上手易使用,方便展示和分享,随时随地制作与修改。

为了让产品设计师尽可能在原型设计中少投入时间,同时获得更好的展示效果,我们提供了以下功能:

分享和展示

原型贯穿了产品从 0 到 1 的各个阶段,这意味着原型在产品经理手上产出后,会需要传递给设计师、开发、测试等人。

在使用传统离线软件进行原型设计的时候,这个链条上的每一个人都需要安装相应软件才能打开文件,文件较大、改版较多时文件的传输和版本控制也是个老大难。

不过,当你使用墨刀制作原型的时候,只用一个链接就可以将作品分享给任何人,对方不需要下载安装任何软件就可以直接预览。

多终端适配

更棒的是,这个链接不仅可以在电脑上打开,在手机上也可以直接通过微信或者浏览器打开,直接进行点击和手势交互,模仿真实 App 的使用体验。

这在向老板进行汇报,以及向投资人进行路演时都是非常实用的功能。随时随地修改编辑在线软件的好处就是不受本地文件的限制,随时随地可以进行编辑和修改,不论你身在哪里,只要有一台能连上网的电脑就可以进行原型的编辑和修改。

另外,如果发生任何修改,共同协作的同事也可以通过分享链接实时获得最新修改结果。不用再次进行文件传输。

为了方便团队协作,我们提供了两种权限设置:

  • 协作者:修改、复制
  • 审阅者:查看、评论

不同的权限设置可以对应工作中不同的角色场景,比如你肯定不希望老板成为项目协作者后由于误操作删了你的页面。快速设计正如我在前文中强调的,原型不是设计稿,也不代表最终布局,而是最终系统的代表模型或者模拟。

为了方便产品设计师快速产出原型,我们提供了丰富的组件库,可以通过这些组件、按钮、icon 快速拼装页面。同时,我们采取连线的方式直观的帮助你进行页面逻辑和交互的设置。

工作区

强大的工作流

工作流就是原型的页面流程图。墨刀每个项目都有自己的工作流,在项目的工作流里,你可以导入已设计好的原型页面缩略图,创建页面流程图或者交互图,来更详尽地展示产品逻辑、流程或结构。

工作流

这里比较方便的是,墨刀可以直接生成这个项目的所有交互链接,不用再重复链接这些页面。

工作流非常适用于和工程师讨论需求的场景,页面逻辑和关系可以很方便的展示给工程师。除了页面和链接,工作流里还可以插入文本框、表格、超链接以及图片,帮你更详细地说明需求。

Sketch 插件

支持越来越多产品设计师开始用 Sketch 进行页面设计,我们顺应大家的呼声开发了 Sketch 插件。通过 Sketch 插件,可以直接从 Sketch 导入图片进入墨刀,墨刀将识别元素信息,一键查看设计稿中元素的颜色、尺寸、坐标等标注信息,并提供切片素材下载,加速产品开发。

Sketch 插件

高保真与低保真原型

曾经有用户问过我,墨刀现在似乎是在逐渐向高保真原型工具变迁,是要从低保真原型工具变成高保真原型工具了吗?

我认为高保真和低保真原型不是对立的、非此即彼的,原型设计的核心目的在于演示和测试产品,可以帮助我们识别问题、减少风险、节省成本。

所以在功能评审时,我们用低保真原型来进行讨论。在用户调研时,我们用高保真原型让用户有尽可能仿真的体验。

产品设计师对高保真与低保真原型的需求兼而有之,为高保真原型做更多努力是为了更好的满足我们所有用户的需求。

我们希望墨刀可以是一站式的产品设计工具,目前甚至有大型团队不仅仅在墨刀上做原型,还会直接用墨刀进行 80% 的产品 UI 设计,这是我们始料未及的。

欢迎大家体验我们的产品,有更多惊艳的功能等待你发现,也希望大家多多给我们提建议,帮助我们迭代成长。


福利

少数派联合墨刀团队为大家带来专享福利。通过下方的优惠专享链接,进入墨刀官网,登录你的墨刀账号(如果没有,需先进行注册),即可享受 9 折优惠购买所有版本

👉 优惠专享链接

墨刀 - 强大易用的原型设计与协同工具

所有版本 9 折,少数派专用特惠