Resources
Interactive Web Design I · DM2280B spring 2013 · Corcoran College of Art + Design
Instructor: David Ramos
alberto_ramos@corcoran.edu
Design documentation
- Visual vocabulary for IA and IxD
- UX sketching
- Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches
- Interactive Sketching Notation
- Wireframes > sketch resources
- PDF templates
- iPhone interface elements
- Safari Interface Elements
Official UI/UX guidance
- Apple iOS Human Interface Guidelines (the gold standard in UI guidelines)
- Microsoft Windows mobile (a more typographic, assertively digital approach)
Mobile UI design patterns/precedents
- iOS UI Patterns (apps)
- Mobile UI Patterns
- Andorid Patterns (apps)
- Media Queries (web)
- Luke Wroblewski: Multi-Device Layout Patterns
Digital Publishing Suite
- Adobe DPS documentation hub
- Adobe DPS articles
- Concise explanation of fees/versions
- DPS interactivity examples (iPad app, free)
- What file format for overlays?
- Which InDesign interactive features work in DPS?
Responsive design and HTML/CSS media queries
- Ethan Marcotte: Responsive Web Design (the seminal article)
- Sitepoint on media queries
- Smashing Magazine on media queries
- Responsive navigation patterns
Publication and interpretive work
- Pae White: After the City, This
- Martin Venezky/Appetite Engineers
- Francesco Franchi
- Emigre Magazine 38, 41, 44
- Rudy VanderLans/Emigre, Bagdad, Californie