A Short Overview (Means Boring Stuff!!)
It’s not easy to come up with something very creative. So how can you make sure your design is better than the designs of your competitors? How can you point employer’s attention to your product or services? Here we might be able to help you by presenting this smart showcase. Below there are the collection of illustrated websites designs, but before we take a look around to the main, evident, features to create an illustrative web site. What elements do designers use to create illustrated websites? What kind of colors? What techniques?
Nice Characters
The use of a laughing characters creates a sweet welcome for visitors and it also expresses, or simply introduces, the main mission of the website. Below you can see some examples.
It’s interested also the use of characters from animal world to create a friendly web site brand.
“Microcosm” in a Web Site
Many designers love to show a piece of original (cartoon) mini-world that they create to emphasize the website message. These illustrations are good to finalize the footer or to create an impressive header. But there is also some pretty surprise…
The Right Background
An opportune background in this kind of web site is essential, at least for two main reasons: to give the right context at the illustration and to make a good back-image for the layout elements and so to structure a readable contents. In some cases the illustrative power of the design is in background image.
We can see some solutions in the following image.
Typography
The use of big typography is a frequent trend in modern web design. In many websites of this list (especially when the design is for portfolio, agency and company sites) we’ll notice big font size of design elements to communicate the principal message of the website.
In some other examples of this list there is a “normal” use of typography, but always to make a clear and direct message in a clean web design.
Animations
When some elements of design are “alive”, such as the birds in Tori’s Eye or the airplane in Marjeting Informatico, can be made a direct interaction with the visitor. The animation is often in flash, but a nice use of javascript is a concrete solution to animate your design (in the bottom of the article you can find a list of resources in which there is also some plugins for the animations in web design).
Humor
A spontaneous smile always works.
Examples Of Illustrative Web Designs (Interesting Stuff!!)
01. Capstone Kids
02. MS-Kucharovice
03. Arun Pattnaik
04. Hpnotiq
05. Norbauer
06. Open Atrium
07. MpluZ
08. Branded 07
09. Old Loft
10. Fatburg
11. Adit Shukla
12. Marchand de Trucs
13. Goglamping
14. Brad Colbow
15. Hutchhouse
16. Great-Design
17. Tori’s Eye
18. Project Vino
19. Dark Motion
20. Zinaz
21. PixelPR
22. Bazar Solidale
23. Story Pixel
24. How Host
25. Wingstranger.com
26. Nybble Tech
27. I’m a Rock Star Ninja
28. Go Summer Project
29. Mojotic
30. Zoologicka
31. The Great Bearded Reef
32. DivVoted
33. Kinder-Aktuell
34. Redefine.us
35. WeDoMarkup
36. Stoodeo
37. Malene Hald
38. Octonauts
39. Dean Oakley
40. Iwit
41. Luova
42. Mister-Aero
43. Krystal Beisick
44. Francesco Mugnai
45. Francesco Mugnai
46. RapidxHTML
47. Deborah Cavenaugh
48. Brian Handley Design
49. WP Coder
50. Stop Child Labour - Africa Tour
51. Answer Jam
52. Krolikov
53. Twither
54. The Alamo Basement
55. We Are Not Freelancer
56. Orman Clark
57. iPersonal Assistant
58. Design19
59. FishingCactus
60. Hey Indy
61. No Code Store
Official Link
No comments:
Post a Comment