WEB112 > Syllabus
Class: Typography
Time: Winter 2010 – T/Th, 02:00PM to 03:20PM in BE5148
Credits: 3.0
Class Hours: 33
Type of Course: Workforce Education Preparatory
Length of Course: 11 weeks
Prerequisite: WEB110
Course Description:
The purpose of this course is to introduce the student to the elements of traditional typography as it will apply to your web design career.
Course Goals:
Students will gain a hands on experience with various typographic techniques while designing a logo for themselves that they will implement into a portfolio website for themselves.
Course Outcomes:
Upon successful completion of WEB112, the student will be able to:
- Use the principles of typography to communicate information effectively including: legibility, letter-spacing, leading, weight, height and overall typographic principal and scale
- Incorporate effective typography for the web into web-related projects
Required Text:
- The Complete Manual of Typography, by James Felici
Recommended Texts:
- Logo Savvy: Top Brand Design Firms Share their Naming and Identity Strategies, by Perry Chua & Dann Ilicic
- Design-it-Yourself Graphic Workshop: The Step-by-Step Guide, by Chuck Green
Evaluation Methods:
Your final grade will be a culmination of your Class Assignments:
- Assignments will create an overall Class Project to be presented at the end of the quarter
- Assignments require critical thinking and problem solving skills
- Assignments will be “assigned” each week according to the class schedule
- Assignments will be “due” by the end of the week according the class schedule
- Students are responsible for assignment information on assignment pages
- Students are also responsible for assignment information given in class
- Assignments will be marked down 25% for every week they are late
ADA Confirmation:
(Americans with Disabilities Act) If you need course adaptations or accommodations because of a disability, if you have emergency medical information to share with me, or if you need special arrangements in case the building must be evacuated, please contact me ASAP.
32 Comments:
Leave a Comment


some great examples of applying type to teh internets.
http://www.onextrapixel.com/2010/01/11/importance-of-great-web-typography-excellent-examples/
Interesting tool to see how your type will look:
http://www.typetester.org/
James Cameron ♥ Papyrus.
http://aaronweyenberg.com/402/avatar-movie-font-is-papyrus
http://www.papyruswatch.com/2009/12/so-whats-deal-with-avatar-and-papyrus.html
http://adambalsam.com/papyrus-really
http://new.myfonts.com/WhatTheFont/iPhone/
You can find fonts with a free iPhone app…
Typography meets Lady Gaga.
http://www.buzzfeed.com/jennyintheskywithdiamonds/neutra-face-7x
In Illustrator CS 4: menu / Window / Type / Glyphs
will bring up the glyphs panel that shows you all the characters and symbols available in your chosen font, including ligatures, swashes and other alternatives.
Some really nice logos here:
http://www.instantshift.com/2009/05/27/66-creative-logo-designs-for-design-inspiration/
Here too: http://www.instantshift.com/2009/10/24/80-free-exclusive-psd-logos/
too much stuff to look at:
http://digg.com/design/25_Experimental_Typography_Showcases
So this font walks into a bar, and the bartender says to the font, “sorry we do not serve your type”.
That’s just plain funny.
Historic ad art in general; I can’t stop browsing this collection: http://library.duke.edu/digitalcollections/adaccess/