交互设计的原型图是在AxureRP中完成的,其中包含着多少步骤,还有我们需要了解工具,这都是原型图制作的首要任务。我们先来画一个原型图。
制作原型图是只要黑白色的,颜色会干扰视觉设计,效果会影响大家对易用性的判断。我们要清晰地展示流程,一个好的操作流程是易用性的最基本标准。原型图中是包含注释的,因为图只能展示界面元素,图文并茂才能准确全部传达设计思想。同样,他有一致性,一致性会降低用户对界面的学习和识别成本,注重控件模板管理。还有规范性,好的软件或者网站绝对是规范的。
这是原型图的绘制步骤,我们做图的时候需要完整的步骤才能做好一张图。
说到控件库,它提供了很多控件给我们,其中他还有第三方控件可以下载,第三方控件包括图标,按钮,手机的一些边框。
之后是组件库,组件库是有控件库组成的。我们有的时候做app的时候,有几种菜单,我们可以将它做成组件。会有人说为什么在圆形阶段就要做成组件,其实组件和做页面是一样的,会有很多页面用到组件,当其他页面出现这种组件的时候,我们可以将它复制下来,可以运用到别的地方,我们也可以运用到它的图标的布局和排列。
简单的看一下交互说明:
1.注释的是界面元素的功能
2.界面与人的交互方式
3.控件的状态以及在什么情况下会出现什么状态
4.操作的结果
5.链接的指向
6.报错信息及其展示方式
7.对于界面中不便于展示的元素的描述,比如页面切换方式
8.全面、细致、清晰
9.充分考虑交流的效率和效果
然后是原型说明,它就相当于交互模型
交互模型不一定把模型做出来,他的按钮位置,在每个页面显示的方式方法,我们要做即兴统一,要有一个规范。我们在做交互的时候就把他规范起来。在UI设计的时候就会更加规范。按钮弹出的窗体的大小,确认它的大小,有没有按钮,他是怎样的方法显示出来的,它是怎么关闭的,我们都把他规定起来。
这就是它的原型图制作的方式。
领取专属 10元无门槛券
私享最新 技术干货