交互设计留学 | Axure图文教程:基础(二)
17年以来,交互设计留学的火热程度丝毫不见减弱,更多其它专业的同学都选择转专业就读这个新兴的专业。对于很多小伙伴而言,Axure是学习交互最先接触和使用是频繁的软件之一,马克笔设计留学的May老师将会为大家带来也许是最全免的Axure图文教程,图文并茂,生动有趣,是你学习交互设计必不可少的利器哦!今天将会带来《Axure图文教程:基础(二)》。第一期回顾:《交互留学 | Axure图文教程:基础(一)》
7.元件介绍——Flow元件介绍Flow流程图元件,一般用于构建流程图。
矩形:在一个流程图中代表执行;
在一个完整的流程图中,只有这些元件的堆积是不够的。既然是流程图就需要我们用线按照一定的逻辑将各个流程图元件连接起来。此时,我们需要用到“连接/连线工具”,快捷键为“Ctrl+3”。使用连线工具时,我们可以对连线的颜色、线宽、线型、箭头样式等进行修改。
8.元件介绍——Default元件介绍Default元件包含四类:基本元件、表单元件、菜单和表格以及标记元件。
基本元件
形状
图片
线段
热区
动态面板
中继器
内联框架
表单元件
文本框
列表框
复选框
单选按钮
提交按钮
菜单与表格
标记元件
9.页面分析这里我们选取百度pc端设置页面进行元件分析,看看设置页中到底用到了什么元件。
上面展示的为鼠标移入“设置”后页面的一部分的截图。分析这一部分可以知道,红色框出部分为“文本标签”,粉色框出部分为“垂直菜单”。
点击垂直菜单里的“搜索设置”后,得到的页面为上图。这一部分红色框处部分为“矩形”,粉色框出部分为“文本标签”或“矩形”,蓝色框出部分为“单选按钮”,绿色框出部分为“下拉列表框”,紫红色框出部分为“水平线”。
上图为点击垂直菜单中的“高级搜索”得到的页面。与“搜索设置”页不同的是有需要用户输入的内容,这一部分则由“文本框”和“矩形”共同组成。 返回搜狐,查看更多
责任编辑: