Class+7

Class 7 Notes - 3/8

 * Class critique - reviewed initial designs for all product websites
 * Lectured on Typography for the web
 * Demo - creating a navigation bar

Lecture - Typography

 * The type selected for a site should mean something to the design
 * Keep the number of fonts to a minimum - 2 or 3
 * Use line spacing to improve readability
 * Hierarchy of types - in terms of font size, weight, and scale have an idea of the most important text areas to the least important. Use the hierarchy to direct the reader
 * Width of text blocks – no more than 30 times the text size, no fewer than 5 words on a line
 * Alignment on the web it's best to align right or left for blocks of text. Use center alignment for call outs or short quotes. Justified text is very difficult to control online.
 * Scaling text online allows some users to look at a web page in a larger format than others, images of text scale poorly so don't use images for blocks of text.
 * Weight – varieties of weight, from light to bold can be used to transform a font for use in multiple areas of your site's hierarchy

Homework:

 * Complete designs for product site - home page and interior - and post to **Product Websites** page along with revised style guide
 * Post Wireframes for Final Website to **Final Wireframes** page
 * Start research for final site and post **5 links** to the **Final Research** page - check that page for more details.