Visual Interaction Design Reading List

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/

https://www.smashingmagazine.com/2010/02/color-theory-for-designers-part-2-understanding-concepts-and-terminology/

https://www.smashingmagazine.com/2010/02/color-theory-for-designer-part-3-creating-your-own-color-palettes/

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

erin
current: partner, tangible user experience :: a full-service user experience design consulting firm. former Yahoo! founder of the public and internal Yahoo! pattern library. dse. design director of ued teams responsible for designing solutions across key yahoo! platforms: social media, personalization, membership and vertical search.

2 Comments

Comments are closed.