### Axure新手技能训练手册知识点解析
#### 一、Axure界面概览
- **MainMenu & Toolbar(主菜单和工具栏区)**:提供了一系列基本操作的快捷方式,例如文件新建、保存、打开等,同时也包含了常用的设计工具,如复制、粘贴、撤销等。
- **Wireframe Pane(线框面板)**:这是Axure的主要工作区域,设计师在此处绘制原型图。可以放置各种控件,如按钮、文本框等,并对其进行编辑。
- **Sitemap Pane(网站地图面板)**:用于管理和组织各个页面之间的层级结构和导航关系。在这里可以清晰地看到所有页面的组织架构,并通过拖放的方式调整页面之间的逻辑关系。
- **Widgets Pane(控件面板)**:提供了大量的预设控件,设计师可以根据需要选择适合的控件来构建原型。这些控件包括但不限于按钮、文本框、图片等。
- **Masters Pane(公用模块管理器)**:这里管理的是页面模板,可以创建多个模板页面,以便快速复用页面布局和元素。
- **Pages Properties Pane(页面属性面板)**:用来设置页面的基本属性,如页面名称、页面备注等。
- **Widget Properties Pane(控件属性面板)**:用于设置单个控件的属性,包括注释、交互行为和外观格式。
- **Annotations(注释)**:可以为控件添加说明性文字,有助于团队成员理解控件的作用。
- **Interactions(交互)**:定义控件响应特定事件的行为。
- **Formatting(格式化)**:设置控件的外观样式,如字体、颜色、边框等。
- **Dynamic Panel Manager Pane(动态面板控制面板)**:管理页面上的动态面板,动态面板可以包含多个状态,通过事件触发状态之间的切换,实现复杂的动画效果。
#### 二、线框设计与控件使用
- **线框设计**:线框设计是指在Axure中通过绘制控件来构建页面布局的过程。这一步骤对于整个原型的构建至关重要,因为它决定了用户界面的基础结构和交互逻辑。
- **控件(Widgets)**:
- **选择和搜索控件**:从控件库中挑选合适的控件并放置在线框面板上。
- **尺寸调整**:通过拖动控件边缘来调整其大小。
- **风格和属性编辑**:通过控件属性面板更改控件的颜色、字体等属性。
- **分组与解除分组**:多个控件可以通过分组功能组合在一起,作为一个整体进行移动或编辑。
- **控件风格编辑器**:允许用户自定义控件的默认样式,甚至创建新的样式。
- **格式画笔**:类似于格式刷的功能,可以将一个控件的样式应用到其他控件上。
- **选择模式**:有两种选择模式,“SelectIntersectedMode”表示交叉选择模式,即只要鼠标框选区域触碰到控件就会被选中;“SelectContainedMode”表示容器模式,只有完全框选控件才会被选中。
#### 三、页面与控件属性设置
- **页面属性**:
- **页面备注(PageNote)**:用于记录关于页面的信息,可以帮助团队成员更好地理解和维护原型。
- **页面格式化(PageFormatting)**:
- **页面风格(PageStyle)**:定义页面的整体外观,包括背景颜色、图像等。
- **页面排列方式(PageAlign)**:设置页面内容的对齐方式。
- **背景颜色(BackColor)**:设置页面背景色。
- **背景图(BackImage)**:设置页面背景图像。
- **水平对齐和垂直对齐模式设置(HorizAlignandVertAlign)**:设置页面内容的水平和垂直对齐方式。
- **重复背景图(Repeat)**:设置背景图像的重复方式,包括水平重复、垂直重复或同时水平垂直重复。
- **草图效果(SketchEffects)**:为页面添加手绘风格的效果,可以通过调整Sketchiness参数来控制效果的强度,LineWidth参数则用于设置控件边框在手绘时的效果。
#### 四、交互设计
- **交互概念**:Axure支持创建丰富的交互效果,主要包括事件、案例和动作。
- **事件(Event)**:指用户在界面上的操作,如点击、鼠标悬停等,它们触发后续的交互行为。
- **OnClick**:点击控件时触发。
- **OnMouseEnter**:鼠标进入控件时触发。
- **OnMouseOut**:鼠标离开控件时触发。
- **OnKeyUp**:在控件内按下并释放键盘键时触发。
- **OnFocus**:控件获得焦点时触发。
- **OnLostFocus**:控件失去焦点时触发。
- **OnChange**:控件内容发生变化时触发,常用于下拉列表或列表框。
Axure是一款强大的原型设计工具,通过灵活的界面布局、丰富的控件资源、细致的属性设置以及多样化的交互设计能力,帮助设计师高效地构建高质量的原型。无论是初学者还是有经验的设计师,都能利用Axure实现自己的创意和技术需求。