axure_1复习6

本文复习了Axure中的阴影设计技巧,包括浮雕按钮的制作,通过调整阴影偏移、模糊度和颜色来实现。同时讲解了左侧菜单下拉效果的实现,使用Ant Design部件库,并通过动态面板隐藏/显示实现交互。最后探讨了模拟抖音滚动评论的动态面板移动效果,通过判断与移动实现无缝滚动。
摘要由CSDN通过智能技术生成

axure_1复习6

1.阴影设计效果(浮雕按钮)

  1. 图像 - 样式 - 阴影 - 偏移xy - 正负可调;
  2. 模糊度 - 20;
  3. 颜色 - 阴影颜色 - 淡点好;
  4. 颜色 - 透明度调整 - 围绕底色调整;
  5. 图形变换 三角形 吸管填充颜色;
  6. 制作背景阴影方法:选取与两个矩形,一个与底色同色,另个可以为白色等,可以调模糊度等。
  7. 浮雕总结:右下角外部阴影:偏移x=15 y=15 模糊15,阴影颜色纯黑,不透明6;
    左上角外部阴影:偏移x=-15 y=-15 模糊15,阴影颜色纯白,不透明70。

2.左侧菜单下拉拉起

ant design 素材库 - 官网 - 资源 - axure部件库 - web版本3x/mobile版本
整体数据:
分析页;
监控页;
工作台 ;
整体数据是按钮,跳转;剩下三个是动态界面。

二级导航是透明的,可以加入黑底色。把二级导航都放在动态面板里。

核心:动态面板隐藏/ 切换显示/隐藏,向下滑动

步骤1:二级导航变成动态面板;
步骤2:一级导航增加事件【显示/隐藏】动态面板;
步骤3:一级导航增加事件【推拉】动态面板

增加选中 - 交互 - 交互样式 - 鼠标悬停 - 改变鼠标悬停时的填充颜色和字体颜色

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值