Color wheel pro说:蓝色是天空和海洋的色彩。它常常和深度和稳定有关。它象征着信任、忠诚、才智、信心、智慧、信仰、真理与天堂。

蓝色被认为有利于人的身心。它减缓人体新陈代谢，产生镇静的作用。蓝色强烈的关系到安宁和平静。在纹章学中，蓝色用来象征着虔诚和真诚。

你可以用蓝色来推广与清洁(水净化过滤器，清洁剂，伏特加)、空气和天空(航空公司、机场、空调)、水和海洋(海运、矿泉水)有关的产品和服务。与感性的暖色调如红色、橙色和黄色等颜色不同，蓝色跟意识和智慧相联系。在推广高科技产品时使用蓝色可以暗示精确度。

蓝色是男人的色彩；根据研究，它被男性高度认可。深蓝色意味着深度、专业以及稳定；它也是美国企业的首选色彩。

在推广食品和烹调的时候要避免使用蓝色，因为蓝色会抑制食欲。当和暖色如红色和黄色一起使用的时候，蓝色可以创建高对比度、醒目的设计；比如，蓝-黄-红对一个超级英雄来说是一个完美的色盘。

淡蓝色是与健康、康复、宁静、理解和柔软有关。深蓝色代表着知识、能力、完整性和严肃性。

魅族

artlans

播思通讯

可闻设计

JJ.Ying’s GUI World

blue pixel

Morphix

Droplr

Arbel Designs

Sourcebits

Icebrrg

Ballpark

Xero

Box

Skype

Epic Event

Eastpoint Community Church

Screenr

Vegas Uncork’d

Adobe User Group

Business Card Ninjas

Pixelbleed

Zee

这里展示了20多个出色的国内外使用蓝色系的网站设计，如果你有设计或者见过出色的使用蓝色的中文网站，欢迎通过评论或者到Best CSS提交给我们。

我整理了30个出色的网站设计，希望能够启发你的设计灵感。这些网站中的大部分都比较新，所以或许他们将很可能给你下一个项目带来一些创意或想法。希望你能喜欢。

1. Alexarts

Alex为他的网站使用了一个巨简单但是很现代的界面。点击任一部分，将会有个弹出窗口。

2. Pampaneo

Pampaneo 使用出色的图片和插画来讲述一个故事

3. Juan Diego Velasco

Juan使用了单页布局，并为其使用了鲜艳的色彩。

4. Metalab

与某些很好的JavaScript一样，Metalab Design有一个很简洁而且易用的界面。

5. Serj

Serj 使用很棒的图片以及一个简单而有效的布局。有的时候，简单很重要

6. Peter Pearson

Peter也使用了一个简洁的单页面布局和一些很酷的图片效果。

7. Cactuar.in.the.Phailbucket

Cole在其设计中使用精彩的矢量插画和很棒的色彩选择。

8. Fred Maya

Fred在这个设计中侧重于简洁、色彩和可用性

9. Galvin Castleton

这个相册网站使用了单页面水平布局以及出色的图片。

10. Chris Jennings

易读性也是一个关键

11. Guerra Creative

漂亮的图片和易读的内容

12. 84 Colors

在这个布局里面，Cristiana的思想出格了

13. Feed Stitch

Feed Stitch的网站很有趣、创意、超级创意！

14. We Bleed Design

We Bleed Design 是一个非常棒的单页面网站，使用图片创意，并使用动画效果在各部分之间跳转。

15. Motty

Mooty在网站头部是用了很棒的插画，内容提示也很棒。

16. Cerity

Jonathan的作品均提供了一个简洁的界面。

17. Creative People

CreativePeople的页面有很棒的图片和有趣的布局。

18. Brooklyn Fare

Brooklyn Fare的网站是“公司网站如何脱颖而出”的很好的例子。

19. Tierra Virtual

agency的网站使用了一个动画头部，很有现代的感觉。

20. Merixusa

可爱的插画 — 他们的作品的创意展示

21. Food, Inc

使用漂亮图片的简单和简洁网站

22. Inicio

使用了很漂亮的色彩

23. CCSI

CCSI使用简介的图片和漂亮的滚动文本效果来吸引读者进来。

24. Loodo

该网站将大量的内容和小空间融合在一起 — 看起来很容易! 他同时也制作了一个可爱的、创意的导航部分。

