画原型图

这里说的用户体验，不是说原型设计需要考虑用户体验，而是说，原型图的设计，需要考虑看的人的用户体验，即开发人员的用户体验，如何让自己的原型图在写最少图文的情况下最容易让人看懂，就是原型图绘制的最高级目的。比如，相比于大段大段的文字去说明一个按钮的跳转，我会选择利用函数等去做好原型图的交互逻辑，做好每个按钮的点击事件，这样就很容易让开发人员理解了，开发人员也是人，看一大段一大段的文字，可能也会有点烦躁，这样不利于开发人员的用户体验。当然，也有一些确实是没办法运用axure等原型设计软件的交互逻辑去说

对于产品经理而言，如何简单高效地完成需求梳理、产品原型等工作，学会运用工具太重要了。作为一个Axure用了五年，Sketch的正版付费用户，当有更为便捷的设计工具上线后，我还是会第一时间选择试用，因为每一次尝试都可能是一次效率的变革。最近发现的一款设计工具“码前”，不吹不黑，这款工具的很多功能确实能有效提升工作效率，用起来也顺手。作为一名产品经理，我就从需求梳理、产品原型和UI设计三个功能角度进行分析吧。 快速创建思维导图，高效完成需求梳理 码前通过简单勾选就可以快速完成应用程序功能梳理,

在线原型图绘制工具相比于传统设计软件如Axure等有得天独厚的优势，它不需要安装、不限制地点、不限制操作系统，无论你使用的Linux, Mac 还是Windows，你都可以使用这些工具。 一、墨刀 墨刀是一款在线原型设计和协同工具，墨刀有内置丰富的UI素材和模板，清爽的界面，让设计原型的过程顺畅高效。 墨刀同样支持Sketch设计稿的导入，拖拽式创建交互链接，可以通过链接或者二维码在电脑端或者移动端快捷预览原型。此外，设计师也可以通过墨刀进行自动标注，开发者也可以用墨刀进行切图。 二

对于原型图这个概念，那个时候连原型图是什么都不知道，感觉很高大上。但是现在不仅知道了什么是原型图，也有了一些基本了解。 原型设计小技巧 对于一个产品经理来说，一个产品原型图的设计关系到产品的成型质量，因此我们在开发原型图之前必须要做好相关的准备功课，那么关于产品原型图的设计应该怎么样做才是最好的呢？ 1、制作产品流程图 对于一个产品原型图的设计，必须要提前做好一定的产品流程图，只有做好相关地产品流程图，才能够帮助自己做好相应地产品原型图设计。 2、提前设计手稿原型图

有经验的设计师或产品经理在画原型时都会选择适合自己的原型工具，小编精心挑选了几款原型设计工具对其功能进行了介绍，以供各位参考选择。 1. 码前Devbefore 价格：个人版 免费 如果你是一位热爱设计，却无从下手的设计新手，那么这款原型工具绝对能带给你意想不到的惊喜！ 作为原型工具中的后起之秀，学习曲线低，操作简单。功能也十分齐全，拥有丰富的组件和图标，自带流程图和脑图功能，能建立自己的组件库和自定义样式库等。一个人完成原型设计心有余而力不足？别怕，它新增的团队协作功能，秉承了简

对于产品新手来说，初期临摹绘制产品原型图时，多使用Axure软件的辅助线和页面截图来辅助绘制，可快速定位元件位置和大小，能更快完成元件的绘制和位置摆放，对于新手来说比较友好；将图片大小修改成与原型图页面大小一致的尺寸，通过X轴和Y轴辅助线快速绘制元件。 需要重复使用的元件或者页面，通过创建母版可极大提高原型图绘制速度，若需要修改同一页面元件的样式，直接修改母版样式即可。 绘制好的原型图多使用组合功能，以防止对页面拖动时改变页面元件的布局；同时，在绘制过程中，尽量对具有整体性的元件集合设置组合，方