axure《“工具栏的介绍”、“属性栏的介绍”》

《“工具栏的介绍”、“属性栏的介绍”》
一、Axure 的工作环境

1、· Axure 的工作环境可进行可视化拖拉操作&＃xff0c;可轻松快速的创建带有注释的线框图。
· 无需编程就可以在线框图中定义简单链接和高级交互。
· Axure 可一体化生成线框图、HTML 交互原型、规格说明 Word 文档。
专业的快速原型设计工具
快速创建互联网产品的线框图 流程图 低保真原型
高保真原型和交互说明&＃xff0f;流程文档等
2、

3、· 菜单栏和工具栏
执行常用操作&＃xff0c;如文件打开、保存、格式化控件、输出原型、输出规格等操作。
4、· 页面导航面板

• 右击进行页面的添加、删除和重命名
• 页面组织排序
• 打开页面进行设计

5、· 在绘制线框图或流程图之前&＃xff0c;应该先思考界面框架&＃xff0c;决定信息内容与层级。
· 明确界面框架后&＃xff0c;接下来就可以利用页面导航面板来定义所要设计的页面。 页面导航面板是用于管理所设计的页面&＃xff0c;右击可以添加、删除及对页面层次进行重新组织。

6、· 在页面导航面板中&＃xff0c;通过拖拉页面或点击工具栏上的排序按钮&＃xff0c;可以上下移动页面的位置和重新组织页面的层次。

7、· 元件

元件是用于设计线框图的用户界面元素。
在元件面板中包含有常用的元件&＃xff0c;如按钮、图片、文本框等
· 添加元件

• 从元件面板中拖动一个元件到元件编辑区域&＃xff0c; 就可以添加一个元件&＃xff1b;
• 元件可以进行拷贝&＃xff08;Ctrl&＃43;C&＃xff09;和粘贴&＃xff08;Ctrl&＃43;V&＃xff09; 。
  · 操作元件
• 选中元件后&＃xff0c;可以拖拉移动元件和改变元件的大小&＃xff1b;
• 可通过元件右键菜单进行组合、排序、对齐、分配等操作。
  · 编辑元件风格和属性
• 工具栏&＃xff1a;点击工具栏上的按钮&＃xff0c;编辑元件的文本字体、背景色、边框等。
• 右键菜单&＃xff1a;元件右键菜单上可编辑元件的一些特定属性&＃xff0c;不同元件这些属性也不同。
  8、形状类&＃xff1a;
  拖动①处三角形状快速改变圆角
  单击②处圆形快速改变形状
  按住ctrl键&＃xff0c;进入矩形区域&＃xff0c;拖动角度即可改变形状角度
  

在③样式中可以设置具体的各项参数
其中④填充是指文字与形状边缘之间填充的空隙

9、图片&＃xff1a;
只有图片可以从外部导入图片。
10、动态面板&＃xff1a;
动态面板的实质就是层&＃xff0c;一个动态面板可以有多个状态&＃xff0c;每个状态可包含一系列元件&＃xff1b;正是因为动态面板的存在实现了同一区域状态的变化。
· 任何时候都只有一个状态时可见的&＃xff0c;一般都是默认第一个状态可见。
· 动态面板的状态可以隐藏、显示和改变。
· 将动态面板拖到界面后&＃xff0c;可以根据需要改变面板大小、位置。
· 使用动态面板的情况&＃xff1a;

• 页面中存某块内容在开始不显示&＃xff0c;后来显示的情况&＃xff1b;
• 在开始页面加载时不显示&＃xff0c;后来显示的情况&＃xff1b;
• Tab页切换&＃xff1b;
• 某块内容随着事件的不同显示位置不同的情况。
  11、热区&＃xff1a;

1. 可以添加成链接&＃xff08;比如&＃xff0c;增大某处的反应区域&＃xff1b;导航的链接&＃xff09;
2. 跳转到层或区域&＃xff08;比如&＃xff0c;回到顶部&＃xff09;
3. 可以添加交互&＃xff08;比如&＃xff0c;在翻到此处热区时自动加载下方更多&＃xff09;
   热区在生成的原型中是透明的&＃xff08;不可见的&＃xff09;&＃xff0c;如果想在设计区域中也将其设置为不可见状态&＃xff0c;在菜单栏中&＃xff0c;点击“视图 → 遮罩 →取消勾选热区”即可。