滚动

Aure教程:腾讯新闻按钮,如何一键上天?

在一些新闻网页上,到第二屏时,会有返回顶部的按钮,那么这样的原型效果,如何利用Axure实现呢?当我们浏览腾讯新闻网页滚动到第二屏时,这时网页的右下角会出现返回顶部按钮,点击按钮页面迅速回到第一屏位置。那么这样的原型效果,如何利用Axure实现呢?下面将为大家详细讲解制作步骤。 一、准备好元件素材首先我们需要搭建一个页面,这里我们摆放七个矩形框用来表达网页的内容栏目,多摆放

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

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

Aure 教程:屏幕纵向切换

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

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

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

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

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

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

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

Aure教程:如何实现移动端屏幕中内容滚动效果

Axure技巧中,APP端的内容滚动效果是一个很基础的交互。之前也有很多大牛分享过如何操作,今天分享的是更为简单的方法,希望对大家有用。两种实现方式实现方式1要点说明: 使用两个动态面板和两个热区实现的,外面的动态面板做移动端窗口,内嵌一个动态面板,里面要放的所有的内容(可以很长很长),窗口顶部和底部分别一个超小的热区,然后通过鼠标的位置和热区的位置判断是否读到了页面的

鼠标滚动事件(事件)

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

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

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

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

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