UPDATED 2019 – over the last four years, I’ve been teaching Visual Interaction Design at CCA (California College of the Arts) – which is a crash course in visual design for interaction designers. I reference a lot of great books that I think are worthy of having on the shelf as I work up my curriculum and syllabus. Some old standards have gone by the wayside for being too outdated, but many are evergreen as the basic principles underlying good design are timeless. I’m sure I am missing some but here is my reading list for the class: (google doc)
Visual Interaction Design Readings (from VIXD class at CCA)
Required Texts:
Type on Screen, Ellen Lupton, Princeton Architectural Press
Other Texts:
Thinking With Type, Ellen Lupton, Princeton Architectural Press
Several of the weekly readings will come from these books.
The New Graphic Design Basics – chapters on gestalt principles
Ellen Lupton & Jennifer Cole Philips, Princeton Architectural Press
Designing with the Mind in Mind – chapter 2 and 4
Jeff Johnson, Morgan Kauffman
The Laws of Simplicity – chapter 2
John Maeda, MIT Press
Understanding Comics – chapters 6 and 8
Scott McCloud, Harper Perennial
Design is a Job – chapters 7 and 8
Mike Moneiro, A Book Apart
On Web Typography – chapters 4, 5, and 6
Jason Santa Maria, A Book Apart
Designing for iOS
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/
Google Material Design
https://www.google.com/design/
Mobile and Multi-Device Lessons Learned
Luke Wroblewski, static.lukew.com/MobileMultiDevice_LukeWsm.pdf
Mapping Experiences
James Kalbach, O’Reilly Media
Adaptive Path’s guide to Experience Mapping
http://www.mappingexperiences.com/
Online Articles
Gestalt and sketching articles
Why is Sketching Still Important to Design
http://www.core77.com//posts/52948/Why-is-Sketching-Still-Important-To-Design
The Sketch Book
http://konigi.com/wiki/sketch-book/
The Benefits of Visual Note taking
https://www.melcrum.com/blog/draw-my-mind-benefits-visual-note-taking
Design Elements and Principles
https://designschool.canva.com/design-elements-principles/
Understanding Visual Hierarchy in Web Design
http://webdesign.tutsplus.com/articles/understanding-visual-hierarchy-in-web-design–webdesign-84
Color articles
Understanding the Qualities and Characteristics of Color | Tuts+ Web Design Article http://webdesign.tutsplus.com/articles/understanding-the-qualities-and-characteristics-of-color–webdesign-13292
Color Usability: 4 Keys to Clockwork Conversion | Three Deep
http://www.threedeepmarketing.com/blog/color-conversion-science-clockwork-model/
Color Theory for Designers – Smashing Magazine | Parts 1, 2, 3
https://www.smashingmagazine.com/2010/01/color-theory-for-designers-part-1-the-meaning-of-color/
Web Developer’s Guide to Color
https://www.smashingmagazine.com/2016/04/web-developer-guide-color/
Branding articles
How to Use Photography in Branding
http://designerfund.com/bridge/how-to-use-photography-in-branding/
Branding – Not just a Logo
http://heidicohen.com/branding-logo/
20 Actionable Tips to Build a Winning Visual Brand Identity
https://designschool.canva.com/blog/20-easy-tips-build-visual-brand-identity/
The Impact of Interaction Design on Brand Perception
https://www.nngroup.com/articles/interaction-branding/
What Apple and Starbucks Taught Me About Building A Brand http://www.fastcodesign.com/3055704/what-apple-and-starbucks-taught-me-about-building-a-brand
Logo articles
New logo and Identity for SFMOMA done in-house
http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_sfmoma_done_in_house.php#.V65GS5MrIUF
New Global identity for Netflix
http://www.underconsideration.com/brandnew/archives/new_global_identity_for_netflix_by_gretel.php#.VjFEZa6rTuM
The 7 Step Paul Rand Logo Test
https://entrepreneurshandbook.co/the-7-step-paul-rand-logo-test-5c7b546af17b#.lk6safw9t
A Lightweight Branding Exercise for Startups https://medium.com/@bbergher/a-lightweight-branding-exercise-for-startups-8776f0cb0ea7#.vtoom81c
Design System articles
The Rise of Design Systems
http://electronicink.com/rise-design-systems/
Color in Design Systems
https://medium.com/eightshapes-llc/color-in-design-systems-a1c80f65fa3#.rpmxurfxw
Buttons in Design Systems
https://medium.com/eightshapes-llc/buttons-in-design-systems-eac3acf7e23#.tmbq2srqh
Excited to start teaching Visual Interaction Design tonight at CCA. I’ve posted my reference list on my site – http://t.co/lOOafIko09
RT @emalone: Excited to start teaching Visual Interaction Design tonight at CCA. I’ve posted my reference list on my site – http://t.co/lOO…