原型图实用手册

一、流程说明    

1)先有相应的想法或者需求,因需求的发散性及不断变化性,需要进行相应的澄清并明确。  

 2)因需要将想法进行清晰的表达,需要在白板或者纸质上进行图画,而后延伸到在电脑上画线框图,从画图工具 到专业的线框图工作Axure等,例如我想到了鸡蛋,就在白板上画个椭圆,然后进行文字说明:鸡蛋。                  

 3)根据产品意图即澄清的需求与线框图进行比较,看是否满足需求,如果满足则进行视觉设计,否则修改线框图   

4)视觉设计即通过视觉审美的角度,提高线框图的颜值。在视觉过程中,不断修正线框图,或者进行相应说明       

5)在视觉设计过关后,将各个页面的线框图进行相应的交互动作,从而满足产品需求,最后进行原型交付。


二、线框图及基本交互

基本元件

母版--可以在母版中添加一些导航栏,从而减少修改的工作量。

导航

幻灯片轮播


生成原型



三、高级交互

因一般在工业软件领域,在相应模板的基础上,线框图和基本交互功能基本能实现相应功能。高级功能基本比较少使用,此处只做导航用处。

1、中继器-包含排序、筛选、分页、添加删除等功能,参考工具书P98                            

2、变量-包含局部变量、全局变量,实现Table标签切换等参考工具书P112

3、函数-包含函数分类,实现滑杆效果、文字计数效果等参考工具书P118

4、逻辑条件-交互过程中通过逻辑条件进行比较复杂的功能


四、模板工具

因为我工作关系,是面向工业软件的,因此对视觉设计这块往往不怎么重视,因此更多的重心在线框图和交互上,但是也不想太丑,以及线框图和交互上想相对快速的交付,因此收集了一些模板。

一些常见的原型模板基本够用了:https://www.axureux.com/home/default.html

工具书为Axure RP9 实用教程

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容