视差滚动在网页设计中应用的21个优秀案例

视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成运动视差 3D 效果,虽然纯属视觉效果,但在内容滚动时形成的视觉体验非常出色,这是今年网页设计的热点趋势。今天这篇文章就与大家分享21个视差滚动效果的网页设计作品,一起欣赏(以拖动滚动条方式浏览效果会更佳)。

iutopi

Guy Vernes

Campaign Monitor is Hiring

International Watch Co

cultural solutions uk

Nike Better World

Old Pulteney Row to the Pole

Webdesign Karlsruhe

YEBO Creative

Head2Heart

Len M

Drupalcon Denver 2012

Ben the Body Guard

Fingerbilliards

Kisko Labs

Netlash-bSeen

Egopop Creative Studio

Jan Ploch

Web is Beautiful

unfold

manufacture d’essai

时间: 2024-10-24 19:03:38

视差滚动在网页设计中应用的21个优秀案例的相关文章

幻灯片在网页设计中应用的21个优秀案例

幻灯片效果的应用在如今的网页设计中非常流行,这是一种突出重点,增强视觉趣味的有效方法.从技术角度来说,jQuery的流行使得幻灯片的实现变得十分简单. 下面列举了幻灯片在网页设计中应用的21个优秀案例,一起欣赏. Marco Rotoli Mark Dearman Filtered – A Portfolio WordPress Theme Bitfoundry Bigeye Stiff Rowlands

缩略图在网页设计中应用的35个优秀案例

这篇文章向大家推荐35个缩略图在网页设计中应用的优秀案例,希望下面这些网页设计实例能够帮助大家制作出更加优秀的网页作品. Shropshire Screen Arnaud Beelen Two Fish Illustration & Design twoto Kokokaka Brave Nu Digital F O U N D E D Idea Exhibit astronaut design Marc Kremers Purpose Tastespotting Amate Rejane Da

网页设计中时尚​​的下拉菜单案例

一个网页设计中最重要的事情不只是关心的内容展示-主要经营范围,有一个有效的用户界面,使人们将能够轻松地浏览它.        网站上有大量的内容,分成类的信息是最好的事情,因此你可能要一个下拉菜单.这种方式可以分割您的信息,清楚地进入子类别.   在网页设计中的下拉菜单                                        原文:http://designmodo.com/28-stylish-examples-of-drop-down-navigation-menus-

网页设计中的轮廓框

  网页设计中使用轮廓框元素的案例不多.但实际上,这些纤细的.整洁的轮廓框效果极佳.为了保证效率的最大化,轮廓框一般采用纯色线条,这样便能产生前景与背景的明显对照.黑和白,是最传统的配色,以其对比强烈,效果突出而著称.因此很多轮廓框采用了白色线条.除了颜色,线条的粗细也是一大考量,纤细的线条让人感觉精致细腻,粗厚的线条显得异常醒目. 下面,本文收集了一些网页设计中轮廓框应用的案例. Olivier Staub 此网页设计一反传统,对菜单采取了简化设计,蔚为壮观的全屏图像滚动.厚重的轮廓狂和粗字体

网页设计中常见的五种交互设计错误

  交互设计从来都不是简单的事情.可靠的交互通常需要借助对用户行为的深入分析,然后有针对性的精心策划.可是随着新的技术和新的交互模式的不断涌现,事情就变得不是那么容易了. 其实大家遭遇的困境都很相似,用户已经很难被单纯炫酷的图片.流畅的悬停效果和出人意料的动效所打动,真正能让他们露出微笑的是持久.令人愉悦的交互设计和用户体验.如果你对于日常的设计中的常见的误区有所了解,自然会有意识地绕过这些坑. 为了更好的设计,我们为你简单总结了一下最常见的5种交互设计的误区. 1.过度的创意 网页设计师绝对不

网页设计中的隐藏菜单示例

  如何在网页中运用隐藏菜单提升整体设计效果,让下面这些示例来告诉你吧. 在网页设计中使用导航图标这一趋势正迫使我们再度审视导航菜单.它们在设计中的位置以及在用户体验中的角色.尽管这一理念并没有弱化其在导航方面的意义和重要性,但其能够给设计师和开发人员带来更多的创意空间. 根据项目的不同,导航图标彼此区别很大,但是其中大多数会偏向于使用流行.简单.贴合移动端的三行图标,这一类图标外观漂亮,而且在几乎任何环境下都比较带感.这个小图标能够用来隐藏小菜单,也能够隐藏复杂.内容量大的菜单. 如果再给打开

网页设计中尽量避免的设计元素有哪些

随着网页设计技术的不断更新与升级,一个又一个的创新技术接踵而至.尽管在网页设计中,跟风会让自己的设计显得毫无主见,但是有很多设计潮流确实值得追随,就如当下的响应式设计.扁平化设计.滚动视差等.但是部分设计师却顺从了一些极为"糟粕"的设计趋势,下面就列举了在网页设计中即将被淘汰的趋势. 1. 页面跳转 目前部分网站页面会有页面跳转的标识 - "下一张",甚至一页就能全部展现的内容,却要让用户跳转多次才能看完.类似这种跳转过于频繁的页面不仅操作繁琐.效率低下,也会浪费用

网页设计中尽量避免的设计元素都有哪些?

随着网页设计技术的不断更新与升级,一个又一个的创新技术接踵而至.尽管在网页设计中,跟风会让自己的设计显得毫无主见,但是有很多设计潮流确实值得追随,就如当下的响应式设计.扁平化设计.滚动视差等.但是部分设计师却顺从了一些极为"糟粕"的设计趋势,下面就列举了在网页设计中即将被淘汰的趋势. 1. 页面跳转 目前部分网站页面会有页面跳转的标识 - "下一张",甚至一页就能全部展现的内容,却要让用户跳转多次才能看完.类似这种跳转过于频繁的页面不仅操作繁琐.效率低下,也会浪费用

网页设计中的图标的使用技巧与资源合集

  提到图标设计,似乎每个设计师都有话说,但是要做好图标设计真的那么容易么?今天这篇文章针对网页设计领域的图标设计进行了相对全面的梳理,从设计技巧到设计资源一应俱全,但愿能帮上你! 图标是每一个现代UI中不可或缺的组成部分,它们不仅能协助UI布局组织内容,而且轻量级的图标融入界面也不会喧宾夺主.不仅手机和平板的APP UI中会大量用到各种图标,而且iPod和智能手表的界面中也是如此,这正是因为图标具备快速直观传达信息的能力. 在网页设计刚刚兴起的时代,小图标就已经被早期的网页设计师和开发者投入使