11

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

标签:, , , ,