当前位置: 首页 > article >正文

Axure使用动态面板制作新闻栏目高级交互

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:使用动态面板制作新闻栏目

主要内容:动态面板State切换、控制;动态面板滚动设置;设置选中

应用场景:各类型信息窗口应用;适用性极强

案例展示:

Axure动态面板制作新闻资讯栏目高级交互

案例分析:通过操控'<'、'>'按钮,实现动态面板State状态间切换;当滑动鼠标中键时内容滑动;鼠标悬停到相应内容时,信息出现选中效果;


正文内容:

步骤一:制作案例基本素材

填入基本图片和文字素材,依次填入推荐区三个State内容;

填入消息区三个State内容;

步骤二:设置'<'、'>'按钮交互;首先将两套按钮进行组合,并命名,这样下一步增加交互时很好区分;分别命名为推荐区按钮、消息区按钮;两个动态面板同样命名为推荐区动态面板、消息区动态面板;

交互顺序——设置四个按钮选中效果——设置四个按钮单击时动作效果

快速设置其他四个按钮,思路是一样的;区别在于载入时每一套按钮只设计其中一个,基于用户体验性操作;

步骤三:设置消息区动态面板内容鼠标悬停效果;

步骤四:因为我们的内容超出了显示区域,而且我们不想出现右边的滚动条,那么这时候我们就需要再次转成动态面板,以实现滚动条的遮盖;

本课小结:从用户体验出发,理解动态面板State状态与用户操作之间的逻辑过程;设置选中、动态面板的组合应用;适用性较为广泛,在APP、PC端有很多应用场景都可以使用以上的设计逻辑和显示结构。


相关课程直通车:

Axure随机验证码高级交互-CSDN博客

Axure文本框读取和赋值高级交互-CSDN博客

如有其他相关问题,欢迎私信沟通,关注  结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!


http://www.kler.cn/a/370206.html

相关文章:

  • JavaScript笔记基础篇03——函数
  • C/C++、网络协议、网络安全类文章汇总
  • 2025年PHP面试宝典,技术总结。
  • 【NLP基础】Word2Vec 中 CBOW 指什么?
  • 开源AI崛起:新模型逼近商业巨头
  • Linux 使用 GDB 进行调试的常用命令与技巧
  • 【ChatGP】让ChatGPT解释和简化复杂的技术概念
  • 配置console口密码和远程登录
  • 面试官:Kafka 为什么那么快?
  • Android Input的流程和原理
  • 前端零基础入门到上班:【Day1】什么是前端?
  • 【Android】Kotlin教程(2)
  • MacOS上Homebrew 安装、配置、更改国内镜像源及使用教程
  • GEE APP:为土地分类图数据在地图上添加一个可视化图例
  • 算法备案全攻略:深度合成等五类算法的备案流程详解
  • 基于SSM土家风景文化管理系统的设计
  • 华为HarmonyOS实现实时语音识别转文本
  • 银行信贷风控专题:Python、R 语言机器学习数据挖掘应用实例合集:xgboost、决策树、随机森林、贝叶斯等
  • 论文笔记:SIBO: A Simple Booster for Parameter-Efficient Fine-Tuning
  • 合理使用动画和转场<HarmonyOS第一课>
  • 【Orange Pi 5 Linux 5.x 内核编程】-字符设备文件操作基础
  • ssm011线上旅行信息管理系统(论文+源码)_kaic
  • 基于SpringBoot的“超市进销存系统”的设计与实现(源码+数据库+文档+PPT)
  • 面向对象进阶(下)(JAVA笔记第二十五期)
  • 【STM32-HAL库】火焰传感器(STM32F407ZGT6)(附带工程下载链接)
  • spring-第十二章 GoF代理模式