滚动

Aure7.0教程(十)HTML5多级锚记_window函数之ScrollY

这篇教程我要给大家讲的是,axure rp7.0中window函数的应用,window函数包含了几个函数,有兴趣的可以去看axure7.0教程(八)元件函数、窗口函数、鼠标函数和数字函数的介绍。今天,我们先讲一下window函数属性之一ScrollY(纵向滚动)的使用方法。那么,结合scrollY我们来尝试实现Html5网站中,右侧锚记的效果。不清楚的可以去找一些Html5

【译】无限滚动加载最佳实践

本文转载自:众成翻译译者:文蔺链接:http://www.zcfy.cc/article/673原文:https://uxplanet.org/infinite-scrolling-best-practices-c7f24c9af1d无限滚动(Infinite scrolling),有时候被称为无尽滚动(endless scrolling),这种技术允许用户在大量内容上滚动

鼠标滚动事件(事件)

鼠标在滚动的时候会触发一个事件,这个事件叫onscroll。 鼠标滚动的时候浏览器右侧的滚动条会向下移动,其离浏览器顶部的距离由这个js代码来实现。 var xx=document.body.scrollTop||document.documentElement.scrollTop; 关键字:JavaScript, 滚动, 鼠标, top

Aure教程:滑动鼠标页面自动切换(一)

浏览网页时,尤其是互联网产品介绍方面的网站,经常可以看到,当你的鼠标停留在某些页面时,只要轻轻滚动鼠标,页面就会自动切换,相较于传统页面的手动切换可以给用户更好的体验。今天就利用Axure8.0向下滚动的交互动作实现滑动鼠标页面自动切换效果跟大家分享一下。注意Axure7.0没有向下滚动的交互动作,请大家使用8.0进行同步操作。另外,我将使用几张图片来代替页面进行示范,当然

深度剖析|直播页面中的聊天区

直播浪潮来袭,大家在看直播的时候是否感觉页面很“乱” ?特别是占比例最大的聊天区(除了占满屏幕的豪华礼物),大家看到更多的是如下图,体验很糟糕。 聊天区简介1、全屏和半屏国内外的直播界面主要有全屏和半屏两种样式,全屏有Periscope、BIGO、Live.me、映客等, 半屏有Twitch、facebook live、YouNow、斗鱼等。半屏的聊天区域相对单一,本文不做

帮你搞定长滚动网页的设计最佳实践

长滚动页面和无限滚动式的网页已经彻底流行开来了,甚至可以说它已经脱离趋势,成为了一种常规的设计,它们的流行并不是巧合。当用户向下滚动的时候页面的时候,所需要的内容与信息会自然的呈现出来,在此过程中通常不会涉及到额外的、多余的交互。长滚动式的页面有着如下的优势:·更为精简的导航·更容易呈现故事,拥有吸引用户的潜质·与移动端设备的良好兼容性长滚动页面的流行和移动端设备的广泛普及

Aure 教程:屏幕纵向切换

通过鼠标滚轮的前滚及后滚操作,实现屏幕纵向的上翻页和下翻页效果,其实不难。一起来学习吧。一、原型效果二、准备工作本文原型是在1366*768分辨率下完成的。元件矩形:2个,矩形1和矩形2。其中,矩形1为顶部导航条,矩形2为底部导航条。两个矩形的大小都为1366*51。图片:4张,每张大小为1366*589。热区:4个,分别命名为Anchor1、Anchor2、Anchor3

实例分析:用户最讨厌的 3 种 UI 设计方法

这3个UI雷坑,或许你从未注意过,不妨通过文章来看看。注意:本文中提到的设计方法在不同设计场景带来的效果是不一样的,并不能说是好的或不好的。 这意味着,如果你正确执行,它们都具有很大的潜力。1. 弹窗也许你有过这种经历。你打开一个新的网页,阅读里面的内容,当你看到一半的时候,突然间弹出一个巨大的覆盖区,要求你填写个人电子邮件地址。在大多数情况下,你的即时反应将是关闭覆盖层,

网页设计:5 种策略,让用户忍不住浏览下去

滚动是用户交互中最基础、最核心的部分,创造良好的滚动体验只是网页设计的基础,内容的设计,多媒体和动效的加入,都是为了围绕着同一个目的而运作的:让用户浏览下去。网站中的内容再好,总得让用户能看到,才有价值,而矛盾在于,首屏的空间始终是有限的。所以,我们总希望用户能够滚动页面向下看,从某种意义上来说,长滚动页面和无限滚动的设计,如此地受欢迎,就是因为它贴合了用户下意识滚动浏览的

Aure 8.0 RP:制作一个“美美哒”的滚动条

在实际生产过程中我们发现Axure的动态面板原件可以提供强大的功能,比如滚动条,但是滚动条只能以原生效果展示,无法对其展示样式进行编辑。Axure的滚动条的丑就属于结构性问题,我们无法解决这个问题但是可以绕过,即让别人看到的Axure原型滚动条是我们想让对方看到的滚动条。一、准备素材这里用微信的界面来做展示,准备素材(笔者这里主要用了动态面板和中继器,嗯,在动态面板中充当内