搜索
出售我的作品
用户头像

又壹耳设计工作室

你还没有自我介绍哦~
用户头像

您还未登录

登录后即可体验更多功能
立即登录

搜索

搜索按钮
搜索历史
热门搜索
医疗
后台
后台管理系统
电商
CRM
ERP
大屏
您当前还不是平台作者,
立即申请成为作者?

温馨提示

本次下载需扣除1
剩余下载免费作品5
今日有效(每日获得1次)
当前剩余:1/1
 
永久有效(参与活动获得)
当前剩余:6/10
 
立即下载
获取更多下载次数
绑定手机号
发送验证码
根据《中华人民共和国网络安全法》要求,使用互联网服务需进行身份信息验证。请绑定手机号验证,感谢您的支持和理解
立即绑定

获取更多下载次数

免费下载产品原型,提高工作效率

添加小师妹微信
微信扫一扫添加
注意:添加完后记得刷新哦
复制以下链接地址,邀请好友访问
复制链接
客服头像
在 线 咨 询
象天尺客服二维码 微信扫一扫咨询 >
返回顶部

动态面板的“固定到浏览器”在设计中的应用

2024-05-13 发布 321 次浏览

动态面板是 Axure 中的一大神器,本文主要围绕其“固定到浏览器”特性,介绍在设计项目时,它可以发挥那些用处。

导航栏

在设计导航栏时,如果我们需要在滚动页面时,固定导航栏的位置,只滚动其他页面元素,我们可以将导航栏设置为动态面板,并给导航栏设置“固定到浏览器”,让其固定在顶部并水平居中,这样在滚动页面时,导航栏会始终固定在顶部,如下:

教程过度草稿

右侧菜单

有时候因为功能的需要,会在网页右侧放一个菜单,或者是返回页面顶部的按钮,要求菜单或按钮也是固定在页面右侧,不跟随页面滚动,同样可以通过此功能来实现右侧固定的效果,如下:

教程过度草稿

弹窗

由于弹窗都是从中间弹出,如果通过函数来计算弹窗位置十分复杂,而如果将弹窗转为中继器,再利用中继器的“固定到浏览器”特性将非常方便,弹窗不仅会在居中位置出现,当窗口大小调整时,窗口也会自动居中,如下:

教程过度草稿

toast 提示

toast 一般有两种呈现形式,一种是居中弹出,多用于移动端产品设计,配置可参考上文“弹窗”,将 toast 居中;另外一种则是多用于 PC 端,从页面顶部弹出,效果如下:

教程过度草稿

通知

一般指的是通过浮窗进行通知,根据业务的需要可能通过浏览器的四个角弹出,如下:

教程过度草稿

以上便是本文的全部内容,感谢阅读!

收藏 收藏 收藏 0
阅读排行榜
    加载数据中...
声明:象天尺内网友所发表的所有内容及言论仅代表其本人,并不反映任何象天尺之意见及观点。
登录 后评论
全部评论
文章信息
创作时间
2024-05-13