20 Do’s and Don’ts of Effective Web Typography

Original Post and Images by Mike Smith from Web Design Ledger
Link: http://webdesignledger.com/tips/20-dos-and-donts-of-effective-web-typography

I found this as I was searching online for ideas. I thought this was really useful insight. Also, some of the things pointed out in here were also mentioned in class....

"1.) DO NOT use too many different font faces..."
* I agree with this! Too many fonts used all at once makes a design look tacky.

"2.) DO NOT – I repeat – DO NOT use comic sans or papyrus on anything!..."
* This is 100% true! Comic sans should never be used it also makes a design look tacky.


"3.) DO use a proper hierarchy for your pages..."
* I agree with this also - and this is what our main focus should be when creating our current project- the information poster. Some text should stand out more than other text. There has to be some kind of hierarchy within the design in order to get the reader to focus on the most important points first.

A Good Example of an Information Poster...

Current Typography Project: Create a design poster which includes information about a day in the life of a student designer - me.

A good example I found very useful in explaining what I should expect from my finished design poster, is this one here....

A Model of Play Concept Map by dubberly.com
Link: http://www.dubberly.com/concept-maps/a-model-of-play.html

The poster is a good example and one of my favorites I found from the links provided because it is cleverly designed for all the information that it holds. The images used are big enough to catch the viewers attention if they were standing far away from the poster. This works good for the poster because it will make the viewer want to get closer to the poster to actually read what it says. The arrows and the lines that make up the arrows also work well for the poster because it helps the bold words stand out even more and it makes me focus on the words first before reading the other text.