25. Guifx

华丽并不总能表达你的观点，有的时候，简单和好用就是成功的关键

26. Vyniknite

所有网站不可能看起来是一样的。简单到一个独特的头部可以产生很大的不同。

27. two24studios

很棒的纹理、排版和导航

28. Illusiv

很有创意的界面

29. Duirwaigh

好漂亮的背景啊! 这种方式尽管不适合所有网站，但是对于这个网站，肯定是很适合的.

30. BKWLD

非常棒的效果，使用了大量的空白。你还有什么疑问吗？

结语

我希望你可以在这里找到某些灵感。我知道我找到了～！如果你有发现很好的中文网站设计，请回复本文或提交至BestCSS.net，多谢。

关于原作者：

Sean Geng是一个来自美国宾西法尼亚州匹兹堡的一个自由职业网页设计师。喜欢创意和独特的设计。可以在这里查看他的作品集here。

今天神飞从国外大量的游戏网站中精选出12个特别出色的网站，供大家欣赏，也希望能给大家的设计带来某些灵感。

暗黑 3

雷顿教授与不可思议的城镇

大坏蛋

吉他英雄：非凡精选

最终幻想XIII

拳无虚发!!

网球大满贯

极速竞赛

模拟人生 3

铁拳 6

马里奥赛车 Wii

EA Sports Active

1. Ecto Machine

2. Owltastic

3. Sprout Box

4. Nicolas Will

5. Hugs For Monsters

6. Razorbraille

7. Boompa

8. The Toke

9. Lionite

10. Creative People

11. Julius Mattsson

12. Diego Latorre

13. Envira Media

14. Matt Mullenweg

15. RVLT

16. Leihu

17. Polar Gold

18. Feed Stich

19. Contrast

20. Shaun Inman

21. A Simple Measure

22. Foehn

23. Lennart Basler

24. Inner Metro Green

25. Dreamer Lines

26. Atebits

27. Icon-PR

28. Basil Gloo

29. Miller

30. Interactive And Design

31. Try Traingle

32. Dazonet

33. Island ECC

34. Jesus Rodrigvez

35. The Curtis

36. DibuSoft

37. Knoxville

38. Biola Undergrad

39. Colazione Damichy

40. Mplusz

有的网站没有“联系我们”页面，有些网站只有一个email超级连接，而且有些网站还将Email地址做成图片来避免垃圾邮件。这些做法都会掩盖了联系表单的潜力和优势。

接受来自于你的网站的用户的反馈、纠正甚至是投诉是很有用的。

请不要低估联系表单的作用，它是每个网站必备的。

我们收集了24个联系表单页面设计，希望你能喜欢并能从中获取灵感。

http://www.berttimmermans.com/

http://www.mbdragan.com/

http://www.basilgloo.com/

http://www.alexcohaniuc.com/

http://www.timvandamme.com/

http://surftown.dk/

http://www.veboolabs.com/

http://www.popularfront.com/

http://www.delugestudios.com/

http://mormon.org/

http://www.northern-classics.de/

http://www.substrakt.co.uk/

http://www.northern-classics.de/

http://www.kevadamson.com/

http://events.carsonified.com/

http://www.engageinteractive.co.uk/

http://sprockethouse.com/

http://paramoreredd.com/

http://www.bcandullo.com/

http://www.forgetfoo.com/

http://www.kurtnoble.com/

http://headscape.co.uk/

http://digitalmash.com/

http://www.hotel-oxford.ro/#locatie

Outlaw Design Blog

Wild About Gardening

Deluge Studios – Memphis Website Design

Alpine Meadows | Lake Tahoe Ski Resort

Family Life

Colourpixel : Web Designer

Todd Adams Online Portfolio – 奥兰多网页设计师 | 61Pixels.com

Anna Pawelczyk Webdesign Portfolio

The Design Studio of Mike Precious

Rocket Club

Old loft: 网站设计和开发

Chris Hortsch – 德国设计师 – 网站设计, logo设计, 印刷媒体, 艺术

网站设计和网站开发服务 – X-JHEDStudios (Kitchener, ON)

indiqo.media – 漂亮的网站解决方案

图形设计、网站设计 | Sko Design Lab

Fatburgr | 来自于你喜爱的餐馆的营养信息

Affordable Web Design Company, Professional Web Design Company – GetMeFast

