18个有创意的滑动效果在网页设计中的运用

标签: 网页设计 WEB 创意 灵感 网站设计 | 发表时间:2012-04-11 10:04 | 作者:jackchen
出处:http://www.jackchen.cn/blog

18个有创意的滑动效果在网页设计中的运用
转眼间泰坦尼特号已经沉没100年了。距离上一次上映也过去15年了。在那些主角的脸上我们读出的都是岁月痕迹。那艘船,那一年的悲剧,那些船上死去的生命,还有我们在电影里看到的和没有看到的爱情。或许他们未曾想到,会在许多年后这一切的一切,成了人们消遣的画面。这是个消费的年代,所有在历史中遗留下来的闪着光的节点都会被一次又一次的在屏幕里复活,一次又一次的重现。当然,卡梅隆是位伟大的导演,这次3D技术让很多人都愿意去影院再看一次。所以我们可以看到在这个消费的年代里,创新是必不可少的重要因素。人们都喜欢有创意的技术,科技在人们的生活里甚至可以起到替代的作用。那么对于网页设计师和开发人员来说,创新更是一个网站是否能迅速崛起的可能。今天我们分享出的这18个网站都在滑动效果上做出了出乎意料的创新。你会从中看到创意并激发你前所未有的灵感。

Hero

A portfolio WordPress theme that uses a parallax effect in the home page banner to highlight the site’s key message in an engaging fashion.

18个有创意的滑动效果在网页设计中的运用

Bagigia

Scroll down to explore the website and enjoy a 360 view of the products.

18个有创意的滑动效果在网页设计中的运用

Friendly Gents

While the huge background images stays still everything else moves creating an interesting effect. It’s not a whole lot of things moving but the effect is nice.

18个有创意的滑动效果在网页设计中的运用

Whiteboard

Here the concept is the same, fixed images with texts and content moving, creating a nice and smooth effect.

18个有创意的滑动效果在网页设计中的运用

Playtend

Playtend choose a fun concept and executed it pretty well. Scroll down and the monster will “eat the content.”

18个有创意的滑动效果在网页设计中的运用

New Zealand

Scroll down to explore things to do in New Zealand while you see more beautiful background images.

18个有创意的滑动效果在网页设计中的运用

TokioLab

TokioLab uses a lot of typography to help you navigate their website. Scroll down to explore their mission and portfolio while you enjoy a lot of moving text.

18个有创意的滑动效果在网页设计中的运用

Cheese Please

Cheese Please is a game so of course we can expect a lot of colors and fun elements on their website. Even with all the colors and elements moving they accomplished a nice and fun effect.

18个有创意的滑动效果在网页设计中的运用

Marcus Thomas

Scroll down to explore the website and see texts and images nicely floating around.

18个有创意的滑动效果在网页设计中的运用

Krystalrae

Once again we see an example of fixed background images (textures in this case) with content moving and creating a nice effect. Scroll all the way to the bottom of the page to change the model’s outfit.

18个有创意的滑动效果在网页设计中的运用

Air Jordan 2012

Scroll down to choose your flight mode while you enjoy planes, shoes and texts floating around.

18个有创意的滑动效果在网页设计中的运用

Q music Titanic

Scroll all the way down to check some Titanic facts and to find the ship in the bottom of the ocean.

18个有创意的滑动效果在网页设计中的运用

no leath

Scroll down to see the different shoes they offer while a lot of colorful images float around.

18个有创意的滑动效果在网页设计中的运用

Putzengel

Beautiful colors, type and textures will move around while you navigate their products and services.

18个有创意的滑动效果在网页设计中的运用

Fishy

A fun and creative approach to parallax applied to a creative agency website.

18个有创意的滑动效果在网页设计中的运用

Tokyu Agency Recruit 2013

Press start and they will take you down the road so you can start scrolling to check out if you have what they need to apply for the job.

18个有创意的滑动效果在网页设计中的运用

Soleil Noir

Scroll down to explore a colorful and smooth navigation. The color scheme, textures and type are really nice here.

18个有创意的滑动效果在网页设计中的运用

OK Studios

Another good example of fixed images and moving content.

18个有创意的滑动效果在网页设计中的运用

CSS Design Awards
The Best Designs
Awwwards



Via

相关 [创意 效果 网页设计] 推荐:

18个有创意的滑动效果在网页设计中的运用

