HCI 406 | Web Design
HCI 406 Home Lectures Resources

spacer Location: Lecture 03
spacer
Lecture Plan
Lecture 01
Lecture 02
Lecture 03
Lecture 04
Lecture 05
Midterm Presentation
Lecture 07
Lecture 08
Lecture 09
Lecture 10
Final Presentation
Lecture 03
 

Digital design overview

Image types (PDF lecture)
Color space (PDF lecture)
Digital grahpic overview
 

- Resolution
- Understanding image types and media types on the web
- Pixels and vector graphics
- Color space
- Basic image creation and Process
- Downloading images;
- Image rights overview.

   

Web Fonts, Typography (PDF lecture)

Anatomy of letters
Classify font types
  Venetian – has a look created by human hand
Old style – type writer look, printing technology
Transitional – increased contrast between thin/thick strokes.
Modern – exaggerated contrast between thin/thick strokes, and flat serif.
Slab serif – usually with strict geometry structure.
Other serif fonts – booming of web font design
San serif – don’t have serif
Geometric sans – based on circles, or triangles
Humanist Sans – various thickness, have a humanist feeling.
Hand writing
   
Site branding and Logo design
Logo Design (PDF lecture)

Type only logos
Choose the right typeface; Changing one thing.

Logo Symbol
Work with line and shapes
Consider trend, logo life