首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

原型图的制作,是以这样的方式完成的,主要在于它!

交互设计的原型图是在AxureRP中完成的,其中包含着多少步骤,还有我们需要了解工具,这都是原型图制作的首要任务。我们先来画一个原型图。

制作原型图是只要黑白色的,颜色会干扰视觉设计,效果会影响大家对易用性的判断。我们要清晰地展示流程,一个好的操作流程是易用性的最基本标准。原型图中是包含注释的,因为图只能展示界面元素,图文并茂才能准确全部传达设计思想。同样,他有一致性,一致性会降低用户对界面的学习和识别成本,注重控件模板管理。还有规范性,好的软件或者网站绝对是规范的。

这是原型图的绘制步骤,我们做图的时候需要完整的步骤才能做好一张图。

说到控件库,它提供了很多控件给我们,其中他还有第三方控件可以下载,第三方控件包括图标,按钮,手机的一些边框。

之后是组件库,组件库是有控件库组成的。我们有的时候做app的时候,有几种菜单,我们可以将它做成组件。会有人说为什么在圆形阶段就要做成组件,其实组件和做页面是一样的,会有很多页面用到组件,当其他页面出现这种组件的时候,我们可以将它复制下来,可以运用到别的地方,我们也可以运用到它的图标的布局和排列。

简单的看一下交互说明:

1.注释的是界面元素的功能

2.界面与人的交互方式

3.控件的状态以及在什么情况下会出现什么状态

4.操作的结果

5.链接的指向

6.报错信息及其展示方式

7.对于界面中不便于展示的元素的描述,比如页面切换方式

8.全面、细致、清晰

9.充分考虑交流的效率和效果

然后是原型说明,它就相当于交互模型

交互模型不一定把模型做出来,他的按钮位置,在每个页面显示的方式方法,我们要做即兴统一,要有一个规范。我们在做交互的时候就把他规范起来。在UI设计的时候就会更加规范。按钮弹出的窗体的大小,确认它的大小,有没有按钮,他是怎样的方法显示出来的,它是怎么关闭的,我们都把他规定起来。

这就是它的原型图制作的方式。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191023A0NFTS00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券