GDS 271/272 Interactive Design I & II
Course Content (Spring 2019)
(Archived from 2019)
Assignments
Projects
- Project 1: Travel Destination Website
- Project 2: Museum App
- Project 3: Interactive Map
- Project 4: Music Promotion Website
- Project 5: Interactive Catalog
Exercises
- Exercise 1: Process Page (download starter files)
- Exercise 2: Bootstrap with Flexbox+Fancybox (Illustrators)
- Exercise 3a: iPad App (Creamics)
- Exercise 3b: iPad App (Creamics) (Short)
- Exercise 4: Interactive Map (MAC)
- Exercise 5: Portfolio Slideshow (Logos)
Internet Resources
- Balsamiq (online sketching app)
- CSS Tests by Bruno Fassino
- Coggle (free online mindmapping tool)
- HTML special characters cheat sheet
- HTML5 Semantic Elements (W3C Schools)
- Ingimages (high resolution stock images: login required)
- Jotform (free web based form processor)
- Lorem Ipsum Generator ("greek" text)
- Remove Line Breaks (online tool)
- Web Browser Elements (for mock-ups)
- Wireframe.cc (online sketching app)
Class Handouts
- Blank browser chrome for student show mounts (flat, vector)
- Blank browser chrome screenshots (cleaned-up PNGs)
(more from designerstoolbox.com) - Browser test pattern (for measuring browser windows)
- Client brief example (web version)
- Common graphics formats
- Core fonts specimen sheets
- Desktop picture with monitor resolutions:
(1024x768) (1280x960) (1680x1050) - Keyboard Shortcuts: Common Macintosh
- Keyboard Shortcuts: Common Windows
- Site Maps (examples)
- Vocabulary wheel
- Web design CSS cheat sheet
- Web design code snippets
- Web design site maps (examples)
- Web design statistics
- Wireframe web layouts (examples)