视差滚动 | 优设网

写给新手的滚动视差设计指南（附7个教科书级案例）

现在有很多刚入行的设计师可能已经不知道什么是滚动视差了。没关系，只要你花 5 分钟体验下本文提到的优秀案例，你肯定会停不下来，还附上教程唷

2019-09-12 Jeff Cardello 滚动视差 视差滚动

这10个教科书级的网页，帮你搞明白视差滚动特效

在视差滚动网页的设计上，无论是移动端还是桌面端，如今的设计师都有了足够深入的探索，并且对于功能和体验上的挖掘，都有了比较成熟的经验。无论是导航悬停式...

2017-11-23 Justinmind HTML5视差滚动 经验分享

用这5个技巧在网页设计中玩转视差特效

视差特效是目前最流行的网页设计趋势之一。在这个滚动动画特效支撑之下，前景的元素和背景会在滚动浏览时以不同的速度运动，营造出动感又独特的视觉体验。

2017-11-15 CARRIE COUSINS 2017设计趋势 混合型视差

想让用户忍不住浏览下去，这5种设计策略需谨记

网站中的内容再好，总得让用户能看到，才有价值，而矛盾在于，首屏的空间始终是有限的。所以，我们总希望用户能够滚动页面向下看，从某种意义上来说，长滚动页...

2017-10-07 陈子木滚动网站 经验分享

重新认识滚动交互，让你设计的网页更适合这个时代

出于对新交互模式的探索和技术的发展，曾经网页设计中的许多禁忌，现如今反而成为了越来越受欢迎的趋势，网页中的滚动交互，就是如此。作为一项基本的交互方式...

2017-05-08 陈子木滚动网站 滚动视差

细节大揭秘 全部细节

「爱情公寓5」的互动视频，你玩出了几个故事支线？

设计逻辑爱奇艺 iOS

Farfetch推出AR试鞋功能，时尚电商迎来新体验

好功能 Farfetch iOS

不玩儿朋友圈的00后喜欢的「语C」社交是什么？

设计逻辑名人朋友圈iOS

QQ空间里爆炸有趣的3D表情评论功能

用户体验 QQ iOS

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

长滚动页面和无限滚动式的网页已经彻底流行开来了，甚至可以说它已经脱离趋势，成为了一种常规的设计，它们的流行并不是巧合。当用户向下滚动的时候页面的时候...

2017-01-18 陈子木单页滚动 单页设计

打开新世界的大门！悄然流行的混合型视差网页设计趋势

如果你仔细观察那些最新的使用了视差技术的网页，你会发现这些网站所采用的视差设计已经似是而非了。这些网页中的可动元素非常之多，但是并非动画；配色风格和...

2016-02-01 陈子木 HTML5视差滚动 混合型视差

独辟蹊径！20个精巧走心的单页滚动网页设计案例

单页滚动也算是目前网页设计中一个独立的类别了，导航、菜单等网页元素的设计也有一套独特的手法。极简风的导航栏设计其实算不上太多，毕竟导航栏的部分应该是...

2015-10-11 陈子木优秀网页设计 单页滚动

潮流趋势！带你梳理正在流行的长滚动页面设计

在内容一定的情况下，屏幕越小，页面自然就越长。长滚动页面的兴起并不是没有理由的，移动端对桌面端市场份额的挤压，可穿戴设备等小屏幕的流行，所有的这些变...

2015-10-02 陈子木单页网站 单页网站设计

花样百出！21个动感酷炫的视差网站设计

编者按：今天这组视差网站个个别出心裁，每一个都会让你体验到不同的视觉之旅，卖萌打滚小清新，冷艳高傲御姐范，都齐活了，握紧鼠标进来瞧。Aquatilis Expedition DAN...

2015-07-01 程远网页设计 视差滚动

网站运用新趋势！神奇的鼠标滚轴动画（视差滚动）

动画在每一年都是最具影响力和占据主导地位的。Web开发者通过不同的实验来实现动画，从最简单的基础效果到富有开创性的展示结果。

2014-03-13 程远视差滚动 设计趋势

网页特效之视差滚动设计指南

@腾讯ecd 星旧：作为未来网页设计的热点趋势之一的“滚动视差”在近年来被越来越多网站所采用，特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一...

2014-01-09 Roc 优设 Parallax Scrolling 滚动视差

让网页舞动起来！25个免费的视差滚动插件

以前我们通过优秀字体、配色让网站变得舒服，现在我们通过视差滚动让网站拥有由上至下一站式的视觉震撼效果，访客只需滑动鼠标滚轮就能体验到，你可以利用今天...

2013-12-15 程远动效设计 插件下载

11个超炫的视差滚动网站欣赏（附神器推荐）

目前这种视差滚动效果被越来越多的国内外网站所应用，成为网页设计的热点趋势。通过一个很长的网页页面，其中利用一些令人惊叹的插图和图形，并使用视差滚动（P...

2013-10-08 程远优秀网页设计 网页设计

20个创意十足的倾斜式网站设计

大多数传统的网页都是直愣愣的竖直水平的设计。不过现在，斜线网页设计与视差滚动设计（译者注：一种特殊的网页形式呈现形式，其基础原理是让多层背景以不同的...

2013-05-27 quinn 优秀网页设计 视差滚动

利用Adobe神器十分钟零代码实现HTML5视差滚动特效

