/ teaching / courses / gad332

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   Online space / exchange contacts   Everyday miseries / Minding your users   The Five Planes   Building from the bottom up   Cosmic Lines / Negative Space / Composition   Fonts   Typography   Photoshop 01 - Using the type tools     Reference   Kerning For the Spatially Challenged   Quotation Posters   Project 1 - Identity   Project 2 - Quotations   Reading 1 - Typography   Reading 2 - White Space   Prepare for Quiz 1 (Fonts PPT and Readings 1 and 2)   02   Quiz 1   Critique   The Strategy Plane   The Scope Plane   The Psychology of Design   Encore 01 - Intro to Encore   Photoshop 02 - Organizing, Layer properties   Photoshop 03 - Working with Encore   Reference Template Persona   Project 3 - Themed DVD   Project 1 - Identity   Project 2 - Quotations 03   Critique   The Structure Plane   The Skeleton Plane   Iconography   Color Theory   Reference Template Persona   Fraps   GameSpot   IGN   GameTrailers.com   Kuler by Adobe   COLOURlovers :: Colore Trends + Palettes   Color and Moods   Project 4 - HUD   Reading 3 - Colors and Moods   Reading 4 - Color Theory Tutorial by Worqx   Project 3 - Themed DVD 04   Critique   The Surface Plane   Elements of Color (RGB / HSB / CMYK)   Premiere 01 - Intro to Premiere   Photoshop 04 - The Beauty of PNGs   Reference Template Persona   The Freesound Project   Sound Snap   Flash Kit - SFX HUDless - Call of Duty 3 HUDless - Half-Life 2 HUDless - Killzone HUDless - King Kong HUDless - Uncharted Student Example - Isolano Student Example - Lanham Student Example - McClay Student Example - Wharton   Project 5 - Animated Interface   Reading 5 - Off With Their HUDs!   Project 4 - HUD 05   Critique   Review of the Five Planes   Review of the programs   Lab   Prepare for Quiz 2 (The Five Planes and Readings 3, 4 and 5)   Project 5 - Animated Interface (Parts 1-5) Prepared to present your process work to the class. 06   Quiz 2   Critique   Dreamweaver 01 - Intro to Dreamweaver, CSS   Dreamweaver 02 - Linking pages, Tables, CSS   Elements of Game Interfaces   Lab   Reference   CSS Zen Garden: The Beauty in CSS Design   Project 6 - CSS 101   Project 5 - Animated Interface (Parts 6 and 7) 07   Critique   How to Brand Yourself   Browser Headaches   Flash 01 - Into to Flash   Flash 02 - Symbols, Movies, Buttons   Flash 03 - Exporting   Dreamweaver 03 - Working with Flash   Lab   Project 7 - Flash 101   Final - Website   Project 6 - CSS 101 08   Critique   How to Brand Yourself   Browser Headaches   Dreamweaver 04 - Real world applications   Flash 04 - Real world applications   Lab     Project 7 - Flash 101 Prepared to present your process work to the class. 09   Critique   Lab   Prepared to present your process work to the class. 10   Critique   Lab   Prepared to present your process work to the class. 11   Final Critique     Final - Website