Creative Uses of Illustration in Web Design


[IMG]************************************************************ **********************[/IMG]
[IMG]http://*******************************************/random.php?mode=image&collection=noupe-rss&position=1[/IMG] [IMG]http://*******************************************/random.php?mode=image&collection=noupe-rss&position=2[/IMG] [IMG]http://*******************************************/random.php?mode=image&collection=noupe-rss&position=3[/IMG]
Using illustration in web design has become quite trendy these days. People love to see beautifully designed illustration based websites because they stand out from the rest. Not only because of the beautiful illustrative art work and carefully crafted web designs but also because of the perfect balance struck between these two important components.

Today, we want to dig into some creative ways you can work beautiful illustrations into your web design projects. We hope that this compilation will inspire some new ideas. You can see in the examples where designers have captured a certain illustrative style and wonderfully integrated it into website design in various ways. These unique illustrative styles make a website more memorable. Enjoy!

The Showcase

Plavacek.net
Plavacek.net takes a unique and gorgeous approach with its design that certainly looks great and attention grabbing. The designer imaginatively presents the underwater and above water scenes in a single frame brilliantly.

http://media.noupe.com//uploads/2012...webdesign3.jpg

Meomi
In this web design, although the mascot is not the only bit of illustration and character work present it does add a lot of personality. The overall illustrations and style of the site make it a less formal presentation.

http://media.noupe.com//uploads/2012...ebdesign25.jpg

The Last March
This is another illustration driven web design that demonstrates the different levels of playfulness and whimsy these types of illustrated elements can add beyond pure decoration.

http://media.noupe.com//uploads/2012...ebdesign37.jpg

Pampaneo
Pampaneo’s lively use of yellow and green with idiosyncratic characters creates a bold look with depth and balance.

http://media.noupe.com//uploads/2012...webdesign4.jpg

The Pixel
This is another site with a very stylish design, but with a much busier layout. The blue-tone gives a very strong impression.

http://media.noupe.com//uploads/2012...ebdesign17.jpg

Pojeta
With this web design, the designer conveyed his own personal and unique style with a single illustration against a vast amount of whitespace. This makes the design look hugely impactful and very beautiful.

http://media.noupe.com//uploads/2012...ebdesign28.jpg

YODAA
This website successfully manages to be unique in its own way by highlighting the illustration with carefully positioned content; and since this is accomplished effectively, the result is quite spectacular.

http://media.noupe.com//uploads/2012...ebdesign32.jpg

Aussie BBQ Legends
What makes this website stand out is not only the stunning illustrative art work or the vigilantly crafted design; rather it is the beautiful balance between these two components like was mentioned in the opening.

http://media.noupe.com//uploads/2012...ebdesign27.jpg

Ufo.lt
This website demonstrates a beautiful submersion in illustration. You can see how creatively the designer makes use of their illo skills.

http://media.noupe.com//uploads/2012...webdesign1.jpg

Pieoneers
The illustration presented in this website although it is very colorful and has some depth, it still maintains a bit of a simplistic feel. The muted tones used for the rest of the site really make the splash of color in the pie very pleasing to the eyes.

http://media.noupe.com//uploads/2012...webdesign2.jpg

Html5 Lab
Html5 Lab has a bold site, using large 2D illustrations and some light embellishments coupled with a sharp color scheme of grey and red with little traces of white and black to pull the design together.

http://media.noupe.com//uploads/2012...webdesign5.jpg

Pigeon and Pigeonette
The uncharacteristic layout and quirky, vibrant illustration make Pigeon and Pigeonette worthy of exploring.

http://media.noupe.com//uploads/2012...webdesign6.jpg

Teamnomad
Teamnomad’s header reinforces its own theme simply and in an understated way, though it is still extremely apparent, creating a strong brand connection quickly. The rest of the page leaves enough room to breathe, so viewers aren’t overwhelmed.

http://media.noupe.com//uploads/2012...webdesign7.jpg

Iwit
A large stream of character illustration is paired with an otherwise simple website design, creating a very attention-grabbing result. There truly isn’t much here that could use improving.

http://media.noupe.com//uploads/2012...webdesign8.jpg

Rays-lab
Here the design uses a rich, vibrant illustration that provides a stunning foundation for the design to work off of.

http://media.noupe.com//uploads/2012...webdesign9.jpg

Coopers kids
Coopers kids’ illustration doesn’t carry on all through the page, but it works wonderfully with the peaceful color scheme creating a look that is both simple and effective.

http://media.noupe.com//uploads/2012...ebdesign10.jpg

Ericsteuten
Although very eventful, with lots of movement to draw the eye, the design here is still balanced well. This balance seems so simply struck that it makes the whole process look easy.

http://media.noupe.com//uploads/2012...ebdesign11.jpg

Attack of the web
Attack of the web mostly confines the use of exceptional illustrative elements to the over-sized header of the single page site. This is a great example of a functionality driven site with a strong use of illustration.

http://media.noupe.com//uploads/2012...ebdesign12.jpg

