大饼Axure9.0软件原型设计工具教程百度网盘

产品经理Axure教程视频百度云https://pan.baidu.com/s/1wZBzZ2isn9pTZfJ88f8lkQ?提取码:x6s6

大饼Axure9.0软件原型设计工具教程百度网盘_第1张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第2张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第3张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第4张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第5张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第6张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第7张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第8张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第9张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第10张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第11张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第12张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第13张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第14张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第15张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第16张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第17张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第18张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第19张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第20张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第21张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第22张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第23张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第24张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第25张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第26张图片
大饼Axure9.0软件原型设计工具教程百度网盘_第27张图片

自我学习Python一段时间,大龄转行某公司后,意外从测试岗位转为需求分析和原型设计工作.在使用Axure过程中,发现现有版本均较老,因而在自我学习过程中,借助其他人员8.0过程中,作出此次Axure 9.0的使用经历,以便后期小伙伴参考.

1.大饼Axure的软件界面说明:

  软件包含: 菜单栏/工具栏/网页地图/元件区域/母版区域/页面区域/部件属性.等几大模块.

      现在,对各个模块的主要功能开展讲解:

1.1 菜单栏

      在菜单栏中,我们先快速了解下,原型图作出后,如何在浏览器中显示,可点击 "发布"→"预览",如果想指定浏览器,可选择"预览选项".进行浏览器,播放器两块进行设置,在此选择默认360浏览器.

错误如下图:

1.2 网页地图

      网页地图,顾名思义就是即将呈现在网页上的各级目录地址,各个地址名称均有自己页面.例如将网页地图命名完成后,如下:

大饼Axure9.0软件原型设计工具教程百度网盘_第28张图片

选择"发布"→"预览" 将出现以下效果

1.3 元件区域

      元件,是我们开展原型图设计的主要基础素材,与之相对于的是主部件区域.

元件一般分为三种类型 default(大部分设计素材)  flow(流程图 元件 )  icons ( 通讯录 天枰等 图标 )

default元件主要包含: 基本元件,表单元件,菜单/表格,标记元件.基本满足我们日常设计所需素材.

方框  圆形 图片 占位符 按钮  链接按钮 主要按钮  一级标题-三级标题  水平与垂直线  文本信息  中继器 内联框架 动态面板

文本框  文本域 下拉表单 列表框 复选框  单选按钮

树  表格 水平菜单 垂直菜单 

快照 水平箭头  垂直箭头  便签1  圆形标记 水滴标记

大饼Axure9.0软件原型设计工具教程百度网盘_第29张图片

1.4 主部件区域- 母版区域

    母版主要是我们重复使用得,可将其设置为母版.加强各个子页面关键位置的统一性.

1.5 页面区域

      页面区域是我们原型设计过程中,主要活动区域,也是将来生产html时,显示的区域,放置在此的各类元件,将呈现在网页上.

有了Axure这一神器,产品、设计、运营等非开发岗位的同学,不用写一行代码,只需要通过几步简单的配置,就能够实现前端工程师们平日里通过大量代码实现的交互功能。Axure生成的Html文件之所以能够被称作为原型,而不仅仅是一个线框图或者是草图,就是因为其强大的交互基因,决定了它不是一款普通意义的界面设计工具。

交互是Axure中重要的构建模块,用来将静态的线框图转换为可交互的动态HTML文件。在Axure中,通过一个简洁的、带有指导提示的界面指令和逻辑指引就可以创建完整的交互,生成HTML原型时,Axure都会将这些交互转换为浏览器可识别的编码(JavaScript、HTML、CSS)。但是我们需要清楚的是,这些编码并不是产品级别的,不能作为真正的产品使用。它只是实现了前端的视觉交互,但背后需要的后台数据及相关服务,是无法提供给Axure使用的,这也是Axure最大的局限。

交互的定义

什么是交互?简单通俗的讲,就是谁在什么时候做了什么样的事情。这个主体谁其实就是对应原型的元件和页面;什么时候,狭义的理解是时间,在这里我们可以延伸理解为时机,对应原型中的事件;做了什么样的事情,这是一个动态变化的过程,在原型中对应着动作。根据交互的定义,我们可以看出交互是由元件、事件、动作这3个最基本的元素构成。

二、事件

大饼老师Axure的事件可以分为自动触发的事件和手动触发的事件。

页面交互

以页面载入时事件为例,向大家简单讲解页面事件的交互。

大饼Axure9.0软件原型设计工具教程百度网盘_第30张图片

页面交互说明

Axure 9.0页面交互事件

元件交互

鼠标单击跳转就是最基本的元件交互事件,可以用于鼠标点击时,也可以用于移动设备上的手指点击时。我们以的主导航(发现/关注/消息)跳转为例,说明元件的交互过程。

元件交互说明

Axure 9.0元件交互事件

Axure 9.0元件交互样式

三、用例

用例是用户与应用网站或应用程序之间操作流程的抽象表达,每个用例可以封装成一个独立的路径。每个事件下可以有多个用例,当有多个用例存在时,需要为用例设置一些逻辑条件,执行不同的动作。下面我们以登录为例,讲解说明什么是用例。

