Ask PSD.FanExtra Episode #1
A Comprehensive Guide to Mockups in Web Design
Unconventional Sources of Design InspirationHave every post delivered to your inbox and get access to hundreds of useful design freebies.
PSDFan Extra
Effective Website Headlines
An effective website headline should include some of (if not all of) the following points:
Great typography
Headline typography should be big and very readable. Think lots of padding, large usable fonts, plenty of white space.
Impact
Headlines should have plenty of impact, usually being the most impactful aspect of the entire web page.
- Bright/Bold Colors
- Large Font Size
- Design Touches – including drop shadows, strokes, inner shadows, bevels etc…
- Framing – How the Image is framed within the wider page design.
Purpose
What is the headline being used for. It’s no good just slapping on some bold text, you need to consider the reason for your headline. Are you trying to sell yourself, sell a product, be funny?
Consider whether you want to draw your viewer DOWN your page, or FURTHER into the rest of your website.
Some Inspiring Examples:
About the Author:
Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.
11 Comments:
Related Posts
Your Design Work, But More Awesome:
Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.
Anyone know what the font is for Time2Project?
Hei Tom! Its a good “how to’s” by the way. Good job!
Johny: I couldn’t find anything on WhatTheFont I’m afraid. Maybe ask on a forum?
Muhammad: Thanks! I’m glad you enjoyed the post
Good examples of BIG Fonts subtle shadow always makes the font stand out even if its 2px distance and size. Tom How come there’s no 30min design post?
Tom – Thanks for taking the time to look – I looked in to the css and its rockwell!
Great article and good examples of large fonts used on websites. This is definitely a post I will be bookmarking for future reference. Thanks for sharing with us.
good Tutorials…………thanks for post
web designer
http://www.scrapsforever.com
Great post Tom, Really great examples of big typography headlines!!
Thanks, keep up the good work.
These headline examples are truly inspirational.
Nice article, I will use these ideas as I am currently redesigning my website, thanks!
that was very nice post to understand about headlines.
you made it easy to understand. The way you used examples and pointing each image with text was great thanks