Cubeclub-chemnitz
This web design has a strong letterpress print feel, with bold text and original icons. The repeated texture pattern is a nice touch.

http://media.noupe.com//uploads/2012...ebdesign13.jpg

Dedoce
In this design, the underwater scene possesses loads of grunge and texture which keep it from looking like just another vector built website.

http://media.noupe.com//uploads/2012...ebdesign14.jpg

Cool Brush Design
Cool Brush Design’s site throws restraint out the window yet still manages to pull off sophistication with ease. The majority of the illustration serves both ornamental and functional purposes.

http://media.noupe.com//uploads/2012...ebdesign15.jpg

Arbel Designs
The illustration work in Arbel Designs’ site is extremely attractive and attention grabbing, however the way the tabs adjust when they are clicked is somewhat distracting; but the overall design is still extraordinary.

http://media.noupe.com//uploads/2012...ebdesign16.jpg

Toris Eye
In this web design, illustrations are put to work to create an overall theme that looks visually alluring and appealing.

http://media.noupe.com//uploads/2012...ebdesign18.jpg

Racket
Here the thematic illustrations are used establish a very surreal tone or theme for the site, and they certainly grab the attention of the users.

http://media.noupe.com//uploads/2012...ebdesign20.jpg

Get my boss to North Cape
This web design whimsically repeats its fundamental mission statement through the illustration which comically recreates the site title whilst simultaneously establishing a theme.

http://media.noupe.com//uploads/2012...ebdesign21.jpg

Egopop
This is another site with an atypical layout in this collection. The illustrations in the design let you know about the individual this site represents as well as break the normal web mindset a visitor may have.

http://media.noupe.com//uploads/2012...ebdesign23.jpg

Duirwaign Studios
Duirwaign Studios makes use of illustration in a very beautiful and breathtaking manner. It also provides some life and movement to the design putting a memorable face to it.

http://media.noupe.com//uploads/2012...ebdesign24.jpg

Mellow Mushroom
In this case, the interactive illustrative elements provide much more than mere decoration, adding an edge which smartens the design in a way that only interactive illustration can.

http://media.noupe.com//uploads/2012...ebdesign26.jpg

The Great Bearded Reef.com
The Great Bearded Reef makes use of creative illustration to create this playful masterpiece. This is a distinctively fun, tongue-in-cheek design which fits and serves its purpose well.

http://media.noupe.com//uploads/2012...ebdesign29.jpg

Moshi Monsters
Here, the illustrations are relatively strange yet tempting owing to their inimitability and innovation. The big and bold typography definitely is the first thing that gets noticed, and compliments the rest of the design well.

http://media.noupe.com//uploads/2012...ebdesign30.jpg

The Alamo Basement
The background texture of this website provides it an extraordinarily captivating and personal feel. The visual explosion of characters and colors is great for getting the reader’s attention.

http://media.noupe.com//uploads/2012...ebdesign31.jpg

Florida Flourish
This is an enormously stunning illustration full of interactive elements which comes with an unmatched style that captivates the visitors.

http://media.noupe.com//uploads/2012...ebdesign33.jpg

Webbli World
This website illustration instills a sense of enjoyment and wonder that engages the visitors with its appealing design.

http://media.noupe.com//uploads/2012...ebdesign34.jpg

Old Loft
Old Loft brings into play an artistic and inventive illustration that makes this website both unforgettable and exceptional.

http://media.noupe.com//uploads/2012...ebdesign35.jpg

Visit Cascadia
The overall style of this website feels like an illustration, and still, it doesn’t have the characteristic humanistic elements.

http://media.noupe.com//uploads/2012...ebdesign36.jpg

Veerle
Here the illustration lends more backup support, with many brilliant background elements in play. Some of these are more corporeal than others, although in general they are more about visual support than anything else.

http://media.noupe.com//uploads/2012...ebdesign38.jpg

Tea Round App
This is an ideal example of illustrated design. The style is tremendously stunning, totally unique, and very appealing.

http://media.noupe.com//uploads/2012...ebdesign39.jpg

Pixel Baecker
The hand rendered design here showcases the designer’s talent. It demonstrates that they creates artwork with their hands that connects flawlessly to their animation skills.

http://media.noupe.com//uploads/2012...ebdesign41.jpg

Chernobyl heart
In this web design, the illustrated text is far more subtle than most. Rather than driving the whole direction of the design, it merely plays along nicely.

http://media.noupe.com//uploads/2012...ebdesign42.jpg

Instant Ad Legend
The somewhat singular style of this design delightfully incorporates the large illustrative elements which play several roles in the overall design.

http://media.noupe.com//uploads/2012...ebdesign43.jpg

(rb)

http://feeds.feedburner.com/~ff/Noup...Zg:V_sGLiPBpWU http://feeds.feedburner.com/~ff/Noup...Zg:F7zBnMyn0Lo http://feeds.feedburner.com/~ff/Noup...Zg:gIN9vFwOqvQ http://feeds.feedburner.com/~ff/Noupe?d=7Q72WNTAKBA