200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 视差滚动效果设计的网页跟传统的点击样式对比有何优势?

视差滚动效果设计的网页跟传统的点击样式对比有何优势?

时间:2024-04-11 05:29:12

相关推荐

视差滚动效果设计的网页跟传统的点击样式对比有何优势?

【林韜的回答(12票)】:

Parallax Scrolling,从字面上严格的讲其实应该是指一个页面的内容被分成几个不同层分布在不同的 z depth 上,所以就像坐在火车上看窗外,最近的景色移动得最快,远处的移动的很缓慢。

这样做主要的目的(我的揣测)是为了让内容本身有丰富的层次感,后来一些设计师也尝试用类似的原则和技巧,让scroll成了触发主要导航元素的主要方式。(比如 Mac Pro 和很多近期 Apple 的产品页面)

这种浏览导航方式的流行,我觉得很大程度上得益于触屏设备的流行。划手机/平板的屏幕这个动作已经变得如此自然,鼠标滚轮应该是羡慕嫉妒恨的。

它的优点我觉得主要在于effortless。使用者不需要去辨认下一页按钮,不需要做精确的点击,轻轻松松的就把内容大概扫完了,很符合现在人获取信息的偏好。所以很多micro site,产品介绍页都喜欢做这种形式,尽量减少信息传播的摩擦力。

但是这种方式也有被滥用的时候,而且执行不当也会给使用者带来很多麻烦。所以我建议决定使用这种导航方式前先看一些best practice。(也许是另外一个话题?)

【张盟的回答(4票)】:

泻药。

设计上的好处:

强制用户分屏浏览,设计和体验一致。

加速浏览,这种类翻页的设计,比鼠标滚动浏览要快。

搭配响应式设计,pc手机体验一致,且个人认为这种设计对移动端更友好。

展示空间大增(尤其是横向),不需要为不太大的页面如何塞入更多东西苦恼。话说,这有点类似 DNF这种横版过关游戏的地图,将来肯定是有多行多列的实现,说不定也有人会这么实现横版过关游戏。

我个人认为的坏处,或者说是需要规避的:

底部的都在底部,元素之间的关注权重可能更加悬殊。因为用户无法将某页底部的元素滚动到窗口中央,这点在布局时,可能需要比过去更加考量。

空间变大,鼠标需要移动的就越远,这是不友好的,如何合理的设计规避这些。用户需要的操作越少越好,到按钮的距离越短越好。

实现上,难度不比传统方案大,多几个事件的绑定和处理。动态效果加上transition就是了。

要说明的是:虽然我认为移动端这种设计方案是要优于传统方案的,但是具体实现上,却是不会直接加载全部html的。pc上可以这么做。放在移动端,还是在滚动或点击发生时加载,或预先缓存一页也可(但在多行多列下可能就有问题了)。

【知乎用户的回答(1票)】:

视差滚动会带来一点点的性能的下降,但是是否大到能够察觉的程度?

不少回答说到加载速度慢,我觉得更有可能的是因为大多用视差滚动的网站在外国,中国这破网导致了你认为这种网站都慢。。。刚试了下QQ浏览器Mac版网页,打开速度跟普通网页没区别

【易达利的回答(0票)】:

谢邀

所谓的视差滚动,就是在页面滚动过程中,多层次的元素进行不同程度的位移,带来立体的视差效果。还有很多的奇思妙想的展现方式,都是滚动页面触发的,也可称为视差滚动。

视差滚动里面最基础的就是切换背景,这点其实一个CSS就满足了。

1、所以,相比传统的点击样式来说,新颖 奇特 是它最大的优势。它可以让网站设计从二维进化到三维,设计空间增加了不少。而且由于视差滚动并不局限于背景的上下滑动,全纬度的设计也未尝不可。非常适合展示类的网站需求——酷炫 吸引眼球

目前来说我最叹服的视察滚动网站是这个:Apple - Mac Pro 滑动一下,你会爱上它的。

2、如林韜所说,触屏体验也是亮点。滑动+切换的体验越来越适合当前的用户体验取向。

我补充一点,正如IOS的改版从IOS6的点按为主到IOS7之后的滑动返回&切换操作,移动设备&桌面显示器的屏幕越来越大,分辨率越来越高,手指&眼睛所能操作覆盖的区域越来越有限,点按的难度也就越来越大了。点按的交互方式在逐步的弱化,这也是大势所趋。

不过说到底,视差滚动设计目前来说只适用于展示类网页,各种技术和体验限制了它的发挥。具体的话可以另开一个贴详细说。I"m QQ - 每一天,乐在沟通 和帐号安全 一手掌握 都从之前的视差滚动转为目前的常规设计页面了。

最后来一个关于视差滚动的有趣故事:视差滚动的爱情故事

【知乎用户的回答(0票)】:

我觉得大家都说得挺对了

我说一点吧

视差滚动,适合讲故事

传统方式,适合呈现多信息

【知乎用户的回答(0票)】:

谢邀?难得有人随机邀请邀请到一个我能回答的问题......

视差滚动我觉得对于用户的影响小于它本身的意义,它关键在于展示了它可以干更多,它可以做出传统技术有的功能(flash),并且可以用更少的资源做到。

当然,对于用户的意义,它也是很大的。

先说它的缺点吧,关键在于加载太慢。经常看一些视差滚动的网页都得把它挂在后台慢慢加载,这对于用户体验来说是致命的。当然这随着互联网的发展也会不断解决,就像当年多图杀猫的情况也会成为历史。

但是它仍然不算什么革命性的改变,它并没有解决什么刚需,但是作为锦上添花却是不错的。然后我们分析一下它几个可能的应用:

1,产品介绍

毋庸置疑,视差滚动的效果是非常酷炫的,所以很多产品展示都是用了视差滚动,比如曾经的QQ浏览器8官方网站(现在改掉了),或者Tinké | Take The Tour ,Madwell | A Tiny Little Giant Agency ,还有我以前看过一个特别酷炫的索尼的一个页面,可惜找不到了。

所以对于产品展示,非常适合这样的模式,特别有张力,生动。当然缺点也是由于加载慢,所以应用比较少。

2,趣味游戏

传统的网页是线性一维的,而视差滚动可以变成平面二维的,如很经典的马里奥赛车Mario Kart Wii Experience ,稍加加工,便可以变成一个有趣的HTML5游戏。

3,设计师创作

其实我们根据上面的分析已经可以感觉出来了,视差滚动对普通用户的影响不大,顶多会是让用户们觉得很酷炫,但是并没有带来很多好处。但是对于设计师们这可以造出很多有趣的东西,比如这个Intacto FLAT DESIGN vs REALISM ,还有我们所见到的那些创意网站。

所以以我目前所判断,视差滚动没有什么商业优点(也许是我眼界不够吧),但是却仍然是个好东西。可惜,,,,我还不会做Orz

【闫zx的回答(0票)】:

视觉差好处:好看、可以不用翻页、有趣。适合一些品牌展示、有情节的网页。

【简生的回答(0票)】:

「视差滚动效果设计」无疑就是新一代专题的呈现形态。

优点:

酷炫

容易卖钱

消耗前端

缺点:

加载慢

信息流混乱

对电脑配置要求较高

原文地址:知乎

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。