GAD332 - Interface Design

This course is an introduction to the aspects of interface design within the game design process.
Students will explore and design project specifications for different delivery platforms and
genres. Parameters relating to usability, color, resolution, access speed, playability, aesthetics,
navigation and layout will mediate the design process. Students will also apply principles of
game design appropriate for specific target audiences and applications.

WK During Class Homework Due at the beginning of class

01
  Go over syllabus
  Chapter 1 - User Experience and Why It Matters
  Chapter 2 - Meet the Elements
  Cosmic Lines / Negative Space / Composition
  Photoshop - Resolutions
  Photoshop - Using the type tools
   
Reference
  Study Guide 1
  Elements of the User Experience
  Jesse James Garrett
  Quotation Posters
  Fonts - 1,001 Free Fonts
  Fonts - Da Font
  Fonts - Abstract Fonts
  Project 1 - Quotations
  Read Chapter 1 - User Experience / Why it Matters
  Read Chapter 2 - Meet the Elements
 

02
  Quiz 1
  Critique
  Chapter 3 - The Strategy Plane
  Chapter 4 - The Scope Plane
  Lab
   
Reference
  Study Guide 2
  Project 2 - Business Cards
  Read Chapter 3 - The Strategy Plane
  Read Chapter 4 - The Scope Plane
  Project 1 - Quotations
  Read Chapter 1 - User Experience / Why it Matters
  Read Chapter 2 - Meet the Elements

03
  Quiz 2
  Critique
  Chapter 5 - The Structure Plane
  Chapter 6 - The Skeleton Plane
  Lab
 
Reference
  Study Guide 3
Template Persona
Gamasutra - Off With Their HUDs!
  Project 3 - GUI Reboot
  Read Chapter 5 - The Structure Plane
  Read Chapter 6 - The Skeleton Plane
  Project 2 - Business Cards
  Read Chapter 3 - The Strategy Plane
  Read Chapter 4 - The Scope Plane

04
  Quiz 3
  Critique
  Chapter 7 - The Surface Plane
  Chapter 8 - The Elements Applied
  Iconography
  Elements of Color (RGB / HSB / CMYK)
  Premiere - Working with Premiere
  Photoshop 04 - The Beauty of PNGs
 
Reference
  Study Guide 4
Kuler
  Read Chapter 7 - The Surface Plane
  Read Chapter 8 - The Elements Applied
  Prepare for Mid-quarter Test
  Project 3 - GUI Reboot (Part 1 and 2)
  Read Chapter 5 - The Structure Plane
  Read Chapter 6 - The Skeleton Plane

05
  Mid-quarter Test
  Critique
  Lab
 
  Project 3 - GUI Reboot (Part 3)
  Read Chapter 5 - The Structure Plane
  Read Chapter 6 - The Skeleton Plane

06
  Critique
  Dreamweaver - Intro to Dreamweaver and CSS
  Dreamweaver - Basic layouts and linking
  Dreamweaver - Browser Headaches
  Lab
 
Reference
  CG Society - Pirate
  CG Society - Tower of Evil
  w3schools.com
  CSS Zen Garden: The Beauty in CSS Design
  Project 4 - Artist's Profile Website (Part 1)
  Come up with you content
  Wireframes of your page(s)
  Surface plane example of your page(s)
  Project 3 - GUI Reboot (Part 4)

07
  Critique
  Flash - Slideshows
  Dreamweaver - Placing Flash Elements
  Lab
  Project 4 - Artist's Profile Website (Part 2)
  Bring function to your Surface example(s)
  Using HTML and CSS
  Project 4 - Artist's Profile Website (Part 1)
  Come up with you content
  Wireframes of your page(s)
  Surface plane example of your page(s)

08
  Critique
  How to Brand Yourself
  Lab
  Final - Branding Packet
  Project 4 - Artist's Profile Website (Part 2)
  Bring function to your Surface example(s)
  Using HTML and CSS

09
  Critique
  Lab
 
  Final - Branding Packet (Part 1)

10
  Critique
  Lab
 
  Final - Branding Packet (Part 2)

11
  Final Critique
 
  Final - Branding Packet (Part 3)