Typography Basics & Design Research
- Form groups for ongoing assignments
- Recap HTML lesson
- Demo and explain HTML Validator
- Introduction to Typography (Slides TK) – CSS basics. Slides here.
Assignment (Individual — Due Tuesday, 2/4)
- Extending the HTML page you built for today’s class, style the page using an external CSS file. Focus on text styles: size of type, color, leading (line-height), text alignment, and link styling. Upload your HTML file to your directory on the class GitHub Repository.
Assignment (Group — Due Thursday, 2/6)
- Document the major architecture decisions of the site (similar to the first, individual exercise). Take screenshots and diagram the major aspects of the site. Each group should submit one Google Drawing.
- List and elaborate on the 10 user behaviors your group sees as the most promoted, relevant or likely to occur on the site beyond visiting a story page (e.g. read related coverage, follow an author, take an action on social networks, comment, vote, play, filter, etc). Include screen shots of the design prompts for these behaviors.
- Describe 3-5 “composite characters” that would likely use the site you’ve been assigned. What details about their persona would be most salient (age, interests, tech savvy, online habits, geography)? Give your characters names and list 5-7 bullet points about their characteristics, trends, proclivities and/or other sources of information. Each group should submit one Google Document with the behaviors and composite characters.
Typography Resources