the studio education

Education > Introduction to Design


Design For Communication Spring

Description:

In the 2nd half of Design for Communication, students investigate projects that follow the various sub-fields of the profession as they deepen their understanding of contemporary design thinking. New ways of exploring Identity (including experience design), Interactive (including the concept of responsive device design), and contemporary publication design (including on-demand publishing and e-publishing) Projects include Identity, Interactive, Information and Wayfinding. The relationship between designer, client and audience is central to all discussions and work created.
Prerequisites: Design for Communication 1 or permission of instructor


Objectives:

By the end of this course, students will have a broad understanding of the field of Communication Design. They will showcase their knowledge of Identity, Interactive and Information Design by creating identity systems, responsive graphic user interface designs, and information pieces.


Syllabus

(Below you see a broad overview of the course. Please download the Course Syllabus) file to see the current and complete schedule

Course Overview and assignments

Intro:

Welcome Back

Course Syllabus

 

1-18:

Identity

1.Identity

brief.zip

The Brand Gap

 

1-25:

Identity First Presentations

Bitter Pill

Problem Solution

Article - When I Talk About Branding

Article - Uber's New Brand

Uber's Brand Site

 

2-1:

Identity Roughs

Layout for Book

 

2-8:

Identity 2nd Presentations

Iterations and book layout due

 

2-15:

Identity 3rd Presentations/ small groups

Iterations and book layout due

Peer Reviews

 

2-22:

Identity Workday

Mag+ and alternative methods of E Pubs

Introduction to Experience Design

 

3-1:

Identity Final Presentations

Send books to Blurb, HP Magcloud, or Lulu

Start Interactive

2.interactive

CodeCademy

First Steps to Learning to Code

Code Conquest Training Reviews

 

3-8:

Graphic User Interface and Responsive Design

2.interactive

Interactive Structure

Web 101

960 Grid System

Intro to Interactive PDF

Special Resource Section on Interactive

Interactive Iterations 1 Presentation

 

3-15:

Spring Break (no classes this week)

 

3-22:

Presentation Methods for GUI

GUI Presentation

 

3-29:

Interactive

 

4-5:

Interactive Final Presentation

Information

3.Information

Five Grand Principles

Samples from Pino Trangu's Classes at SFSU

 

4-12:

Information

Individual Work Day

 

4-19:

Information

Experience Design and Work Day

 

4-26:

Spring Show (Final Dates TBD)

Wayfinding Charette

Best Practices and Prep for Final

 

5-3:

Final Critique

All Work From Semester

 



Liquid Agency cardboard Fender Guitar

Cardboard Stratacaster Guitar built by Fender and Ernest Packaging as part of a viral marketing campaign by Liquid Agency, a leading brand and design firm out of Silicon Valley.


Course Extras

External Links

Interactive Links

John Oliver's Rant on Net Neutrality

Wahington Post's Express Story on Oliver (pg 10)

Awwwards.com

 

Articles

How Bad UX Killed Jenny

Marty Neumeier on What Stops Imagination

Graphic Design Criticism as a Spectator Sport

Would You Buy A Logo From This Man?

8 Simple and Useful Tips for Kerning Type

Brand Guideline Samples

Santa Brand Book

Macaroni Grill Brand Example

Presentations

1/18 - Where You Are

3/01 - Web 101

3/01 - Structure and Sitemap

Kern Tips

Resources



Graphic Design: The Forgotten Web Standard - Slides in 3 Minutes from Mike Kus of Carsonified on Vimeo.



Behind the scenes of producing the Popular Science+ from Bonnier on Vimeo.