视差滚动 | 优设网

写给新手的滚动视差设计指南（附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 陈子木滚动网站 滚动视差

细节大揭秘 全部细节

最宠用户的bilibili，连播放器也让用户个性化定制～

设计逻辑 bilibili iOS

使用苹果手机如何截长图？

好功能网页全截图iOS

这样可以互动的签到，你见过没？

微交互樊登读书iOS

「微博」看视频有干扰？一键清理没烦恼

用户体验新浪微博 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分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

英文字体

高手都在用的英文字体打包下载

英文字体世界浩瀚无涯，想找到合适的字体颇不容易。幸运的是那些乐于分享的前辈已经将私藏的字体打包好并全部呈上，不仅有专业平面设计师和网页设计师特供版，更有顶尖设计师灰昼倾情分享个人字体包，话不多说，是时候为你的字体库腾出一个位置来咯。

查看专题

免费图库

高质量的免费可商用图片都在这儿了！

在这儿不仅可以找到几十万张免费可商用的图片，还有超多特色图库，包括NASA 太空图、多边形图、美食图、故宫图等，搜索更精准！另外我们还贴心为您准备了高级设计师会用的图片管理术和管理神器哟~

查看专题

菜单 优设网 - 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 陈子木 滚动网站滚动视差

最宠用户的bilibili，连播放器也让用户个性化定制～

设计逻辑 bilibili iOS

使用苹果手机如何截长图？

好功能 网页全截图iOS

这样可以互动的签到，你见过没？

微交互 樊登读书iOS

「微博」看视频有干扰？一键清理没烦恼

用户体验 新浪微博 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年7月08日 星期三

视觉设计师10-15k

北京本科及以上3-5年

布谷品牌

交互设计师15-25k

深圳本科及以上3-5年

京东

视觉设计师15-25k

深圳本科及以上3-5年

京东

想进大厂，学哪个风格的插画最实用？

高效实战大厂出品

为什么他设计的 LOGO 价值上万元？

职场技能高效实战

为什么想学场景插画的设计师越来越多？

趋势流行基础必备

都是图标设计，总监和你有什么区别？

高效实战职场技能

设计师专访

设计大咖成长史

UX理论

19条经典理论让你的设计更有说服力！

菜单优设网 - UISDC

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

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

好功能网页全截图iOS

微交互樊登读书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年7月08日星期三

优设专题全部专题