Omen 13 – Photography Studio of Shane Tseng

Fritz quadrata – Illummications! 插画即交流

Nathan Sanders // 2009 Portfolio

Davy Van Den Bremt – Drupal 开发和设计

RedBrick Health

Vincent Mazza

Lebloe

Getting crazy on the waltzers

UGSMAG – 加拿大独立Hip Hop 杂志

Fajne Chlopaki

Brad Colbow – 独立网站设计师、插画师

meshU

Carrot Creative

The Great Bearded Reef

CSS Rainbow

Thomas Prior

Search Inside Video

Martin Balhar

Legwork Studio

Squared Eye

45Royale Inc.

Meet Crush + Lovely

Pete 个人设计作品集

Flash Gaming Summit 2009

Naumow Online Portfolio of Federico Naumow

Corvus Design Studio

Lyrical Media

Mplusz

Erics Empire

Hugs for Monsters

KevAdamson.com

JoinUp

vSplash

Stone Laboratory, 探索科技、发现自己

squareFACTOR, SHAPING INTERACTIVE

Kinderspiele, Malvorlagen, Kindergeburtstag

Bamboo Juice – 一个自然的网站会议An Organic Web Conference

1stNature Creatief Bureau

网站设计公司

这里前端观察为你收集了11种流行的并且很出色的创建tooltips的方案，他们大都使用了jQuery或Mootools，以及纯CSS。

Prototip 2

Easiest Tooltip and Image Preview Using jQuery

Simpletip

Coda Popup Bubbles

MooTools 1.2 Tooltips: Customize Your Tips

Duplicate the jQuery Homepage Tooltips Using MooTools

jQuery Ajax Tooltip

CSS Bubble Tooltips

Easy CSS Tooltip

CoolTips

ToolTip_MooTools

现在的网站设计越来越注重用户体验了，而提升网站的用户体验，有时候就是要网站显得更加人性化，tooltips作为一种方便的提示网站帮助信息和用户引导信息的方法，已经被越来越多的大小网站采用，希望这些方案对你的工作会有些帮助——神飞

原文：http://www.qianduan.net/?p=6138
译自：http://webdesignledger.com/
版权所有，转载请注明出处，谢谢！

这个列表展示了这次比赛的获奖作品。这些设计从某些方面来讲都是很棒的，希望能给大家带来某些参考。

请注意，虽然你可以通过某种方法得到这些作品的源代码，但是我们提倡借鉴，鄙视剽窃。

Live Performance Premium Template

我们基于960网格系统创建了Live Performance 模板。这个模板主要是为了满足那些需要为他们的乐队、团体、聚会提供一个网站模板的人的需求。”

查看模板

Great Portfolio

“Great Portfolio是一个单页的作品集模板，它非常简洁。它有两个颜色选择，深蓝和暗棕。同时，这个模板的页面菜单有一个光滑的滚动效果。联系表单很实用

查看模板

Portfolium

Portfolium 适于那些创新专家，包括：图形和网站设计师、摄影师、开发人员以及各类艺术家。它将重点放在你的工作并在首页应用了一个jQuery的slider效果。

查看模板

Coffee

这个模板是一个基于960网格系统的固定布局。它没有使用table。主页面包含3列，内页包含两列——合并了左侧的两列。

查看模板

Business Portfolio 960

我建的这款商业作品展示模板是基于960网格系统的。它是ThemeForest中少数使用960网格系统的模板之一。而这也只是它与众不同的地方之一。

查看模板

Ultimate Animated Portfolio

这是一个非常有特殊的有很酷的动态效果的作品集模板。它包括两套皮肤，一个暗色的(黑色、蓝色、橙色)，一个亮色的(白色、灰色和蓝色)。

查看模板

Core 3

Core 3 模板非常简单、简洁和实用。它容易修改到令人难以置信，可以很容易的用于商业和个人网站。模板代码有良好的注释，易读性很好。

查看模板

Business | Portfolio + Blog

一个很大气的设计思想，可用作开发公司的网站或商业网站，设计可以修改为和其它类型网站组合的网站，比如，博客，社区等。

查看模板

Silver Spoon

这是一个使用了大量jQuery和CSS来创建很棒的用户体验的模板。

查看模板

Nothern Lights

一个很棒的彩色和很实用的网站模板，可用于一般商业网站或可爱的作品集网站。

查看模板