Axure备课

2023-10-15 09:40
文章标签 axure 备课

本文主要是介绍Axure备课,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

文章目录

  • 一、页面的操作
    • 1-1 创建页面的操作
    • 1-2 根据页面生成流程图
    • 1-3 经世优学的例子
  • 二、元件库的操作
    • 2-1 基本元件库
    • 2-2 鼠标悬停
    • 2-3 页面属性修改
    • 2-4 钢笔工具(了解)
    • 2-5 布尔运算(了解)
    • 2-6 表单原件
    • 2-7 菜单和表格
    • 2-8 流程图
  • 三、发布
  • 四、母版
  • 五、动态面板
  • 六、原件交互
    • 6-1 动态面板的交互

一、页面的操作

1-1 创建页面的操作

1589361154444

1-2 根据页面生成流程图

1589361493850

1-3 经世优学的例子

1589362225723

二、元件库的操作

2-1 基本元件库

1589363533415

1589363878080

1589365899423

具体教程https://jingyan.baidu.com/article/c33e3f488ff139ea15cbb582.html

1589370317548

布局的时候以第一个选择的元素作为参考物

2-2 鼠标悬停

1589430188560

2-3 页面属性修改

1589437616169

1589437713255

2-4 钢笔工具(了解)

闭合的路径:锚点回到起始的位置单机

开放的路径:双击左键,或者是按Esc键

直线转曲线:双击某个锚点,可以将该锚点转换为曲线或直线

增加锚点:在路径上单击实现增加锚点

按住Ctrl再单击平衡杆可以调整某一侧的弧度

2-5 布尔运算(了解)

2-6 表单原件

2-7 菜单和表格

2-8 流程图

1589449632086

三、发布

1589455611935

四、母版

类似于PPT的母版

1589455720231

1589455814362

五、动态面板

1589470193477

双击生成的动态面板进行编辑

动态面板可以制作悬浮窗

右键动态面板→固定到浏览器

1589471080562

1589471102037

六、原件交互

如果是给动态面板添加交互效果的话:

  1. 双击对应的动态面板,然后进入相应的动态面板页面

  2. 选择要添加交互效果的组件,选择右侧面板中的 鼠标单击

    1589472987538

注意:

​ 其中父级窗口常用在弹出窗口当中,用作改变父级窗口的状态

演示内联框架的属性与交互

  1. 先添加内联框架组件

  2. 为按钮添加点击时的交互事件

    1589474150228

  3. 右键内联框架可以设置边框的可见性

利用锚点可以滚动到指定位置

1589474465210

利用热区实现原件的显示与隐藏

  1. 添加热区组件,选择右侧的鼠标移入时,和鼠标移出时

    1589475553441

6-1 动态面板的交互

1589475588169

这篇关于Axure备课的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/216876

相关文章

axure之变量

一、设置我们的第一个变量 1、点击axure上方设置一个全局变量a = 3 2、加入按钮、文本框元件点击按钮文档框展示变量值。 交互选择【单击时】【设置文本】再点击函数。 点击插入变量和函数直接选择刚刚定义的全局变量,也可以直接手动写入函数(注意写入格式。) 这样点击按钮时就直接展示刚刚设置的全局变量3了。 2、更改变量值 在新建交互里点击设置变量值。 将a变量设置成等于10. 将新

Axure元件库Ant Design中后台原型模板:提升设计与开发效率的利器

企业对于中后台产品的设计与开发需求日益增长。为了提升用户体验和开发效率,设计者和开发者们不断寻求更加高效、统一的解决方案。Ant Design,作为阿里巴巴开源的一套企业级UI设计语言和React组件库,凭借其丰富的组件和统一的设计风格,已成为众多项目的首选。而在Axure中使用Ant Design元件库,更是为中后台产品的原型设计带来了极大的便利。 Ant Design简介 Ant D

【办公效率】Axure会议室预订小程序原型图,含PRD需求文档和竞品分析

