Axure图文教程：基础(二).pdfVIP

Axure图文教程 ：基础 （二) 交交互互设设计计留留学学 | Ax ure图图文文教教程程：：基基础础 （（二二) 17年以来，交互设计留学的火热程度丝毫不见减弱，更多 它专业的同学都选择转专业就读这个 新兴的专业。对于很多小伙伴而言，Axure是学习交互最先接触和使用是频繁的软件之一，马克 笔设计留学的May 老师将会为大家带来也许是最全免的Axure 图文教程，图文并茂，生动有趣，是 你学习交互设计必不可少的利器哦！今天将会带来 《Axure 图文教程：基础 （二）》。 Flow流程图元件，一般用于构建流程图图。。 矩形：在一个流程图中代表表执执行行；； 圆角矩形：表示开始始或或结结束束；； 斜角矩形形：：不不常用； 菱形：一一般般表表示判断； 文文件件：：代表文件； 括弧弧：：用用于于注释说明； 半圆形形：：页页面面跳转的标记； 三三角角形：数据的传递；； 梯梯形形：代表手动操操作作；； 椭圆形：流程结束；； 六六边边形形：：表示准备或起始； 平行四四边边形形：表示数据的处理或输入； 角角色色：：模模拟流程中操作的角色是是谁谁；； 数数据库：保存数据的数据库； 页面面快快照照：引用项目中某一页面的缩略图； 图片：代表图片。 在一个完整的流程图中，只有这些元件的堆积是不够的。既然是流程图就需要我们用线按照一定的逻辑将 各个流程图元件连接起来。此时，我们需要用到“连接/连线工具”，快捷键为“Ctrl+3 ”。使用连线工具时， 我们可以对连线的颜色、线宽、线型、箭头样式等进行修改。 8.元元件件介介绍绍——Def ault元元件件介介绍绍 Def ault元件包含四类：基本元件、表单元件、菜单和表格以及标记元件。 基基本本元元件件 基本元件是搭建页面内容的形状、图片、线段、热区和容器。 形形状状 从矩形1到文本段落，除了图片，我们可将 统称为形状。他们常用于页面的背景形状、文字标题、按钮。 通过点击，可以填充文字；双击，则允许我们重新编辑文字。 图图片片 这个元件可用来导入外部图片、图标等。通过双击，可以导入图片；点击，则可以输入文字；鼠标右键则 允许我们通过编辑文本来编辑文字。 线线段段 线段包括水平线和垂直线，是页面中的分割线。可以与形状互相转换。 热热区区 热区是一个透明元件，常利用它的透明性。这个元件允许你放在任何区域上并在元件上添加交互。常用于 自动以按钮或者给某张图片添加热区。热区可用来创建自定义按钮上的点击区域。例如使用多个元件，如 图片、文字、形状，来创建一个高保真度的按钮，则需要在这些部件上添加热区并添加一次交互动作，而 不需要分别在每个元件上添加事件。此外，我们可以利用热区给一张图片添加多个交互或者给一张图片的 某部分区域添加交互。 动动态态面面板板 动态面板是可以装有 他元件的容器。 中的元件可以显示、隐藏或移动。一个动态面板包含多个状态， 每个状态中又可以包含多个元件。但是，值得注意的是，一个动态面板只能在同一时间显示一种状态。 中中继继器器 中继器同样是可以承载 他元件的容器。 详细内容后续会通过实例向大家介绍。 内内联联框框架架 内联框架可以用来嵌入项目中的 他页面或URL 、MP4、A VI等多媒体文件。 表表单单元元件件 表单元件是用于获取用户输入的元件，并可通过提交按钮将输入的内容提交至服务器。 文文本本框框 主要用于获取用户输入的内容。 列列表表框框 用于获取用户输入的选项，将 拖入画布后可以通过双击添加选项。 复复选选框框 可以单独或者多个一起使用，用户可以自由选择。常见的为：注册页面的是否同意服务条款选项。 单单选选按按钮钮 单选按钮分为选中和未选中两种状态，一般为多个单选按钮同时使用，只允许用户选择一个。譬如一份问 卷等中的性别的选择。 提提交交按按钮钮 这个元件很少用到，通常情况下我们会用形状或者图片按钮来代替。 菜菜单单与与表表格格 标标记记元元件件 在最基础的阶段，我们一般很少使用到。后期，一般需要标记时我们都是自制标记元件，也很少使用。 9.页页面面分分析析 这里我们选取百度 c端设置页面进行元件分析，看看设置页中到底用到了什么元件。 上面展示的为鼠标移入“设置”后页面的一部分的截图。分析这一部分可以知道，红色框出部分为“文本标 签”，粉色框出部分为“垂直菜单”。 点击垂直菜单里的“搜索设置”后，得到的页面为上图。这一部分红色框处部分为“矩形”，粉色框出部分 为“文本标签”或“矩形”，蓝色框出部分为“单选按钮”，绿色框出部分为“下拉列表框”，紫红色框出部分 为“水平