UI设计中的原型图用什么工具？怎么做？给谁看？

（阅读时间：5分钟）

我们应该理清到底什么工具配合制作什么样的原型给谁看？

 

设计师小伙伴们肯定都知道，在网站或者应用开发的前期，是需要设计原型图然后给开发和客户展示的。

原型图的目的：

第一是给自己看，方便规划整个设计并持续下一步的完成度；

第二是给开发看的，可以更好的说服，并且更佳的完善软件；

第三个目的是给客户看的，更高质量的原型图可以推动合作并让客户更满意。

但是在实际操作中，很多UI初学者对原型度的界限不是非常清晰，拿着给客户看的原型图去给开发，有的被拒绝，有的事效率低下，严重的沟通问题产生。有的拿着给开发看的原型去给客户看，导致客户不清楚并不满意，谈判过程较艰难。更甚者拿着自己看的原型图去给开发／客户看的话，后果不堪设想。

所以接下来我们就来理清到底什么工具配合制作什么样的原型给谁看。

 

1.给自己看的原型图

重点：草图

工具：UX流程图卡、白板、纸笔、Balsamiq、Xmind

给自己看的原型图可以略简单一些，可以不需要太多花里胡哨的东西，但是UX流程图卡兼备了花里胡哨和实用，强大的网站结构规划工具，专业的网站建设者，涵盖54种常用UX模板，让设计师能够快速搭建专业的用户体验流程图，节省大量时间且架构清晰。帮助设计师和产品经理把握产品全貌，思考用户体验，聚焦重要环节。

UX流程图卡

官网：https://www.uxdock.com/