大家好！我是海哥。欢迎阅读学习《海哥交互行》精品课程。

本节课带大家学习交互原型在项目中的注意点，我们今天主要给大家分享一下在交互设计上我们需要注意

的地方，这也是海哥多年来积蓄的一些经验分享吧。我会分四个部分来概述，首选是我们为什么要用交互原型？然后需要了解两个关键词：低保真和高保真的区别。接着就是原型上的一些特点。最后我们会讲到axure原型在实践中的技巧。

我们为什么要做交互原型

首先我们说一个原型在项目中的一个作用和意义。很简单，大家记住一句话，它就是会节省我们的时间和资源的投入。为什么这么说呢，首先给大家看一下这个案例。如果是从思考到这个原型的整体的结构输出的话大概需要半天或者最多是一天。而如果出设计稿的话那需要的是两到三天的时间了，为了效率和成本，原型才是最好的选择。当然还有第二点，他就是可以快速检验你的产品的可行性。第三点就是专业技能简单，为什么这么说呢，当我们遇到一个轻量级产品交互设计的时候，有可能只需要用纸盒笔画一画就可以搞定。复杂一点的话那其实之前我们也说过，交互设计师会使用axure就可以了。

节省时间与资源    快速检验产品的可行性   专业技能简单

了解两个关键词：低保真与高保真

什么才是低呢，低保真，就像上面左侧我给出这个图一样，它其实纯粹是一个线稿灰度稿，他不会需要任何的一个视觉上的一个美化。而高保真需要经过流程比较多一点，可能会有视觉设计师的参与来完成，除了视觉图，还需要通过软件来实现在手机以及不同平台的预览效果。所以，从低保真到高保真是需要一定的过程的。然而对比低保真咋才能算是一个低保真呢？这也是需要一个权衡的方法，比如，为了快速出图，有时候用在纸上画的交互也是低保真。而一些领导或者客户对你的低保真看着没啥感觉，这时候就需要我们能够做出高保真。所以为了减少后期的修改调整，我们需要先出简单的低保真来确定用户需求欲望，在通过低保真到高保真的过度，如果客户或者领导没啥太大要求，我个人觉得低保真就完全满足了开发过程中诉求。

低保真-线稿，建议的交互过程

高保真-有色彩并可以操作，比如最终以Html输出的网站

原型上的特点

在交互原型上的这些特点，它会指导我们做一个整体的交互原型的时候一些方针和方向。大家可以看到在做交互原型的时候，最重要的特点是，线稿，方块，还有就是灰色与白色或者深灰等等，很少会用到具体的色彩的。当然也会有一些例外，也是我们在前面所说的最低保真，而要从多个维度来区分。

一切皆可原型化-无论是多么复杂大数据结构也好或者是智能结构也好，它其实都可以转化成我们可视化的一个输出。就是把它变成一个抽象的概念一个集体，从而输出在原型上。

点到即止，无需深入细化-这一点在实际工作效率中很重要，打个比方，类似我提到的案例中会有一个动态加载发文章的模式，而它有什么好处呢，就是用户只需要纯粹的输入文字就可以了，用户只需要简答的操作就可以解决用户的问题。而在原型设计过程中，我们并不需要做得那么细化主要是为了节省时间，而作为一个程序开发就应该懂得这些基本技术。

表现一般为：线稿、方块和灰白黑色-因为在原型的设计中，我们通常使用黑白灰作为我们的基础颜色，不会去使用其它的颜色，但是我们还是需要用颜色的深浅的来区分不同的层次，以及功能。这样可以告诉设计在设计的时候那个地方重要，哪里是次要的，从而可以更好的做出视觉层次，来提升产品的使用体验。

严谨的大小和位置关系-在原型设计中我们要遵循各种需求来合理的区分他们的位置和大小关系，而这些交互位置关系也不能随意的去摆放，因为是需要和业务需求、用户使用习惯等等紧密相关联的。

最小尺寸设计-我们在做网页交互设计或者视觉设计我们尽量做到以最小尺寸设计，因为我们的屏幕尺寸有很多尺寸，比方说我们做网页会以保持宽度1200px，手机的话720px，这样的话就能保证在一些低端客户群体。在浏览的时候能够保证不会出现一屏放不下内容，而影响用户使用体验。

Axure原型实践中的技巧

“返回”是可以记忆的-在由两个或多个页面都跳转在同一个页面的时候，那我们该如何去做呢？常规来说我们可以使用全局变量来实现。如果有疑问可以参考视频中的讲解。

用“热区”替代按钮自身的链接，实现方便的多项选择跳转-当我们在做tab切换的时候可以通过热区代替按钮自身的链接，还有就是类似我们视频中所讲到的订单状态也会用到它，这样就可以实现多项选择的跳转。

多个状态或操作界面可以并行放在一页，方便知道逻辑-在同一个页面出现多个状态的时候建议使用并行放在一页，为什么需要这样呢，因为在开发过程中这样有利于视觉设计和程序开发找到这个订单总共有几种状态。避免动态面板隐藏显示，这样会增加开发沟通成本，放一页还可以对产品的页面逻辑就会更清楚了。

一个画面能显示控件的不同状态-在什么情况下使用这种方式呢，例如视频中所提到的案例，会出现未编辑与在当前页面编辑的操作，这种交互的方式可以减少页面的跳转逻辑数量。在有些案例中可以适当的去使用该操作。

间隔性的操作原型，总会发现不同问题-每当我们做完交互原型设计一段时间以后，你再看一下自己的交互原型你就总会发现不同问题。因为我们在一遍一遍走流程总会看到自己在做原型过程中有很多不合理，这也是我们需要去发现问题有效的去解决问题。

小结

通过本章节交互原型在项目中的注意点的学习，我相信大家应该如何在项目中如何的去做交互原型知识，以及掌握了需要哪些注意点，从而来提高我们的原型交互设计能力。通过海哥多年的经验分享，我们应该学习到Axure在原型实践中的技巧，如何快速、高效、做出一个专业的交互原型设计。