Skip to content

Designing Web Communications

ENG 317 / Instructor: Keon Pettiway, MFA / Spring 2014

  • Home
  • Schedule
  • Readings (PDF)
  • Policies
  • Grades
  • Projects
    • Introduction
    • Project 1: Smoothie World
    • Project 2: Typographic Grid Layout for the Web
    • Project 3: Usability Audit
    • Project 4: enCoding/deCoding
    • Final Project: Case Study
  • Tech Help
  • Resources

Resources

General resources:

  1. HTML and CSS: Design and Build Web Sites complementary resources
  2. Codeacademy
  3. List of HTML symbols
  4. Transform inches into pixels (choose the 75 CRT display)
  5. Adobe Kuler colors

Typography

  1. Best Examples of Typography in Web Design | Inspiration – Awwwards
  2. A List Apart Articles about Typography & Web Fonts
  3. The Elements of Typographic Style Applied to the Web
  4. 20 typographic websites | Webdesigner Depot
  5. (video) Typography for Web Designers with Laura Franz
  6. (video) Understanding Legibility with Laura Franz
  7. (video) Using font size, case, style, letter spacing, weight, and color to convey meaning with Laura Franz
  8. Anatomy of letterforms – Thinking with Type
  9. “Web Design is 95% Typography” by Oliver Reichenstein
  10. HTML characters and symbols

Prototyping

  • 7 myths about paper prototyping
  • Paper Prototyping
  • Five Paper Prototyping Tips – User Interface Engineering
  • Paper Prototyping Training
  • AIGA | Case Study: NPR.org
  • WEBINAR: WIREFRAMING + PROTOTYPING: PENCIL TO PAPER TO SCREEN
  • Design Better And Faster With Rapid Prototyping

Creating HTML forms

  • HTML forms (W3schools)
Proudly powered by WordPress