axure 动态面板 自动适应浏览器宽度_Axure教程:这几个小技巧你一定要知道

一、Axure制作页面,当页面需要滚动时不出现滚动条我们有时候做一个页面很长,一屏或者一个模块显示不完全,现在很多设计为了界面更简洁舒适不提供分页,那怎么办呢?就要做成滚动页,但是滚动条在有的地方出现影响美观,例如下方表格需要滚动。1. 软件界面

129f90fe346308a2d88848f492b68201.png

2. 效果展示

我们看到会有一个滚动条

bd9b0b471fd7254a7a271622c3d95d1f.gif

怎么隐藏滚动条?【方法:动态面板里再套一层,外层不滚动,内层滚动(注: 内层是拖到状态里), 再将所有东西移入内层动态面板, 最后外层动态面板缩小, 遮挡滚动条(注:内层宽度要拉大点)】1.软件界面

29fe7956bb4ad7822a76f0aba2d7506d.png

2.效果展示

6364bd2f14b43a513b168730428993c0.gif

:隐藏滚动条可以出现在很多地方,例如:
  • 手机端常见购物APP商品浏览无限滚动

  • 电脑端现在很多企业网站新闻页面也抛弃了分页,因为本身网站新闻不多

二、Axure鼠标移入变小手我们知道,给文字或图片添加链接时会出现小手,但是我们做原型不是每个都会做链接,也不是所有都需要点击,比如鼠标移入效果,移入状态改变同时出现提示,这时候根本没有链接,但是这种情况下我们希望是个小手,因为存在交互,小手比鼠标箭头更适合。但是,Axure中给元件添加鼠标移入效果时并不会变成小手,我又不想它被点击,那怎么办呢?解决:添加一个空的单击事件软件界面

1217cbe396394ba036d68cb46a5a008b.png

三、Axure制作打开页面顶部加载动效

插入矩形设置尺寸:40*3(根据实际页面定),设置圆角交互首先选中矩形,右键“设为隐藏”,设置后如下图:

ee57e85dfab0d1bfa78d054bf21cfe5d.png

然后设置交互:载入时显示当前并且至于顶层,因为这个加载一般是在页面上的,不是独立的然后设置尺寸,高不变,宽根据页面尺寸定,线性等待1000ms再隐藏当前

6f9b09aacf688ad5c2615b58cbd973d8.png

 人人都是产品经理主页:http://www.woshipm.com/u/211070
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值