Though issues of layout, typography, and various other page elements are bound to take up plenty of time for web designers, many take a special delight in the creation of headers. Whether for corporate web pages or personal blogs, forum indexes or e-commerce sites, a good-looking header can make a lasting impression on visitors, and is likely to be one of the most important concerns for design clients. Using vector graphics for header design has been gaining momentum as a design practice for several years, resulting in clean and attractive visual schemes that leave out the potential pixelation and fuzz of raster graphics.
Like the article? Be sure to subscribe to our RSS feed and follow us on Twitter to stay up on recent content.
Vector-based headers are especially desirable for their ability to scale without losing image quality. If a certain item within the header, such as a character or other motif, is requested to be changed at a later date, or the client wants similar work produced for a different application, the original graphics can easily be modified without any aesthetic sacrifice. As digital design programs become more adept at handling vector graphics, the possibilities for smooth and limitlessly scalable headers is growing. With this growth, it’s likely that the web will become even more visually appealing and that designers will fall even harder for the fun and thrill of header design.
This is a collaborative article. Copy by Hannah Wiggins (Polimedia) and an awesome round up by Gedy Rivera (LifetreeCreative).
Morphix Design Studio – Identity, Pictograms & Webdesign
JOBY-Website Designer, Graphic Designer, Logo Designer, Bangalore, India
Atomic Cartoons Inc.
Paravel » Web, Print, Branding
Manchester Web Design Agency / Creative Spark
CADWebsiteDesign.com
Music City Unsigned – Nashville’s Best Emerging Artists
Legwork Studio / A small design studio located in Denver, CO.
Carmilla Vampire – a contemporary dark tale. Illustration, fashion, shop, Rossocarmilla style
IndoFolio – The Portfolio of Gopal Raju, a freelance designer from India.
Think Orange – we create web products that drive social interaction and make you smile.
Guifx : Embedded Touchscreen GUI Design and Home Automation User Interface Graphics
N.Design Studio | Design Blog & Portfolio
TechAdventure DC
Sara Tušar Suhadolc Portfolio
Just Made My Day
Digital Podge 2009 – Measurable Fun
Team Excellence » Houston, TX
El Designo Graphic Design, Logo design, Print Design, Web Design Edmonton, Alberta
Robbin Ingvarsson, Waldemar Wegelin – creative partners from Hyper Island
Beraterherz – Anne Schoenemann. Projektmanagement & Senior Beratung
DNA to Darwin
Group of companies Mospromstroy
Vyniknite.sk
boco | Dine out. Geek out. Rock out.
Chirp » The Official Twitter Developer Conference
Yaron Schoen
Dubai Webpage Designers – Puneet Sakhuja
STUDIO E-SPACE INC.
Jacob Lee – Web, Print & Brand
Happy Cog’aoke 2
ColouringCode – Web Superheroes from Sheffield, UK
LogicBomb Media
Knoxville Tennessee creative web & blog design company :: GUERRILLA
The Omni Group
MicaGrafica : Portfolio of Mikal Morello
Hello! I’m David Jonsson a freelance web designer, illustrator and logo designer
Carol Rivello
ooooh very nice! love these! Thanks Hannah!
.-= Sneh Roy´s last blog ..Project 365 Vector Characters – Boon For Day 68 =-.
Actually, Gedy from http://lifetreecreative.com/ did the roundup. This is a collaborative article
!
Nice showcase. Vector and illustration are always great visual inspiration. It’s becoming more and more popular with websites now. Thanks for sharing.
Nice Collection Headers are the first impressions of the website & see all this beautiful headers is very inspiring
.-= Nikunj´s last blog ..Fantastic Wallpapers Collection For Your Desktop =-.
Lovely collection!
Very nice…I like how vectors are transforming websites into original ones!
.-= Madalin´s last blog ..Showcase of Fresh and Exciting Wallpapers for Your Desktop =-.
wow, thanks for featuring me
And btw, cool article, and awesome gallery, thanks for sharing!
Nice list. Love them all!
.-= Shurandy Thode´s last blog ..Spotlights on: 30+ Tasty Articles from around the Design Community 01 =-.
awesome lineup here!
.-= julio´s last blog ..90 Useful Freelance tools =-.
Great Collection. I love Indofolio and Morphix.
.-= Teylor Feliz´s last blog ..Incredible Examples of Superman Illustrations =-.
very good love this post hannah – I always appreciate teh vector look – tx fo rputting this together
.-= Benjamin Rama´s last blog ..11 Free [Pink] Web Design Icons =-.
Great collection! Thanks for sharing.
Really great….. !!!!
Really great collection. Thanks for sharing!
.-= Web Design Soul´s last blog ..5 Nicest and Best Blogging Icon Sets =-.
Great overview.
What do you think of out illustrated header?
Great overview!
What do you think of our illustrated header?
http://www.spafu.nl/
hi Arash,
Thanks for your comment and your header is so great! I really like the animation!
Cheer,
I totally love using illustrations on my web design, it’s definitely a bit trend, but I think aside from it being a trend, I think it shows much more personality and versatility.
-G
.-= Gedy Rivera´s last blog ..The 3-Year Journey =-.
Great showcase!
Take a look at this website!
http://www.behumandesign.com
I’m not a gigantic fan of the massive header – but almost all these designs work – thanks for the great collection – inspiration for everyone!
Long time see u
Love your new design,my friend !
.-= Äạt Tà i´s last blog ..FrozenFlirt =-.
i recently finished a charity web site with a nice illustration on the home page. the company is trying to reaise £10,000 for water aid and MS, check it out at:
http://www.epsmunrochallenge.com/
quite happy with my illustrations ;p
Nice illustration, Michael!