Typography in Web Design

One of the biggest ammature mistakes web designers make is using terrible typography on their websites (I RARELY ever use Arial...). Yes, you are restricted to use web-safe fonts only, but you'd be surprised how many fonts that actually entitles. Go to googlefonts.com.

Size of fonts is another important design detail of websites. You must understand hierarchy in your font sizes.

Lastly, color of font is important too. Lighter font comes across much cleaner than dark. Rarely use black #000000 as your font color.

Here are some examples of Dentist website I have designed lately.

All responsive as well.

Need to get your eyes checked?

 

Need to get your eyes checked? Maybe you need glasses? I made this in college. Anything can become type. I love typography and the interesting ways you can create letters. This was all made from one pair of my glasses. And I didn't break them.

Letters on Canvas

Source: brassyapple.blogspot.com via Emily on Pinterest

Buy a canvas. Put letter stickers on it. Paint over the whole thing. Peel off stickers.
Looks really neat. A fun/cheap way to add typography to a room!

Do More with Less

Source: typeverything.com via David on Pinterest

Found this today on Pinterest. Very Inspiring don't you think?

Where Good Ideas Come from BY STEVEN JOHNSON

I found this the other day and have watched it a few times. I am always trying to learn how to be more creative and this helps explain that.

Think Outside the Box

Source: tumblr.thinkdoer.com via David on Pinterest

I found this on pinterest. It is so easy yet clever. Type can mean so many things!

Bad Typography: (Found this on Pinterest)

Source: sixrevisions.com via Hannah on Pinterest

Type is Everywhere: Typography Basics

I made this for my Video Class, this movie shows the basic fundamentals of Typography: the anatomy of a letter and the different classifications of type.

My Kinetic Typography Project "Hold My Hand"

This was done in Adobe After Effects.  I used 1:20min of Michael Jackson and Akon's song called "Hold My Hand".

Body Type - literally

I found this today on http://www.typotheque.com/fonts/body_type I thought this was funny.  Anything can be type.  As long as it communicates a message.

What is Kinetic Typography?

Kinetic Typography Tutorial from Jesse Rosten on Vimeo.

Watch this to understand and learn how to create your own in Adobe After Affects.

I am working on my own right now.  I will post when I am done. I am doing it to a Michael Jackson song.

My New Type Monument

Recently I have been working on an 8-page spread about the modern artist, Joseph Cornell, and this type monument of New York will be on the front page.