结构化知识课堂-CSDN博客

原创 Axure常用交互效果七——全屏效果

接下来设置两个按钮的显示与隐藏，全屏按钮隐藏——缩小按钮显示。到这里就实现了本节课的全屏效果，如有更多问题咨询私信我吧！步骤四：设置缩小按钮，载入时隐藏，单击时——设置尺寸。步骤四：叠加两个icon，结束。

2024-10-11 07:44:42 27

滚动效果的应用范围非常广泛，例如APP、H5页面的信息滚动条，数据看板中的实时数据播报，提示信息等等；循环的间隔和滑动的时间都可以根据不同的项目要求，自行设置，希望通过以上内容能帮助到大家。步骤四：为动态面板添加交互，载入时——当前面板——下一项——向后循环——向左滑动2500毫秒——循环间隔1000毫秒，这样就实现了无限循环操作。步骤三：动态面板录入要显示的内容，并添加到State1、2、3、4中。步骤六：设置面板状态——停止循环。

2024-10-10 12:14:00 295

原创 Axure常用交互效果五——展开与收回

步骤八：为收回添加交互，载入时隐藏收回，单击时——显示展开，隐藏收回——隐藏背景1，隐藏新增查询条件——查询组合回到原位。步骤五：为展开按钮添加交互，单击时——显示查询条件和背景1——移动查询条件。步骤六：坐标的选择，需要我们模拟新增条件查询预到达位置，并记录下这个坐标；在做完以上交互后，我们还要隐藏展开这个按键，并显示收回，调起其他交互；步骤三：为新增的查询条件添加交互，组合这个查询条件，载入时隐藏。步骤四：组合查询按钮、展开和收回；

2024-10-10 09:56:20 325

原创 Axure常用交互效果四——移动效果

Axure移动交互在整个交互中占有非常重要的地位，曾经有个前辈说过，学好移动效果可以代替很多你搞不懂的复杂交互，比如说菜单的展开与收回，使用移动效果与显示、隐藏搭配使用一样可以做出来；步骤三：为小汽车添加交互，载入时隐藏小汽车，单击时隐藏小汽车（这样做的目的是为了页面载入时不显示小汽车，当显示小汽车时，通过点击小汽车再次隐藏小汽车！步骤四：依次为四个圆形标记添加交互，单击时——显示——小汽车，移动——小汽车。

2024-10-09 17:48:25 266

原创 Axure常用交互效果三——隐藏与显示

隐藏与显示交互在Axure中应用非常广泛，理解这个交互的内涵是产品经理举一反三，实现诸多客户心理期望的重要途径。到这里就完成了按钮1和按钮2的隐藏与显示交互，如仍有不明白的地方大家可以私信我。步骤二：为按钮1添加交互，新建交互——单击时——显示/隐藏——按钮2。这样按钮1的交互我们就做完了，接下来我们继续制作按钮2的交互。步骤三：点击加号，继续添加单击时的交互，选择按钮1——隐藏。步骤四：点击按钮2，新建交互——载入时——按钮2——隐藏。步骤五：点击新建交互——单击时——按钮1——显示。

2024-10-09 17:41:27 382

原创 Axure常用交互效果二——拖动效果

拖动效果的交互设计原理是动态面板和移动的组合应用，再此基础上可以扩展出很多交互效果，例如垂直拖动、水平拖动、延时拖动等，在应用场景中适用于菜单的滑动/拖动、内页、长图等方面，在大型交互设计中也发挥着重要作用，例如车辆轨迹、车辆位置、滚动条、电子屏等等。我们将菜单向右拖动，回到初始位置，正好是向右滑动的极限！初始位置，正好是向右拖动的阈值！我们向左拖动，直到在窗口中显示完菜单的最后一项，观察这时的X坐标：-240 这就表示当我们向左拖动时，到达这个位置就是最低的阈值，那么我们向左拖动的阈值就是-240。

2024-10-09 17:32:21 116

原创 Axure常用交互设计一——选中效果

从本节课开始，将陆续给大家展示Axure在产品设计中的常见的交互效果，欢迎大家持续关注我。交互效果不难做出，难的是我们要通过学习交互，懂得在哪些场景下使用，以及交互逻辑是什么才是最重要的。最近更新视频课程，到时候我会把链接放进来，大家点进去更详细的学习。以上是单个功能按钮的选中效果制作，在实战中我们还要考虑选中后展示什么内容，以及同级多个按钮其他菜单如何设置选中；

2024-10-09 17:21:39 446

benleiqiang的博客