布局说明

image.png

区域说明

功能区域

image.png
功能区域由菜单栏、基本工具、样式工具等构成。

菜单栏

菜单栏由文件、编辑、视图、项目、布局、发布、团队、账号、帮助九大模块构成,菜单栏覆盖了软件的全部功能的设置与调整。

基本工具

基本工具默认状态下由选择模式、连接、元件快速创建、连接点编辑工具、元件层级工具、组合工具、对齐工具、画布缩放、预览、托管发布(发布AxureCloud)、账户信息等构成。

样式工具

样式工具默认状态下由元件样式、字体(样式、大小、颜色、加粗、倾斜、下划线、符号列表)、文字对齐方式、背景填充颜色、元件阴影、边框(大小、颜色、样式)、位置信息、大小信息、是否隐藏等构成。

页面区域-Pages

页面区域.png
页面功能区域,主要用于管理Axure原型中的页面展示逻辑与数量,通常创建多少页面,生成的原型就展示多少页面。
在页面功能区域,提供了页面包含、并列关系等层级关系。通用提供了文件夹归类、页面名称快速检索等功能。

概要区域-Outline

image.png
概要区域中主要展示当前选中页面中元件的先后排列顺序。
Axure中页面由元件组合拼装而成,在本区域可以看到页面中的所有元件。可以通过调整元件的先后顺序来展示对应的上下关系,同时在Axure的绘图区域本质上是实时加载展示的,可以通过调整元件顺序关系,达到想要的设计效果。
注:在Axure编辑时或预览与发布等生成的Html页面文件时,Axure的渲染机制是按照各个元件在概要区域先后顺序进行渲染的。如果遇到某些元件(或元件组)无法正常显示,可以首先需要检查下在概要区域中元件的先后顺序,确保该元件(或元件组)没有被其它遮盖。排除顺序问题后再进行排除是否隐藏,是否存在其它交互事件等。

元件区域-Libraries

image.png
元件库区域主要包括基础的元件库(官方自带元件库)和扩展的元件库(用户自行安装的元件库)。元件库的主要目的是能够快速的构建原型。

基础元件库

在基础的元件库中,官方提供了常规的一些图片,文本,矩形,线段等等常规元件。也提供了进阶的中继器,内联框架等功能性的元件。

扩展元件库

扩展元件库,通常是通过基础的元件库进行制作。通过基础元件库的组合,制作自己专属的元件库。整体来说,适合自己的方法才是提高效率的关键。

母版区域-Components

母版区域.png
母版区域,主要用于整个项目中的页面模块的复用。使得在制作项目的时候,能够对相同的元素做到统一修改变更的作用。同时母版支持页面级信息的自定义替换。
例如:我们可以创建一些整个项目中的公用母版。如:搜索栏,翻页等等,这些都可以通过母版的改动达到全局的改动。

绘图区域

绘图区域.png
绘图区域就是整个Axure的页面绘制区域,我们可以通过元件库的元件拼装绘制自己想要的效果图。同时通过一些元件的属性设置,达到我们想要的效果页面。

交互区域-Style

交互区域.png
在Axure中交互事件的配置是软件的核心功能,通过设置不同的交互动与事件,使整个原型到达静态交互的效果。
在交互中主要由交互事件、启用情形、交互动作、形状属性四个参加组成。

交互事件

Axure在页面层级提供了3种类型(鼠标、键盘、页面)、10+的交互事件。例如:页面载入时、页面单击时、页面双击时等等。
Axure在元件层级提供了3种类型(鼠标、键盘、形状)、20+的交互事件。例如:元件载入、鼠标单击元件、鼠标移入元件、元件移动等等,其中动态面板、中继器等有专属的交互事件。

启用情形

启用情形是部分交互事件可以触发的前置条件,可以通过配置,达到不同状态(场景)下交互事件触发不同的交互动作。

交互动作

在交互事件中配置的最终呈现的动作,Axure提供了20+的交互动作,能够满足不同类型的交互展示。例如:文字赋值、移动等等。

形状属性

提供元件的其它状态的样式展示,其中包括:鼠标悬停、鼠标按下、选中、禁用、出错、获取焦点等6种样式。通过与基础样式的结合,部分元件可以展示出7种不同的状态效果。

样式区域-Interactions

样式区域.png
主要进行页面的样式修改与配置,元件样式修改与配置。

页面样式

页面样式包括页面尺寸、页面样式、页面对齐方式、页面背景色、高低保证等。

元件样式

进行元件的详细属性设置,元件的类型不同,元件样式中编辑存在部分差异。

说明区域-Notes

说明区域.png
进行页面整体信息备注说明或元件信息备注说明等。
说明文字的备注可以在预览中进行展示与标识。