通过这个交互案例,我们可以看出不同的条件下(账号错误或密码错误),点击“登录”按钮时,提示信息是不一样的。为了满足这两个不同的条件,我们就需要为“登录”按钮添加两个不同的用例。

用例说明

添加用例

在设计区域选中元件,在右侧交互面板中点击新建交互,我们会看到该元件可用的事件列表,点击其中的一个事件,点击右侧的用例图标或者直接选择想要添加的动作。

编辑用例

1. 用例说明:点击事件名称右侧的用例图标,在事件名称下方可以编辑用例的名称,并添加用例的逻辑条件。事件的第一个用例,默认没有名称,需要我们手动添加名称。

2. 插入动作:鼠标点击动作名称,开始添加动作,支持添加多个动作。当我们准备插入第二个动作时,点击用例下方的圆形十字架,开始插入更多动作。

3. 配置动作:动作选择完毕后,我们还需要为动作进行一些规则或属性的配置。比如,我们添加的动作是打开链接,在动作配置中,需要添加链接页面并选择页面打开的方式(当前窗口、新窗口/新标签、弹出窗口和父级窗口),最后点击完成,动作配置完毕,整个用例添加完毕。

大饼Axure9.0软件原型设计工具教程百度网盘_第31张图片

Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

如果说Sketch是最美、最简洁的设计软件,那么Axure就是最强大的原型制作软件。Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一。虽然Axure的学习曲线比较陡峭,但是掌握之后可以很快实现我们脑海中的用户体验效果。

本期你将逐步系统掌握:Axure9.0的基础操作,进阶的函数、中继器等功能,实际的产品交互案例,还有产品原型思维。助你快速有效掌握Axure的使用方法和使用技巧。

本期资源包括

大饼Axure?RP9.0视频教程

入门→进阶→高级

axure rp pro 9.0,新版本功能不错,经过了重新设计和架构,使规划和原型设计更有趣,更强大,软件现在拥有一个新的硬件加速渲染引擎,一个旨在加快保存和加载的文件结构,以及一个流线型画布,用于平滑缩放和更快速的编辑,可以可让设计人员快速制作丰富的功能原型,以便即使在最紧急的项目中也能做出明智的选择。

大饼Axure9.0软件原型设计工具教程百度网盘_第32张图片

axure rp 9.0安装教程:

1、下载解压,得到axure rp pro 9.0原程序、汉化补丁、授权密钥和注册机;

2、首先双击文件“”安装原程序,接受条款;

3、默认安装目录【C:\Program Files (x86)\Axure\Axure RP 9\】点击change可以更改路径;

4、等待软件安装完成;

5、先将axure 9 汉化补丁“lang”复制到软件安装目录下;

6、打开软件,可以看到是中文界面,点击enter license输入axure rp 9授权码。

用户还可以通过软件包中的axure rp pro 9注册机生成激活码;

 Axure RP 9.0中文版经过重新设计和构建,使规划和原型设计变得更加轻松和便捷。 Axure RP 9.0拥有全新的硬件加速渲染引擎,专为加速保存和加载而设计的文件结构,以及用于平滑缩放和更快编辑的简化画布。

  功能介绍

  新的互动生成器

  新的互动生成器已经全面重新设计和优化,易于使用。从基本链接到复杂的有条件流程,使您的原型在更短的时间内以更少的点击次数实现。

  细节改进

  改进了对印刷术的控制,包括字符间距,删除线和上标。带有径向渐变和HSV拾取器的新颜色选择器。图像作为形状背景,图像过滤器和原型中更好的图像质量。更智能的捕捉和距离指南,单键快捷键和更精确的矢量编辑。使用我们的Sketch-to-Axure插件,从Sketch更精确地复制和粘贴。

大饼Axure9.0软件原型设计工具教程百度网盘_第33张图片

  呈现完整图片

  新款原型机为您展现您的作品,为现代浏览器进行了优化,并专为现代工作流程而设计。清晰地展示移动和桌面原型,并提供丰富的交互功能以及针对您业务解决方案的全面文档。

  控制你的文件

  确保您的解决方案能够正确完整地构建。组织您的笔记,将它们分配给UI元素,并合并屏幕上的注释。随着解决方案的发展,现在比以往更容易保持文档更新。当你准备好时,向开发者提供一个全面的,基于浏览器的规范。

  思维简化

  从集思广益到精益求精的交付成果,通过改进的图书馆管理,简化的自适应视图,更灵活和可重用的主人以及动态面板的内联编辑,提高工作效率。

  更新介绍

  Axure RP 9.0进行了重新设计和架构,使规划和原型设计更有趣,更强大。 并具有新的硬件加速渲染引擎,旨在加快保存和加载的文件结构,以及用于平滑缩放和更快编辑的流线型画布。

  更流畅的交互设计

  新的交互构建器已经过全面重新设计和优化,易于使用。 从基本设置到复杂的中继器、函数、条件流,可以在更短的时间内以更少的点击次数将你的原型变为现实。

  更完善的细节

  改进了对排版的控制,包括字符间距、删除线和上标。以及带径向渐变和HSV拾取器的新颜色选择器。更新了图像作为形状背景,图像滤镜和原型中更好的图像质量。

你可能感兴趣的:(大饼Axure9.0软件原型设计工具教程百度网盘)