原型设计有哪些工具好用？

时间：2024-02-12 16:20:01 | 来源：网站运营

时间：2024-02-12 16:20:01 来源：网站运营

原型设计有哪些工具好用？：原型设计其实可作为具体的概念表达，而且在实际的产品开发中，运用原型设计工具可以测试产品，提高设计效率，节约设计成本。下面康石石给大家介绍一些好用的原型设计工具。

分析与定义

1. Emphathy map（用户分析）

Emphathy Map是一种可以分析用户体验的方法。交互原型设计的第一步是通过调研先找到Pain Points，Emphathy Map一共有五个需要分析的部分，包括Tasks、Feelings、Influences、Pain Points和Overall Goal，下面的Pain Points和Overall Goal是基于上面的三个部分进行的总结。回答问题的时候要先找到Tasks，再分析Feelings和Influences，最终做总结。Emphathy Map不是短期就能做完的，需要长时间的分析和观察，最好是团队合作。

图片来源：https://boagworld.com/usability/…

为了做出完整的Emphathy Map，需要大量的数据，但是上图中的语言过于抽象，所以很多人会采用下面的模板来开展初步的用户分析。从观察用户的所看、所听、所说、所想和所做来进行总结。实际上两者的内容是一样的，只是换了一种语言而已。在实际操作中，可以团队合作进行头脑风暴式的数据填充，再从很多数据中，挑选出最适合的观点作为推断Pain Points，就可以进入到设计阶段了。

图片来源：https://www.everyinteraction.com/…

2. 大屏幕头脑风暴（功能分析）

在完成了流程图和信息架构图后，进行具体的UI界面设计时可以使用大屏幕形式的设计方法。其主要的功能是通过多人头脑风暴来集体讨论，设计出界面的架构。包括产品经理、UI设计师、UX设计师等所有需要进行功能和外观设计的交互设计师，基本的设计顺序如下：

1）需要把界面画的大一些，贴在墙上。

2）根据流程图按顺序进行设计。

3）当产品经理提出主要的界面功能之后，其他设计师可以用便利贴贴出修改、补充、删除意见。

4）最后由产品经理进行整理，进行合理的意见整合。

图片来源：https://unsplash.com/photos/tCNjNF6FfGk

这种方式可以把每个设计师的专业知识都结合在一起，一起决定大体框架及具体的功能，避免了大量的重新修改主要界面内容。而且这样讨论并且设计出来的界面质量会很高，但缺点是需要大量的时间去进行会议与思想的碰撞。

原型设计与测试

1. 纸质原型（界面制作与测试）

纸质的交互设计界面的优点是可以快速的进行设计表达，视觉化设计概念。绘制的方法和测试的方法有两种。第一种是只利用一张纸，不进行叠加设计，绘制完成后用手机纸模型来卡住界面进行跳转界面。

图片来源：https://www.pinterest.co.uk/pin/282882420317248770/

第二种是可以把弹出的画面在界面上进行叠加，这样的方法虽然复杂，但是可以进行即时的修改，测试的时候可以把所有界面贴在墙上，使用剪头来引导，跳转。

图片来源：https://www.pinterest.co.uk/pin/108790147221047710/

手绘画的不好的人可以买一些这种尺子，版面效果会干净很多。

图片来源：https://www.pinterest.co.uk/pin/346214290097471752/

2. Axure（界面制作与测试）

界面设计的工具是没有具体要求的，电脑软件经常用到的有Sketch Up、Axure、AI、PS、Briefs等。Axure是一个非常容易学的软件，非常容易上手，下面给大家简单的介绍一下，这是Axure的主要设计界面，分7个主要功能栏。




主菜工具栏可以进行基本操作，比如，打开和保存、对其和格式化等。




Pages这一栏，非就是所有页面的流程图的树状图。可以进行修改层次、添加删除或者编辑页面等操作。




Libraries就是所有的元件库，里面有很多种默认的原件，按照了不同的功能进行了排列，有图片格式，有基本形状元件、标题、文字、直线和动态面板等。元件库可以直接导入rplib文件，提高作图效率，最多可以放1000个左右。




Masters，其实就是母版。标准母版和背景母版是最常用的，标准模板是可以改变全部位置，里面的元件是锁定的，背景模板则是所有都是固定的。




工作区非常很好理解，就是可以进行设计的面板。




Inspector可以设计界面和界面之间的链接方式，是滑动还是弹出等。还可以进行标注和Style设计。




Outline主要是用来对对动态面板进行管理，对功能进行管理，这非常像是PS合AI里的图层。




2. Demonstrate（用户测试工具）

这是一款手机界面用户测试APP工具，叫Demonstrate，使用方式非常简单，不用像Axure那样在电脑上进行绘制，只需要把已经画好的草图放上去进行测试就可以。是纸质模型和APP工具结合的方式。除此之外相似的APP有Tapcase、POP、Prott等。

图片来源：http://www.bknudson.com/portfolio/

测试的方法是先拍摄设计好的纸质版交互模型，再从app里创建链接，可以分享给朋友快速测试得到反馈。这样的测试方式大大的减少了时间，随时都可以用手机实现测试，虽然没有像axure那么专业，但是可以满足基本的测试要求，比较适合不会专业软件的人。

Apple Store Prott Intro Images

以上，望有帮助，欢迎交流

———————————————

欢迎关注我的个人官方微信（搜索：kang-shishi）

如有艺术留学、院校、专业、作品集方面的问题，可私信康石石咨询