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

标签: 网页设计 WEB 创意 灵感 网站设计 | 发表时间:2012-04-11 02: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

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

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

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

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

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

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

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

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

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

响应式网页设计

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

网页设计的12种颜色

- chenhua - 阮一峰的网络日志
前不久,ColourLovers.com公布了一项调查结果. 他们发现,美国前100大网站的Logo,主要使用12种颜色. 其中,采用蓝色的网站最多,红色排在第二种,黄色排在第三种. 我把这12种颜色的RGB代码列出来,供将来自己做网页时参考.

网页设计师的新挑战

- changwei - 互联网的那点事
随着苹果带来的平板电脑风暴让很多设计理念得到进一步的升级. 每天都有太多的好的创意涌现出来,似乎世界的每个角落都有一群孜孜不倦的Geek在研究着新的技术,在想着好的创意. 或许他们只是用着一种自娱自乐的姿态做着自己喜欢的事情,却给很多人带来了快乐和方便,也在微妙的改变着这个时代. 下面是来自网络搜集来的30个伟大的应用程序以及字体设计,来自网页设计师和开发人员.

HTML5和CSS3:网页设计的框架

- 壮壮爱 - 译言-每日精品译文推荐
来源HTML5 and CSS3: Wireframing in the final product. 框架是Photoshop和网页经典的比较之处. 现有的框架和原型工具不能准确体现网站的需求. 静态设计的网站不能在web浏览器上浏览. 而且当你完成网站最终建设,网页上一些元素看起来和草稿中相对应元素不完全一样,客户端会发现那些字体定位上的细微的区别.

如何成为网页设计专家

- Desmond - 译言-每日精品译文推荐
你是否想与客户侃侃而谈让他们认真的对待你的观点,因为看上去你就是个专家. 如果你的答案是肯定的,那么恭喜你,有许多人与你一样. 如果希望有一天能真正做到,那么你需要退后一步再想想,成为专家对你来说为什么如此重要. 为什么我们都希望看上去像个专家. 我们都希望成为专家是因为我们希望我们的观点能够被其它人认真对待.