Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

January 29 2012

21:00

Colour Chronicles: Brilliant Blue

Welcome back to another colourful article, this time dealing with last month’s favourite, chosen by you! Just as last time, it includes a showcase of websites, artwork and palettes, so there is a little something for everybody.

Basics


Blue is one of the three primary colours and as such is also part of the chromatic spectrum. It is a cool colour which covers a relatively wide area of the spectrum, ranging from cyan to a more violet tint. Of course you could always nitpick, but there is usually little doubt as to what all its different shades should be called; light or dark, greenish or not, you can still call it blue and get away with it.

Characteristics


According to its proper theory, blues are considered far colours, meaning that they seem to expand whatever shape they fill; a room, for example, will seem larger if painted blue, rather than yellow or orange.

It is easily perceivable by the human eye, given that blue colours present a wavelength between 440 and 490 nm. All three types of photosensitive cells respond to this range, albeit to varying degrees. On the other hand, the inclusive nature of the name means that some shades are (literally) easier on the eyes than others. Nevertheless, blue is a common sight in top favourites.

Symbolism


Although present in living beings (mushrooms and frogs, for instance), generally it has more inorganic and abstract associations.

One of these is the sky. Light tones give a sense of open space and freedom, an overall calming effect. Using light blue backgrounds in web design can make a site look friendlier, but large backgrounds have the risk of becoming dull. To avoid this, take inspiration from nature: the sky is much more appealing when the Sun creates a sort of gradient, rather than when it’s more or less one solid colour.

featured-trondheim-omgivelser-helene-rojas-nagel

"Trondheim omgivelser" by Helene Rojas Nagel

Next is the sea (or water in general). As a symbol of life and vitality, it also represents versatility; you can find it nearly everywhere, filling different shapes in different states. Although it is colourless in small quantities, in reality water has a slight blue tint that becomes more obvious in large quantities. While the image of a still body of water can be considered peaceful, remember that it can just as easily turn into a source of turbulence.

Blue is also a powerful corporate colour because of its association with stability and confidence. This is also why many IT companies prefer to use it in their visual identity, trying to combat the (to a certain degree) volatile nature of technology. Of course this all depends on the company’s philosophy, profile and desired image, but reliability seems to be the most wide-spread.

Some of the more negative associations are cold and melancholy. Less saturated shades remind of murky skies on cold days, while brighter shades closer to cyan have a frostier feel to them. Also, save for eye colours, the presence of blue on the human body is an indication of something wrong. This can be both physical and mental, hence the expression “feeling blue”.

Combinations


Bright, electric shades of blue create a fantastic effect when combined with dark, ash brown. Although it dominates and gives the overall composition a cool feel, at the same time it manages to generate energy. It works well with dark metallic colours as well.

Together with teal or mint green it creates a natural, watery scheme that is also very fresh and inviting. Of course, there must be some balance and hierarchy between the two colours; otherwise they will compete with each other if they have the same intensity.

Using blue for less important details in orange or yellow schemes can cool down the design and take away some of the glare. While traditionally, orange is blue’s complementary, combinations with yellow will have roughly the same effect.

Palettes


01. Complementary blue by tudor.girba

palette-01-complementary-blue

02. Swimming Sports by julievonderropp

palette-02-swimming-sports

03. Sunny Shores by twinklebunnytoes

palette-03-sunny-shores

04. Sea Foam by louisan

palette-04-sea-foam

05. Lilac Bathroom by nightzdragonz

palette-05-lilac-bathroom

06. Leviathan by matthepworth

palette-06-leviathan

07. Bleu Blanc Rouge by kuler

palette-07-bleu-blanc-rouge

08. blueberry pie by elsabartley

palette-08-blueberry-pie

09. Nautical Cruise by thecolorcat

palette-09-nautical-cruise

10. Giant Attack Robot by stevereed.m

palette-10-giant-attack-robot

Web – WordPress themes


01. Sealight (premium)

website-01-sealight

02. MyStream (premium)

website-02-mystream

03. Irresistible (free)

website-03-irresistible

04. MixBloo (free / must keep footer)

website-04-mixbloo

05. The Revival (free)

website-05-the-revival

06. Blue Earth (premium)

website-06-blue-earth

07. Feather (premium)

website-07-feather

08. SiliconApp (premium)

website-08-siliconapp

09. TheCorporation (premium)

website-09-thecorporation

10. Envision (premium)

website-10-envision

Artwork – animals


01. Sea turtle by Ruth-Tay

artwork-01-sea-turtle

02. The Safe Place by ShadowUmbre

artwork-02-the-safe-place

03. Hyacinth Macaw by doormouse1960

artwork-03-hyacinth-macaw

04. La fable de la girafe by AquaSixio

artwork-04-la-fable-de-la-girafe

05. Snowy Owl by markkarvon

artwork-05-snowy-owl

06. White Fang 2 by Ginseng-fox

artwork-06-white-fang-2

07. Out of Blue by kerembeyit