视差滚动是最近出现的一个比较火的站点视觉效果，适用于做整站(mini-site)也可以做小动画。通常来说，要使用JavaScript和CSS手工编代码来实现视差滚动效果。

2013-03-25 Adobe Edge Animate HTML5

没有更多文章了

热门频道

设计专题

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

AR设计

AR 设计可能是距离设计师最近的未来

目前市面上关于AR 设计的教程极少，我们可能是唯一一个把高质量教程都收集起来供你学习的，这里有最详细的基础科普，有可供把玩的AR APP，有交互方法总结，收藏这个，以后需要设计AR 类产品就不慌！

查看专题

免费资源

最新最全的设计资源打包下载

精心挑选，贴心打包是本专题的原则。这儿不仅有超过1000款的笔刷，500套样机，还有很难找到的点线面素材、网页渐变背景、PPT 模板等等。是时候打开它们，高效补充你的素材弹药库了！

查看专题

自学UI

设计高手的自学方法大全

授人以鱼不如授人以渔，UI 设计是门庞大的学问，单靠专题不免挂一漏万，所以本专题不分享技法层面的知识，而是将前辈的自学经验集结起来，帮你掌握正确的学习方法和思路。

查看专题

菜单 优设网 - UISDC

视差滚动已发布文章16篇

写给新手的滚动视差设计指南（附7个教科书级案例）

2019-09-12 Jeff Cardello 滚动视差视差滚动

这10个教科书级的网页，帮你搞明白视差滚动特效

2017-11-23 Justinmind HTML5视差滚动经验分享

用这5个技巧在网页设计中玩转视差特效

2017-11-15 CARRIE COUSINS 2017设计趋势混合型视差

想让用户忍不住浏览下去，这5种设计策略需谨记

2017-10-07 陈子木 滚动网站经验分享

重新认识滚动交互，让你设计的网页更适合这个时代

2017-05-08 陈子木 滚动网站滚动视差

「爱情公寓5」的互动视频，你玩出了几个故事支线？

设计逻辑 爱奇艺 iOS

Farfetch推出AR试鞋功能，时尚电商迎来新体验

好功能 Farfetch iOS

不玩儿朋友圈的00后喜欢的「语C」社交是什么？

设计逻辑 名人朋友圈iOS

QQ空间里爆炸有趣的3D表情评论功能

用户体验 QQ iOS

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

2017-01-18 陈子木 单页滚动单页设计

打开新世界的大门！悄然流行的混合型视差网页设计趋势

2016-02-01 陈子木 HTML5视差滚动混合型视差

独辟蹊径！20个精巧走心的单页滚动网页设计案例

2015-10-11 陈子木 优秀网页设计单页滚动

潮流趋势！带你梳理正在流行的长滚动页面设计

2015-10-02 陈子木 单页网站单页网站设计

花样百出！21个动感酷炫的视差网站设计

2015-07-01 程远 网页设计视差滚动

网站运用新趋势！神奇的鼠标滚轴动画（视差滚动）

2014-03-13 程远 视差滚动设计趋势

网页特效之视差滚动设计指南

2014-01-09 Roc 优设 Parallax Scrolling滚动视差

让网页舞动起来！25个免费的视差滚动插件

2013-12-15 程远 动效设计插件下载

2020年适合设计师学习的设计技能 大课堂

从入门就业到进阶高薪！18般武艺这里应有尽有

行业名师真材实料 优设 8 年专业品牌

11个超炫的视差滚动网站欣赏（附神器推荐）

2013-10-08 程远 优秀网页设计网页设计

20个创意十足的倾斜式网站设计

2013-05-27 quinn 优秀网页设计视差滚动

利用Adobe神器十分钟零代码实现HTML5视差滚动特效

2013-03-25 Adobe Edge AnimateHTML5

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

设计话题

高手大咖在线答疑解惑

行业新闻

行业大事小事全知道

设计大赛

专业承办设计赛事活动

优设读报 2020年1月28日 星期二

体验设计师专家（视觉）

杭州本科及以上3-5年

阿里妈妈

UI设计师15-25k

深圳本科及以上3-5年

腾讯

视觉设计师15-25k

珠海本科及以上3-5年

金山办公

买前生产力，买后爱奇艺！听说有人靠 iPad 画画都能赚够生活费？

高效实战热门趋势

为什么大厂招设计师都要求会组件设计？

高效实战基础必修

在线等！这个仙女似的插画风格怎么画？

创意风格入门基础

老板说 2020 年噪点肌理插画最火，求教程

趋势流行高效实战

求职面试

那些不容易看到的面试技巧都在这

电影海报设计

看大师如何在方寸之间挥洒才华

菜单优设网 - UISDC

2017-10-07 陈子木滚动网站经验分享

2017-05-08 陈子木滚动网站滚动视差

设计逻辑爱奇艺 iOS

设计逻辑名人朋友圈iOS

2017-01-18 陈子木单页滚动单页设计

2015-10-11 陈子木优秀网页设计单页滚动

2015-10-02 陈子木单页网站单页网站设计

2015-07-01 程远网页设计视差滚动

2014-03-13 程远视差滚动设计趋势

2014-01-09 Roc 优设 Parallax Scrolling 滚动视差

2013-12-15 程远动效设计插件下载

2020年适合设计师学习的设计技能大课堂

行业名师真材实料优设 8 年专业品牌

2013-10-08 程远优秀网页设计网页设计

2013-03-25 Adobe Edge Animate HTML5

优设读报 2020年1月28日星期二

优设专题全部专题