- - Jackchen Design 1984
转眼间泰坦尼特号已经沉没100年了. 在那些主角的脸上我们读出的都是岁月痕迹. 那艘船,那一年的悲剧,那些船上死去的生命,还有我们在电影里看到的和没有看到的爱情. 或许他们未曾想到,会在许多年后这一切的一切,成了人们消遣的画面. 这是个消费的年代,所有在历史中遗留下来的闪着光的节点都会被一次又一次的在屏幕里复活,一次又一次的重现.

网页设计中的彩色滤镜效果

- - 可乐橙
在当今这个充斥着先进的特效和精妙风格的世界中,谁曾料到,像纯色和渐变这样简单的手法,竟能够催化出创造力,并极大提升网站的美学水准. 现代网页设计师们,证明了优雅的插画、精致的图形和壮丽的照片,都能在彩色滤镜效果下很自然地得到强调. 气氛焕然一新,网站开始变得光彩夺目. 首先,彩色滤镜能给网站耳目一新的外观,却不会增加负担.

网页设计中有创意的表单设计

- JUSTIN - 互联网的那点事...
在网页设计中浏览者的回馈信息是十分重要的,这是增加用户粘性最最直接的方式. 而那些回馈页面都要设计一些表格来给浏览者填写. 如果你把这些表格设计的枯燥无味,你可能就会失去很多的浏览者,而且他们可能永远都不会再回来. 所以给出一个好的创意来优化你的这个重要页面是非常重要的一件事. 下面是我们搜集到的一些非常优秀具有创造力的表格页面的设计,你可以得到很多灵感.

40个关于我们的创意网页设计

- 和谐牌河蟹 - 创意悠悠花园
关于我们的页面一般功能比较单一, 所以,在设计上可以单独的处理,今天分享:40个关于我们的创意网页设计,希望其中有你喜欢的,或者可以给你带来灵感. Read the rest of 40个关于我们的创意网页设计 (63 words). © emilo for 创意悠悠花园, 2011. Post tags: 关于我们, 创意, 网页设计.

赞!网页设计中难得一见的20个动画效果

- - 博客园_梦想天空
  动画效果给网页增添了趣味,带给访愉悦的心情. 这篇文章给大家带来网页设计中难得一见的20个动画效果,这些优秀的网页设计作品能够给你激发很多的网页设计灵感,相信你一定会喜欢. 2012年排名前20位的 CSS 网站作品. 精选30个富有想象力的网站设计作品. 10个精美的 HTML5 商业网站设计案例.

网页设计中背景的创意风格与设计趋势

- - 互联网的那点事...
正确的背景风格可以为整个网站确定基调. 我们搜集了一批使用大幅图像、明亮颜色或出众图案来作为背景的优秀网站,希望从中探寻当下网站的流行设计风格. 什么样的背景最适合你的网站,这并没有一定之规,但确实有一些共同的要素:. 互联网背景的内容应该有目的性. 背景应该与你的品牌风格一致. 背景之上的文字内容应该易于阅读(无论是颜色、反差还是尺寸大小.

45个创意的照片PS效果

- Desmond - 创意悠悠花园
如果你有高超的PS技术,想对自己的照片进行一些创意的操作,那么今天分享的:45个创意的照片PS效果,应该会有你喜欢的,或者可以给你带来灵感. Read the rest of 45个创意的照片PS效果 (130 words). © emilo for 创意悠悠花园, 2011. Post tags: PS效果, 创意, 照片.

响应式网页设计

- - 前端观察
这个话题最近很火爆,我也一直在关注,响应式网页设计和移动互联网密切相关,并因移动终端的丰富和普及而兴盛,并且是一个颇具争议的话题,我今天将和大家探讨下. 上周写了个简单的ppt在组内大概介绍了下,感兴趣的话可以 先看下这个PPT. 在说到这个话题前,我们先看下网页设计和前端开发的现状:. 全球有超过53亿手机用户(包括传统手机).

39个折纸效果的创意Logo设计

- emilo - 创意悠悠花园
今天分享:39个折纸效果的创意Logo设计,希望其中有你喜欢的,或者可以给你带来灵感的. Read the rest of 39个折纸效果的创意Logo设计 (51 words). © emilo for 创意悠悠花园, 2011. Post tags: LOGO设计, 创意, 折纸. 如果你喜欢创意悠悠花园的文章,可以收听我们@emilo,或者订阅我们的rss.