axure轮播图

前言:

axure学习实际上来说并没有多高的难度,我们只需要找到特定的案例,然后进行临摹即可,如今很多app端应用首页都存在卡片式轮播图,今日我们就临摹携程app,页面的制作就不一一讲解的,在涉及到交互时会细细说明。

静态页面的临摹:

这点大家可千万不要偷懒,所谓基本功打好,熟能生巧。

轮播图交互:

轮播图我们主要需要完成三块的交互,我们将眉头卡片设置成动态面板命名为"轮播图",并插入五张图片作为轮播图切换展示,在首页卡片下放入焦点图,并设置为动态面板命名为"焦点图",最后就是输入框默认查询条件信息,并设置为动态面板,并将其命名为"搜索框广告"。

完成轮播图交互:

相关推荐
招风的黑耳3 小时前
通用商城后台业务管理系统Web端Axure高保真原型:全面解析与功能亮点
axure·原型·商城后台
荔枝吻4 小时前
【保姆级喂饭教程】【沉浸式解决问题】阿里云服务器部署原型HTML文件
服务器·阿里云·html·axure·原型
梓贤Vigo1 天前
【Axure原型分享】AI图片去水印
交互·产品经理·axure·原型
招风的黑耳2 天前
移动端数据可视化高保真原型模板:开启Axure高效设计新征程
axure·数据可视化·移动端
招风的黑耳2 天前
Axure优质可视化大屏模板图表组件 RP 文件
信息可视化·axure
招风的黑耳3 天前
Axure高保真原型智慧社区管理系统框架模板
axure·原型·智慧社区·高保真
招风的黑耳3 天前
SpringUI:重塑Web原型设计体验的全交互高保真元件库
交互·axure·原型
招风的黑耳4 天前
智慧设备管理综合系统PC端Axure原型
axure·设备管理·原型系统
招风的黑耳4 天前
【Axure高保真原型】120页移动端高保真数据可视化模板
axure·数据可视化·移动端