听说原型是UI的工作，我要暴走了… _原型

眼前多少难甘事，自古男儿当自强。这篇文章主要讲述听说原型是UI的工作，我要暴走了…相关的知识，希望能为你提供帮助。
看到这个话题，忍不住想来参与一波！
最近，不管是网上冲浪还是线下吐槽，“原型该谁做”，这是我听到PM和UI讨论最激烈的话题了……
如果你家PM对你说“原型是UI的工作，不然UI就是在做美工”，那么你可以认为他即将甩锅了。

文章图片

我们不妨来梳理一下思路，先看一下各自的概念描述：
原型图：根据需求文档用线条、图形描绘出的产品框架及逻辑；
UI图：跟我们平时在PC端或手机端看到的界面一样，追求1：1呈现最终产品的样貌，为开发提供准确的参考，通常不涉及交互策略。

从概念上看，原型图跟需求文档结合更紧密，所以应该是产品经理的工作。

文章图片

我们继续用事实论证观点，我在BUS直聘上找了PM相关的职位描述：

文章图片

文章图片

所以，你家PM还是不想画原型图的话，建议直接找HR沟通下工作态度的问题吧！

作为一名PM，思考“原型图该谁画”这是不对滴，你应该考虑如何让后续的设计研发协作更加顺畅，将项目彻底落地，才是一名合格的产品经理应该有的思想觉悟。

那么，总结下需求，既想快捷绘制原型图，又想部门间协作顺畅。该如何解决这个问题呢？

其实这个问题并不难，作为一个在产品圈里混了8年的老打工人，我给大家安利一个平台：设计+协作的一站式云平台——摹客。

如何快速地绘制原型？
身为PM，不想画原型图，本质在于懒得画或者不会画，而摹客很轻松就能解决这个问题。

不想画？不会画？没关系，套模板就行，电商类、咨询类、旅游类…拿去用就完事。摹客准备了海量模板，顶多自己改改，优化下内容就能给UI了，关键模板质量还挺不错的。

文章图片

如果是要自己画原型，那更好办了，摹客有丰富的组件，只需拖拽，就能成型，岂不是分分钟就能搞定？！

文章图片

说完基础绘制，再继续聊聊原型中的难题——交互！虽然大部分产品和UI互相看不上，但产品是要协调整个项目进度以及确保质量，无疑需要UI的紧密配合。

怎么让UI服你？不得不说，把各项工作做到位就很重要，比如，把原型做的清晰明了，让人眼前一亮，交互逻辑清晰！

我简单看了下摹客的交互功能，分为页面交互、命令交互、状态交互，常规的交互我就不过多赘述了，下面说说我在摹客里发现的交互技巧，能实现丰富的动画效果，操作也很简单~

比如想要完成图标闪烁等趣味交互，用克隆状态搭配旋转命令就可！

文章图片

不要眨眼，看看呈现效果吧！

文章图片

自动还原功能也很厉害，在交互页面设置自动还原效果，第二次触发时，组件就会回复到初始状态。

文章图片

想调整当前组件关联的所有交互动作，那就通过动作顺序来调整吧，仅仅拖动就可！

文章图片

最后，如果设置了多个交互命令，想一同展现效果，那就开启同时工作，开启后，所有命令同时执行！

文章图片

总之，交互效果最能体现PM的水平，想彻底征服UI，那就好好研究交互吧，有些小技巧可以让你秀到飞起！

如何高效地部门协作？
画原型问题搞定后，接下来我们看看摹客如何解决部门协作问题。部门间协作往往因为沟通不到位或软硬件不适配而产生很多矛盾，但其实这个问题不难解决。

比如，当需求评审通过后，项目进入到UI设计阶段。UI设计师们使用的工具不同，就可能会产生软件不适配的问题，而摹客支持所有主流设计稿类型：Photoshop、Sketch、Adobe XD、Figma、Axure、Mockplus、Figma，避免了因为兼容性、网络限制、设备限制等情况，而产生UI交流全靠截图的尴尬行为！

UI将设计稿通过插件上传至摹客后，PM可以在摹客上评审设计稿，对照查看设计稿是否与原型图逻辑一致以及标注其他修改意见。

文章图片

当UI图定稿后，就进入后面一个流程，由UI和开发工程师们对接工作。摹客最牛x的功能在于智能标注切图，随取随用。

我尝试了下，简单上传一张设计稿后，可以在摹客中一键下载全部切图，还可以自由切换平台（ios、android、Web）和选择倍率。

文章图片

最后，必须要提下实时协作！我以为的协作工具实时是指，比如A做完存档后，系统就能自动同步给B或C了。

但现实却啪啪打我的脸，没想到摹客的实时协作，重新定义了我的概念，可以简单理解成“腾讯文档”。多人在同一面板上编辑、标注，都能在各自屏幕实时展现，真·多人“实时在线协作”！

文章图片

咳咳，长篇大论说到现在，划重点了！用摹客绘制原型图快捷方便，高保真都不在话下；协作交付功能齐全，团队使用能大幅提高工作效率。

最值得我推荐的是：摹客永久免费！不仅PM画原型图免费，团队协作也是免费的，100人以内的团队都可以免费使用！毕竟能用便宜绝不用贵的，能用免费绝不用付费的！

最后官网放这了，反正不花钱，要不就试试看呗：
【听说原型是UI的工作，我要暴走了…】设计+协作，摹客就够了！