artwork-07-out-of-blue

08. Bubbles by trenchmaker

artwork-08-bubbles

09. The Emperor by D-NA

artwork-09-the-emperor

10. Into the blue by orcasaurus

artwork-10-into-the-blue

September 10 2010

10:00

60 Brilliantly Blue Web Designs for Your Inspiration

Web design inspiration is something that after years and years is finally taken a bit more seriously. More and more web designers dare to go out there and use elements from other types of design to make new and stunning creations. And fortunately technology supports a lot more advanced and stunning web design than what we saw only a few years back.

This time we’ve spent quite a few hours trying to find some of the really awesome blue web designs out there. The color blue especially saw a new blooming era after Twitter became such a huge hit. These are 60 designs in various tones of blue that we think are great pieces of work. We’ve tried to pick out a variety of different styles and tones.

Enjoy!

1. Festival Creative

2. Box.net

3. Today’s document

4. Icelab

5. Lead Zeppelin

6. Eagle rock yacht club

7. Eric Campbell

8. Los colores olvidados

9. Love freelancing

10. NineFlavors

11. Hull digital live

12. Mighty dream

13. BountyBev

14. Drag city

15. PSD2HTML

16. Iemai

17. Knoxville leadership foundation

18. Yiipu

19. Masswerks

20. Deckpeck

21. Creative Nights

22. Victory church

23. Cbi research center

24. Rockstar new media

25. Edward Dark

26. Steven Little design

27. Talker

28. Reichweite

29. Ben Stock design

30. Fuel brand inc.

31. Behind the web design

32. Alex Swanson

33. Phureal

34. Altitude marketing

35. Three60

36. Sman96

37. Design attik

38. Jai Pandya

39. Indigo media

40. SkyLuke

41. Full thrown magic

42. Blackwave

43. North2

44. Piipe

45. Whitewater

46. Qwert city

47. Polargold

48. OhLife

49. TGC

50. Icebrrg

51. Sean Halpin

52. Posicionados

53. Testlab2

54. Tympanus

55. Vancouver 2010

56. Ek och Gren

57. Jon Leverrier

58. Pony

59. 2AdvancedStudios

60. Hull digital live

We hope you’ve found these websites inspiring. As usual we’re looking forward to your comments. Thanks!

April 19 2010

04:40

55 Beautifully Blue Web Designs to Inspire You

Today our goal is to help you overcome your Monday blues with an inspiring collection of blue web designs. Blue is a color that represents the oceans and sky. It’s also a great choice in web design, even if you use it only in a couple elements or for the whole page. You can use a gradient of different shades of blue, a blue textured background, blue typography, or blue icons. There are tons of cool combinations you can do to give your website a stylish touch. For me, blue recalls freedom, freshness, elegance and style. So check out our selection and start thinking about using blue in your designs. Have a cool blue site to share with us? Comments are yours!

Eighty Two Design

bluesites08

Bounty Bev

bluesites09

Visual Notion

bluesites10

Critical Zero

bluesites11

Eric Campbell / Est.86

bluesites12

FeedStitch

bluesites01

Blackwave Creative

bluesites02

yooda

bluesites03

z-index.it

bluesites04

thepixel.com/blog

bluesites05

Morphix

bluesites06

Skype

bluesites07

unblab.com

bluesites13

twitter101

bluesites14

reichweite.cc

bluesites15

Owltastic

bluesites16

Squaredeye

bluesites17

polargold

bluesites18

Frenzy Labs

bluesites19

Elbow Park

bluesites20

CampaignMonitor

bluesites21

backbeatmedia

bluesites22

Maniac Monkey Media

bluesites23

Black Sea Fishery

bluesites24

Orion Advisor

bluesites25

barackobama.com

bluesites26

bartelme

bluesites27

mozilla.com

bluesites28

2creative

bluesites29

icebrrg

bluesites30

powerset

bluesites31

Birdie

bluesites32

designchuchi.ch

bluesites33

StrawPoll

bluesites34

lucino-gene.com

bluesites35

EnviraMedia

bluesites36

loewydesign

bluesites37

Alex Swanson

bluesites38

eyedraw

bluesites39

Kyan

bluesites40

branded07

bluesites41

Ready Made Designs

bluesites42

The House Media

bluesites43

knight.com

bluesites44

nude designs

bluesites45

Vegas Uncorked

bluesites46

Deli Bar

bluesites47

elemodo

bluesites48

Jar Design

bluesites49

AWP Express

bluesites50

Brad Colbow

bluesites51

nclud

bluesites52

Vimeo

bluesites53

los colores olvidados

bluesites54

billytamplin.com

bluesites55

About the Author

Gisele MullerGisele Muller is someone that recently discovered a new career online. A person that really likes technology, design, photography and creativity. An eternal geek wannabe, tech fan and a communication lover! Current location: Porto Alegre, RS – Brazil. Twitter: @gismullr

February 04 2010

14:05

January 14 2010

05:34
Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl