Total Followers 132,503
There are many ways to attract viewers’ attention when it comes to web design.Flash techniques, awesome photography & catchy color schemes are just some of the many methods used to create visual interest. There is something even simpler that can create a big impact…kick-ass Typography. Specifically, I’m talking about big and bold typography. When used correctly it can stand alone in a layout and still attract a lot of attention.
In this article I will be sharing:
This is crucial, because you need to match your font to your message and layout. Mismatched fonts can lead to a misleading and confusing message to the viewer if you just carelessly pick any font.
It used to be a big deal if you used mismatched colors. In this new generation, stepping out of the box may be the best thing you’ll ever do. So keep it unique when choosing color schemes for your typography. You may also want to consider the background of your layout. So just put in the right blend on your design.
Just put in the right amount of effects, colors and patterns.Over done Typography may just ruin the concept of your design. If you go for very characterized fonts, you may want to take it easy on using patterns and/or effects.
You may want to make certain words pop out and get noticed. This way you convey a message that would really make the whole design memorable. Balance the font size and position in a way that it is not distracting from your “big word”. You can also use quotation marks, apostrophes or other punctuation marks like (“,! or ?) to place emphasis on words.
Make every element in your typographic design harmonious. Check if it goes well & looks good with all the other objects on your layout. Sometimes, you may end up having the typography will be more distracting than pleasing.
7. COM4t
8. Diogene Bold
9. Bleeding Cowboys
9. Super Easy Neon Style in Photoshop – Screencast
Big & bold Typography gives a web design that great bang and makes its approach more aggressive. Amazing, how a bunch of over-sized letters can convey a great message to viewers.
Get The Only Freelancer crash course you will ever need to read!
Monday, August 8th, 2011 10:49
how to download these fonts? i cant find the links… please help!!!
Wednesday, June 29th, 2011 22:03
I might use in some of my future projects. Thanks for sharing.
Thursday, April 28th, 2011 09:42
Pretty creative sites you listed here. I love #9, 13, and 14 very much!
Good advice about the color scheme and harmony.
Saturday, March 12th, 2011 19:06
Awesome article. I wish my clients would allow me to design a website that that… Favorite Font to Use… Myriad Pro. The only ones I don’t have from that family are Myriad Pro Condensed Bold, Condensed Regular. I have the light semi extrended family, and the regular pack. If anyone knows where I can get all of them (for free) Please let me know.
Thursday, March 3rd, 2011 22:01
Hello,
Nice to be noticed, unfortunately the Lorem Ipsum site posted here is a very old one. Great post though.
Thank you,
Levi
Tuesday, February 22nd, 2011 15:38
Fascinating sources here.I really like the 1md.de site.
Tuesday, February 22nd, 2011 04:36
I’m with lemonfresh, Alte Haas Grotest caught my eye. Some of the others might do well in the right context as display type. I like the 3D harmony example as well.
Thanks for the post!
Sunday, February 20th, 2011 13:17
I love the Alte Haas Grotesk font, there is also a Alte Haas Grotesk Next which is amazing at 900! I am having to stop myself from keeping on using it!
Another great post.
Sunday, February 20th, 2011 17:11
I’ll Have to say I really liked that one except for the fonts you recommended on using…
There were some pretty awful fonts up there, all with a good, classic alternative…
Get The Only Freelancer crash course you will ever need!
If not, then it's time to learn how to:
You can trust 1stWebDesigner to help you become a better web designer!
- Jacob Cass | Just Creative
Just enter your name and email below and click Get Updates!
cohenass
Sunday, February 20th, 2011 17:11
I’ll Have to say I really liked that one except for the fonts you recommended on using…
There were some pretty awful fonts up there, all with a good, classic alternative…
Bunnygotblog
Tuesday, February 22nd, 2011 15:38
Fascinating sources here.I really like the 1md.de site.
Vladislavs Judins
Tuesday, February 22nd, 2011 12:14
Love the “COOL”. So simple and fascinating
Jon Whitbeck
Tuesday, February 22nd, 2011 04:36
I’m with lemonfresh, Alte Haas Grotest caught my eye. Some of the others might do well in the right context as display type. I like the 3D harmony example as well.
Thanks for the post!
Lenny
Sunday, February 20th, 2011 13:17
I love the Alte Haas Grotesk font, there is also a Alte Haas Grotesk Next which is amazing at 900! I am having to stop myself from keeping on using it!
Another great post.
Levi Szekeres
Thursday, March 3rd, 2011 22:01
Hello,
Nice to be noticed, unfortunately the Lorem Ipsum site posted here is a very old one. Great post though.
Thank you,
Levi
James Stanislawski
Saturday, March 12th, 2011 19:06
Awesome article. I wish my clients would allow me to design a website that that… Favorite Font to Use… Myriad Pro. The only ones I don’t have from that family are Myriad Pro Condensed Bold, Condensed Regular. I have the light semi extrended family, and the regular pack. If anyone knows where I can get all of them (for free) Please let me know.
Mohamed Yaseen
Monday, August 8th, 2011 10:49
how to download these fonts? i cant find the links… please help!!!
Anthony
Wednesday, June 29th, 2011 22:03
I might use in some of my future projects. Thanks for sharing.
e11world
Thursday, April 28th, 2011 09:42
Pretty creative sites you listed here. I love #9, 13, and 14 very much!
Good advice about the color scheme and harmony.
Brett Widmann
Monday, April 18th, 2011 21:41
These are great fonts. I love Honey Script.