Axure网站教程
界面认知
Axure的界面主要分为以下几个区域:站点地图、元件库、母版区和页面设计区,这些区域各司其职,帮助用户高效地进行原型设计。
站点地图(页面结构区)
功能:规划页面的层级关系,添加、删除、重命名和组织页面层次。
操作:通过面板工具栏上的新增按钮可以添加一个页面,点击删除按钮可以删除一个页面,右键单击选择重命名菜单项可对页面进行名称的修改,页面顺序的排列和组织可以通过拖拽或点击工具栏上的排序按钮完成。
元件库
功能:提供各种预设的元件供用户使用,如按钮、文本框、图片等。
操作:用户可以从左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开,还可以创建自己的部件库,甚至对系统自带的默认元件库进行修改和删除。
母版区
功能:允许用户创建可重复使用、共同调用的组件集合,类似于设定好的自定义组件库。
操作:在已有元件中,右键生成母版;或者直接在左下角新建母版,将顶部菜单栏元件拖入母版,即可在多个页面中复用。
Axure软件介绍
Axure RP是一款专业的快速原型设计工具,广泛用于制作高保真页面原型,使用者包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,它能帮助设计者快速创建基于网站构架图的带注释页面示意图、操作流程图以及交互设计,并可自动生成用于演示的网页文件和规格文件。
Axure安装与运行
安装:Axure中文学习网提供了下载链接,傻瓜式安装即可。
运行:安装好后运行,可以看到欢迎界面,成功进到这里说明安装成功!
元件的使用
添加元件到画布
操作:在左侧元件库中选择要使用的元件,按住鼠标左键不放,拖动到画布适合的位置上松开。
添加元件名称
操作:在文本框属性中输入元件的自定义名称,建议采用英文命名,PasswordInput01表示序号01的密码输入框。
实例练习
:用默认元件库做一个表单出来。
步骤:
选择文本框(单行)、文本框(多行)、下拉列表框、复选框、单选按钮等元件。
将它们拖放到画布上合适的位置。
调整元件的大小和位置,使其符合设计要求。
样式设置
钢笔工具的使用
功能:用于绘制直线、折线和曲线。
操作:
双击或者按Esc结束钢笔工具。
画直线时,点击起点和终点即可。
画曲线时,当前点位置左键鼠标按住不动,方向影响到曲线的方向,橘色的线长度影响到曲线的半径。
样式设置包括线条(颜色、粗细、样式)和填充(单色、渐变)。
组合、对齐与分布
功能:用于管理和组织多个元件。
操作:
选中多个元件后,右键选择“组合”或使用快捷键Ctrl+G(Windows)/Cmd+G(Mac)。
对齐与分布功能可以帮助用户快速调整元件的位置和间距。
交互设计
动态面板视图
功能:Axure 10引入了全新的动态面板视图,增强了交互设计的能力。
操作:用户可以在动态面板中添加多个状态,并为每个状态设置不同的交互效果。
中继器的应用
功能:实现表格数据筛选、树形结构等复杂交互效果。
操作:
利用中继器加载时和每项加载时的交互事件,结合单元格/列上下文菜单,可以实现多表头筛选的效果。
通过中继器内的动态面板和箭头方向的变化,实现无限级树形节点的效果。
函数与动作
功能:Axure支持使用函数和动作来实现更复杂的交互逻辑。
示例:使用日期函数获取当天年月日时分秒,并在移动端顶部栏实时显示。
相关问题与解答
Q1: Axure中如何快速知道哪些组件可点击可交互?
A1: 在拿到Axure原型预览链接的时候,如果想知道哪些按钮点击之后有没有效果,可以使用Axure的“预览”功能查看原型演示效果,虽然无法直接从原型页面上感知到所有信息,但通过实际操作可以了解大部分交互细节。
Q2: Axure中的母版如何修改?
A2: 如果需要修改母版的内容,可以在母版区找到相应的母版,双击进入编辑模式,进行所需的修改,修改完成后,保存更改即可,使用该母版的页面也会随之更新,以反映所做的改动。
各位小伙伴们,我刚刚为大家分享了有关“axure网站教程”的知识,希望对你们有所帮助。如果您还有其他相关问题需要解决,欢迎随时提出哦!
原创文章,作者:K-seo,如若转载,请注明出处:https://www.kdun.cn/ask/650494.html