2016年4月Axure公司发布了大家期待已久的Axure RP 8.0正式版。Axure RP是产品经理必备的原型制作工具。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。并且支持Windows和苹果Mac双系统。

Axure RP的下载、安装和汉化流程:http://www.axure.com.cn/3510/

什么是原型呢?这个在之前介绍为什么需要进行原型设计当中有提到,原型是产品的最初形态,确认用户对产品界面和操作功能可用性的需求,高保真的原型接近于产品的最终形态,但仍只是原型。产品原型简单的说就是产品设计成形之前的一个大体框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动。

一般在进行主要页面原型设计之前,设计师需要了解设计需求,如果身兼了需求分析或产品分析等角色,设计过程就会稍微简单一些,因为已经了解了从用户需求到转化成可实现需求的整个过程,否则的话至少需要产品负责人员提供一份功能清单才能开始设计,最好就是能参与到用户需求的调研里面,这样在设计的过程当中就不容易出现设计人员和需求人员对需求理解上的偏差,减少一些沟通的成本。

用AxureRP来做原型设计的优点应该看的很多了,快速,可交互等等,这里主要结合AxureRP自身的一些功能说明其在原型设计过程当中的应用。借用别人的一张图,主要从交互设计中涉及的三个主要步骤进行说明:就是先设计一个初始的主要页面原型,定义页面流程图,最后再完善原型的过程。

一、 主要页面原型

个人建议在开始设计之前,先手绘一份草图,用来确认上面提到的与需求人员之间的理解差异,这份草图应有一个大致的轮廓,列出主要的功能,有一个很粗的页面布局等等,另外前期的时候不要加入太多的视觉设计,因为这个只是初始化方案,后面应该还会有比较大的改动,且不应该让视觉效果抢了原本要说明演示的交互效果的风头;再者我认为毕竟设计师和专业的美工还是有差异,视觉设计再好看,到后期美工制作的时候可能根本不按这个风格来设计,就浪费时间,还不如省下时间用在以一些交互设计和设计方案的推敲上,达到一个最优方案的状态。

开始设计之后就要注意重复页面的重用了,这个AxureRP的模板管理(Master)功能能够满足,就是将某一部分页面,预计后面其他页面会用到的,就先做好模板,这个越早做越好,可以省掉很大一部分设计时间,例如页首,页尾,标记,ICON等。之前也有介绍过使用模板管理的好处,就不再重复介绍。如果只是简单的两三个小页面的功能,可以不用这个功能,但如果页面上的交互比较复杂,且页面数量,元素数量较多的情况下,个人建议还是使用模板管理功能,基本上如果是设计网站或者一个完整的产品的话,肯定都是比较复杂的,如果能在前期就引入模板,后面的设计速度会大大加快,且页面的结构也会更优化,能够提高页面加载速度。

二、 页面流程图

在确定主要页面之后,就可以定义页面流程了。页面流程图有利于向大家展示自己的想法,也有利于思路的整理。可参加之前介绍AxureRP案例时提供的一共以流程图方式来说明登录注册功能的例子。通过页面流程图,可以整理页面的交互行为,在向他人展示的时候,也可以一目了然的看出需要的操作步骤是多少步。

页面与页面间的流程图可以用AxureRP的站点地图面板里面的自动生成流程的图的功能,要使用这个功能,就需要在设计之初就建立好页面的层级结构,比如一般都有首页,然后在首页下面按主要功能模快可能会分成几个页面,再在这些页面下建立各自的功能子页面,这样就是三层结构,自动生成出来的页面流程图结构也会很清晰,但前提就是要设计好结构,例如按页面分层次,按功能分层次等。

页面的流程图就复杂一些,涉及到一些操作的业务规范和要求,这个就要求设计人员要熟悉用户需求的,并且还要熟悉一些常见的操作流程,一般都是递进式的设计,就是第一步是怎样的,第二步是怎样的,每个步骤之间按顺序从上到下或者从左往右,可以设计成一个页面,也可以设计成一个页面内的多个标签,在设计前要先有构思和大体布局的想法,这样在设计时就不会出错,可以在页面内或者定义一个流程图页面把流程图单独画出来,可以在设计的过程当中做参照。

三、 完善原型

页面的主要页面和页面流程确定之后,就可以完善原型了。这时主要是一些细节的工作,包括前期设计页面的完善,以及一些交互功能的定义等等,也可以适当的加入一些视觉的东西,但还是不宜加入太多。

需要注意的就是AxureRP的主旨是快速的原型设计,因此在设计过程当中不必太过追求技术效果,一些复杂的交互效果,如果有现成的实例可以用的就借用一下,如果没用,建议就画一个简单的,然后做一下详细的说明,毕竟做复杂的设计会耗掉相当多的时间。

AxureRP只是一种原型设计工具而已,做交互设计最重要的还是想法,工具只是用来帮实现想法的。不必过于追求技术,不必过于追求视觉表现。把握好整个产品方向的同时,应专注于交互流程、页面内交互、布局结构的创新和优化。

