Axure-固定侧边栏-滚动内容区导航

前言:

我们日常在制作pc端文字类产品的交互,左侧固定目录,点击对应目录右侧内容随之滚动,这种场景使用场景还是比较多的。

临摹:

一、今天我们临摹一下腾讯官网的一部分,先完成静态页面的制作。

二、当我们点击左侧导航时,对应右侧内容随之滚动,注意这里我们左侧导航需要设置为动态面板,如果不设置动态面板,到时候整个页面滚动,左侧导航也会随之滚动,将左侧导航设置为动态面板就能解决该问题。

三、在每个章节前面加入热区。分别命名为对应章节的名称。

四、制作点击侧边栏,滚动内容区域交互。是不是很简单啊。

相关推荐
招风的黑耳2 天前
Axure 高保真视频播放器原型设计实战:10 个关键交互场景详解
axure·视频播放器
招风的黑耳3 天前
Axure 可视化原型设计效果全景展示
axure·可视化大屏·大屏端
招风的黑耳4 天前
用Axure中继器快速搭建高复用条形图原型
axure
招风的黑耳5 天前
Axure动态滑块进度器设计指南:打造高效交互体验
交互·axure·photoshop
招风的黑耳6 天前
从水电大屏到全行业通用方案:用Axure搭建可视化大屏原型的完整方法论
ui·axure·photoshop
夜郎king1 个月前
Axure 原型落地 HTML:基于 Trae Solo 实现 GIS 多级行政区划切换全流程实践
axure·trae solo·gis可视化
测试修炼手册1 个月前
[测试工具] Axhub MCP:把 Axure PRD 变成测试用例
测试工具·测试用例·axure
梓贤Vigo1 个月前
【Axure原型分享】AI自动回复机器人
交互·产品经理·axure·原型
xy34531 个月前
Axure9.0中继器-初识篇
产品经理·axure·原型
Chensay.2 个月前
Axure RP安装(已汉化)附下载地址
axure·结构设计