作品说明 作品页数:共50+页 兼容版本:Axure RP 8/9/10 应用领域:中小型企业的会议室在线预订 作品申明:页面内容仅用于功能演示,无实际功能 作品特色 本作品为会议室预订小程序原型图,定位于拥有中大型组织架构的企业、办公楼、园区等群体,为其提供简易化的线上会议室管理的服务。 本作品从业务分析、竞品分析、用例图、原型设计,到需求清单,依照(敏捷开发)标准实战流程输出一套

Axure制作圆球在区域范围内移动效果的案例

在Axure RP中,我们可以通过设置多个交互动作和动态面板来创建复杂的动画效果,比如实现一个圆球在指定区域内通过八个方向按钮控制移动的效果。以下是一个详细的步骤介绍,帮助你理解并制作这一效果。 预览: https://1zvcwx.axshare.com 一、准备工作 首先,确保你安装了Axure RP软件,推荐使用较新版本如Axure RP 9,因为它支持更多的交互功能和动画效

Axure健康助理小程序原型图70+页,医疗类高保真高交互模板

作品概况 页面数量:共 70+ 页 源文件格式:限 Axure RP 9/10,非app软件无源码 适用领域:医疗健康、健康助理 作品特色 本作品为健康助理小程序的Axure原型设计图,属于医疗健康项目,设计规范内容清晰,高保真高交互,欢迎想了解医疗健康行业的同学观摩学习,希望对你有所帮助。 该产品的定位属于第三方互联网医疗服务平台,致力于为用户提供客观可信赖的医疗信息服务。产品未来所提供

Axure部件库:经典安卓图标(Android Icons)

行业原型预览链接: 文件类型:.rp 支持版本:Axrure RP 8 文档名称:经典部件库:安卓图标(Android Icons) 文件大小:2.75 MB 目录内容介绍 文档内容介绍 免费领取资料  “211027” 领取

Axure原型设计技巧与设计经验分享

在快速迭代的数字产品设计中,Axure RP作为一款强大的原型设计工具,以其丰富的交互设计能力和高保真度的模拟效果,赢得了众多UI/UX设计师、产品经理及开发人员的青睐。本文将分享一些Axure原型设计的实用技巧与设计经验,帮助读者提升工作效率,打造更加流畅、用户友好的产品原型。 一、基础准备:熟悉界面与工具 1. 界面布局与快捷键 初次使用Axure时,建议先花时间熟悉其工作界面,包括工具

Axure设计效率提升:实战策略与技巧

Axure设计效率提升:实战策略与技巧 在快速变化的产品设计环境中,Axure RP作为原型设计的首选工具之一,其高效性直接关乎项目的推进速度和最终成果的质量。本文旨在分享一系列实战策略与技巧,帮助设计师在使用Axure时显著提升设计效率,从而更加专注于创意与用户体验的打磨。 一、优化工作流程 1. 明确设计目标与需求 在开始设计之前,与产品经理、开发团队充分沟通,明确设计目标、用户需求和

Axure团队协作功能详解:从创建到管理的全流程

Axure RP 支持团队协作,通过创建团队项目,多个团队成员可以同时在同一个项目上进行编辑和管理。以下是使用 Axure 进行团队协作的详细步骤: Axure 使用地址 1. 创建团队项目 打开 Axure RP,并在菜单栏中选择 “Team” > “Create Team Project”(创建团队项目)。 在弹出的对话框中,设置项目的名称和存储位置。 Axure 提供两种存储位置

【Axure高保真原型】输入框控制多选下拉列表选项

今天和大家分享输入框控制多选下拉列表选项选项的原型模板,效果包括: 点击下拉框可以弹出选项列表,点击可以切换选中或取消选中 根据选中项在外框出自动生成标签,可以自适应调整高度 下拉列表的选项由左侧多行输入框里的内容控制,每行代表一个选项,修改多行输入框内容后,点击更新按钮,可以更新到下拉列表里 下拉框默认提示文字有左侧单行输入框的内容控制,修改输入框的内容后,可以更新下拉框的默认文字