在设计产品原型的过程中,经常会遇到这样的一种场景——所要展示的内容,超出了当前可视页面范围。遇到这种情况,通常使用Axure动态面板的滚动条设置来解决。

产品原型设计是产品经理每日或周期性必须经历的事情。经过长期的产品沉淀,每位产品经理多少都会有完美主义精神。产品原型的领域,就是其完美主义精神发挥的场所之一。

在设计产品原型的过程中,经常会遇到这样的一种场景——所要展示的内容,超出了当前可视页面范围。遇到这种情况,通常使用Axure动态面板的滚动条设置来解决。

有滚动条效果

首先,创建动态面板(Panel)

选中当前需要添加滚动条范围内部件,右键选中“创建动态面板(Create Dynamic Panel)”。

其次,设置动态面板滚动条效果为“纵向滚动条”

设置为“纵向滚动条”后,具体如下图所示:

展示内容超过当前页面的时候,会自动生成滚动条效果。

第三,生成Axure原型,查看有滚动条效果界面

具体如下:

无滚动条效果

首先,基于“有滚动条效果”,制作无滚动条效果

基于“有滚动条效果”中第二步骤,在原有的动态面板基础上再创建一层动态面板。点击最外层动态面板,进入操作界面。将内层的动态面板,设置滚动条效果。将看到的滚动条,移出外层动态面板框定的区域范围外。

具体如下图所示:

其次,生成Axure原型,查看无滚动条效果界面。

具体如下:

有滚动条和无滚动条,本质上都能够实现页面滚动查看完整信息效果。

什么样的场景应用无滚动条的界面效果?

当页面右侧滚动条数量>=2时,建议使用无滚动条界面的效果,提升用户体验。

作者:鱼日,公众号:issnail

本文由 @鱼日 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

labview在2048中添加时间滚动条_Axure 教程:不可见滚动条的页面滚动效果相关推荐

  1. labview在2048中添加时间滚动条_Chrome优化深色模式:滚动条颜色也能跟随变化 使上网更具沉浸感...

    为了让谷歌浏览器的深色模式(Dark Mode)变得更加一致,谷歌在 Chrome 的滚动条中添加了对深色模式的支持.虽然我们很多人在上网过程中可能不太关注滚动条,但这毕竟是个可喜的变化,从而让 Ch ...

  2. 滚动条禁止_Axure 教程:不可见滚动条的页面滚动效果

    在设计产品原型的过程中,经常会遇到这样的一种场景--所要展示的内容,超出了当前可视页面范围.遇到这种情况,通常使用Axure动态面板的滚动条设置来解决. 产品原型设计是产品经理每日或周期性必须经历的事 ...

  3. outlook设置263邮件服务器,[win10outlook邮箱设置]win10系统中outlook中添加263邮箱设置教程...

    win10系统自带有Outlook邮件,方便用户们管理邮箱,但有一些用户想要在Outlook中添加360邮箱,方便一起管理,那么在win10系统中下怎么在Outlook中添加263邮箱呢?接下来小编教 ...

  4. html表格中添加超链接,Excel表格中添加超链接的方法教程

    在我们使用Excel表格的过程中,有时候需要为表格内的内容添加网站地址的超链接,以方便引入相关的内容,这个时候,我们就需要使用到添加超链接的知识了.那么,怎么在Excel表格内添加超链接呢?接下来由学 ...

  5. 【Java之轨迹】SpringBoot 实现动态往数据库中添加时间点,使程序在规定的时间点执行任务(定时任务变形应用,附实战:动态日程提醒任务调度)

    -- 目录 -- 1. 需求产生背景 2. 实现思路 3. 具体实现(实战) ① 示范建表(只想看逻辑的可以跳过) ② 自定义任务调度器(重 - 参考与改造) ② 自定义装载任务(重 - 初始化任务调 ...

  6. SwipeToLoadLayout布局中添加自定义控件仿美团、饿了吗等下拉效果

    SwipeToLoadLayout是一个可重用的下拉刷新和上拉加载控件,理论上支持各种View和ViewGroup(ListView,ScrollView,RecyclerView,GridView, ...

  7. 怎么将多个html组合_技巧分享之在HTML元素中添加逼真阴影的教程

    添加一个简单的阴影 让我们为投影准备一个简单的HTML元素: 然后添加CSS: 输出结果是三个框,通过调用每个框的ID可以很容易地放置阴影.要添加阴影,让我们将属性box-shadow赋予框1: 我们 ...

  8. layui在table表格中添加时间控件

    timeB为name layui.table.render({elem: '#lay-purchasing-change',id: "layTableId1" ,url: base ...

  9. 在php 添加时间,在PHP中添加时间

    假设数据库返回的时间戳是SQL格式,以下应该可以正常工作: $dbTime = strtotime($row[0]); $nowTime = time(); $future_dbTime = strt ...

最新文章

  1. typora新增主题,typora将主题导入本地
  2. python扫雷代码文件_基于Python实现的扫雷游戏实例代码
  3. C# 操作Sql Server 学习总结
  4. dubbo-admin安装和简单使用
  5. thinkphp5 接入百度语音合成接口,前台播报功能实例
  6. 博客园-vb随笔列表
  7. IDEA----将本地svn项目导入idea后没有拉取提交按钮
  8. 日常视频一秒变游戏,人物可以随意操控:全靠Facebook的实时算法
  9. iPhone 如何设置自定义铃声 (更新至iOS13 and macOS Catalina)
  10. Python---爬虫---爬取万余张图片,分门别类
  11. 中国人如何在美国银行开户头
  12. 安装fcitx五笔拼音
  13. 如果说这个世界不是真实存在的,只是一段代码,迄今为止你发现了哪些bug?
  14. 经典算法之异或运算(无进位相加)
  15. 大白菜装机版一键制作启动u盘教程
  16. 华尔街智商测试 交易员江平的答卷
  17. 新浪微博客户端开发之OAuth认证篇
  18. 计算机个人swot分析报告,个人swot分析报告.doc
  19. 笔记 黑马程序员C++教程从0到1入门编程——提高编程03
  20. nw362 linux 驱动下载,支持OpenGL 3.2 NVIDIA全新Linux驱动官方发布

热门文章

  1. Kafka剖析(一):Kafka背景及架构介绍
  2. 局部特征(6)——局部特征描述汇总
  3. 用C语言实现三子棋游戏
  4. 突然发现缓存这么好用
  5. python继承父类的调用
  6. CMSampleBufferRef 转换为UIImage
  7. 莫博士:Facebook别再推诿,请承担打击假新闻责任
  8. hiho一下120周 后缀数组一·重复旋律
  9. CentOS6.5下Nginx1.7.4安装记录
  10. Unity上使用Linq To XML