Axure RP 8.0原型设计(一):入门相关推荐

  1. Axure RP 9.0 原型设计软件安装教程

    关注公众号,免费获取资料   简介: Axure RP是一款专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型) ...

  2. 原型设计大师:Axure RP网站与APP设计从入门到精通(全彩) 中文pdf扫描版

    原型设计大师:Axure RP网站与APP设计从入门到精通内容丰富且实用,由浅入深地传授了Axure 原型设计工具在网站和APP设计中的应用与技巧,并在文中贯穿了众多精彩实战案例.书中完整展现了多个鲜 ...

  3. Axure RP 9交互原型设计软件增加了哪些新功能

    Axure RP 9是一款快速原型设计软件,主要用于WEB界面.APP界面.软件界面产品的交互原型设计.是互联网产品经理必备的软件之一,主流科技公司都在用.Axure RP 9是专为UX专业人员和业务 ...

  4. Axure RP 8.0 网页与APP原型设计工具使用教程--- 项目经理、产品经理设计必备工具

    Axure RP 8.0 网页与APP原型设计工具使用教程 --- 项目经理.产品经理原型设计必备工具 Axure RP 8.0.0.3312版本下载[这个是目前能用的最新的版本,其后的版本都无法注册 ...

  5. 什么是原型设计?入门最全讲解指南

    原型设计在产品开发和用户体验领域扮演着至关重要的角色,产品经理通过画产品原型图,可以让需求可视化,进而快速测试和验证产品可行性,为后续推动产品研发提供坚实可靠的依据. 本文将深入探讨什么是原型设计,原 ...

  6. 使用SVN+Axure RP 8.0创建团队项目

    一.使用到的工具: VisualSVN Server --SVN服务器:https://www.visualsvn.com/server/ Axure RP 8.0  :http://www.down ...

  7. ahjesus Axure RP 7.0注册码

    ahjesus Axure RP 7.0注册码 用户名:axureuser 序列号:8wFfIX7a8hHq6yAy6T8zCz5R0NBKeVxo9IKu+kgKh79FL6IyPD6lK7G6+t ...

  8. Axure RP 9.0.0.3727 授权码

    Axure RP 9.0.0.3727 Licensee :Freecrackdownload.com KEY:5vYpJgQZ431X/G5kp6jpOO8Vi3TySCBnAslTcNcKkszf ...

  9. 最新Axure RP 9.0.0.3675 授权码 license

    最新Axure RP 9.0.0.3675 授权码 license Axure RP 9.0.0.3675  栈长亲测可用 Pro Edition license : yygg329405 KEY: ...

最新文章

  1. 介绍两个Eclipse插件: Implementors Call Hierarchy
  2. 华为荣耀8青春版计算机在哪里,华为荣耀8青春版
  3. python-文件和流
  4. linux gpio按键驱动程序,Linux GPIO Key 驱动的加载
  5. CTFHUB 《请求方式》 http请求,curl命令总结
  6. python //运算符
  7. 机器学习7/100天-K近邻算法
  8. java实现redis客户端_Java实现Redis客户端
  9. Picnic Planning
  10. amesim子模型_为什么amesim模型建立后有的元件没有可用的子模型
  11. web常见的五种前端布局方式
  12. cad连接不同线段的端点_CAD中怎么把几个线断连接成一个整体
  13. pod健康检查详解(liveness,readiness,滚动更新)
  14. android自定义抽奖,Android 抽奖活动 (自定义view实现) 转盘
  15. 【2020-CVPR-3D人体姿态估计】MetaFuse :A Pre-trained Fusion Model for Human Pose Estimation
  16. 为什么爱奇艺会显示联通免流量服务器,联通爱奇艺流量定向包是怎么回事啊,是不是开通之后,这一个月里面看视讯免流量的...
  17. python余弦相似度_Python 简易聊天机器人(附带基础余弦相似度实现)
  18. 电路与电子3.2.2PNP型三极管与恒流充电源
  19. 如何有效的招聘技术人员
  20. css中多行文本溢出显示省略号的方法

热门文章

  1. 回顾过去,展望未来——2014年终总结
  2. 印象笔记html标签删除吗,我用了9年印象笔记,打算彻底放弃,直到……
  3. This Python interpreter is in a conda environment, but the environment hasnot been activated. 如何解决?
  4. WLAN 双链路+HSB高可靠性
  5. 图片查看器插件(带缩略图) - viewer.js
  6. DELL 1420 加装SSD
  7. 高一计算机精英班班徽,高一8班班徽设计图案素材大全
  8. python 交互redis 的ZADD方法异常: AttributeError: ‘int‘ object has no attribute ‘items‘
  9. 行走在前端路上的一些想法
  10. 人工智能欠缺对语言和情感的理解和处理能力