Winter Quarter Design Process

What exactly do we need to process?

Critical thinking

Designers have to step out of their comfort zones to think and think again.

How brains work

All the visual organizing we call design is catering to the whims of brains.

The elements and principles of design

Our terms, tools, and graphic raw materials.

Design practices

What do designers do, how do they behave; are they logical, emotional, intuitive, creative...?

•••••••••••••••••••••••••••••••••••••••••••••••••••••

Critical thinking

How brains work

  1. Our Brains, and the brains of our audience
  1. Brain function-Left brain and right brain
  1. Personas and stereotypes

The elements and principles of design

From Robin Williams and her Non-designers books:

Contrast, Repetition, Alignment, and Proximity

From Graphic Design Solutions:

Elements: Line, Shape, Figure/Ground, Color, Texture

Principles: Format, Balance, Visual Hierarchy, Emphasis, Rhythm, Unity,

Laws of Perceptual Organization, the Gestalt principles: Similarity, Proximity, Continuity, Closure, Common Fate, Continuing Line.

Correspondence

Scale, proportion, mathematical ratios and proportional systems

Illusion and the manipulation of graphic space: Volume, trompe l’oeil, perspective

Design practices

This is a discussion of roles and titles. Few people can explain what these titles mean: http://danielmall.com/articles/on-creative-direction/

and… http://alistapart.com/article/art-direction-and-design

Interviews stored in our Disciplines/Student Resources/Movies and audio folder.

Zipline’s Shawn Davis-what he looks for in a new designer; as an intern; as an employee?

Our students talked with Paula Scher and Kit Hinricks, both partners in Pentagram.

And, more...browse the folder.

Designers jump back and forth in mind modes:

Filmmaker, the late Hillman Curtis, gives us some of the thought leaders:

http://hillmancurtis.com/artist-series/

Paul Rand Lecture Series at SVA by Steven Heller:

http://design.sva.edu/search/Paul%20Rand%20Lecture%20Series

Nigel French’s design overview and grids

http://files.nigelfrench.com/intype/IDM_Issue_53_one-up.pdf

A Smashing Magazine series on design:

http://www.smashingmagazine.com/2014/03/28/design-principles-visual-perception-and-the-principles-of-gestalt/

http://www.smashingmagazine.com/2014/12/12/design-principles-visual-weight-direction/

Well worth two hours of viewing, Paul Boag explains Web Design in 9 short videos:

http://blog.templatemonster.com/2015/08/24/learn-web-design-basics-paul-boag/

The movies every designer should watch:

http://www.fastcodesign.com/3041441/22-movies-every-designer-should-watch-on-netflix#1

https://99designs.com/designer-blog/2013/07/09/12-documentaries-every-graphic-designer-should-see/

Helvetica, the movie; https://vimeo.com/148266054 or https://www.youtube.com/watch?v=fhWWzVgykn0 

Everything is a Remix: https://www.youtube.com/watch?v=d9ryPC8bxqE

Color theory and tools

Style boards and mood boards

Duffy & Partners really does Mood Boards…

this is what Duffy produces

http://vimeo.com/duffypartners

http://duffy.com

on Duffy Thoughts movie, 3:45 shows mood boards being made

A review of a Duffy talk: http://scaddistrict.com/designing-the-past-present-and-future-with-duffy-and-partners/#!prettyPhoto

another, with a lot of mood board discussion: http://www.underconsideration.com/speakup/archives/004858.html

another, more philosophy and business: http://stocklogos.com/topic/brand-thinking-interview-joe-duffy-chairman-duffy-partners

A How mag article: http://www.howdesign.com/design-business/6-tips-from-joe-duffy/

A robust 24 tips for mood boards: http://www.creativebloq.com/graphic-design/mood-boards-812470

Yummygum mood boards.

http://blog.yummygum.com/post/36665773311/using-style-boards-in-the-design-process

Web Designer Depot on mood boards http://www.webdesignerdepot.com/2008/12/why-mood-boards-matter/

Vanseo design; talking about the client communication process. Mood boards, style tiles, style guides: http://www.vanseodesign.com/web-design/style-guides-mood-boards-style-tiles/ 

related to above, another Viget Labs page, good examples: http://viget.com/inspire/mood-boards-dressing-for-different-occasions

http://viget.com/inspire/behind-the-scenes-mood-boards

This Smashing Magazine article featured Paul Boag, on working with clients. He linked to http://www.designmeltdown.com/ and Google Images and  Flickr for mood board resources.

Yummygum has thrown in with more mood boards: http://blog.yummygum.com/post/102354528229/why-you-should-be-using-mood-boards-in-your-design

Wireframing

From WebTuts, a nice intro to wireframing:

http://webdesign.tutsplus.com/articles/a-beginners-guide-to-wireframing--webdesign-7399

wireframing tools lists:

http://www.creativebloq.com/wireframes/top-wireframing-tools-11121302

Templates for wireframing:

http://speckyboy.com/2014/03/31/20-free-web-mobile-wireframe-templates/

http://www.smashingmagazine.com/2010/02/05/50-free-ui-and-web-design-wireframing-kits-resources-and-source-files/

BootStrap

A good intro to Bootstrap for designers: https://gianthatworks.com/entry/bootstrap-for-designers

Sample Menus

An online design service. Has templates to study. http://www.musthavemenus.com/menu/nextgen/gallery.do

Free templates: http://designscrazed.org/free-restaurant-menu-templates/

Old InDesign templates in CS4; http://indesignsecrets.com/resources/indesign-templates

templates for sale (don’t buy, look):  http://graphicriver.net/item/retro-style-menu/2596441?ref=Blogsizzle&ref=Blogsizzle&clickthrough_id=322381261&redirect_back=true

Restaurant business and design tips

 http://www.musthavemenus.com/guide/menu-basics/restaurant-menu-design-tips.html

http://99designs.com/designer-blog/2014/05/14/menu-design-roundup-tips/

http://www.thrillist.com/eat/nation/restaurant-menu-secrets-menu-design

http://restaurants.about.com/od/menu/a/Menu_Design.htm

Menu showcases:

http://www.topdesignmag.com/15-great-examples-of-menu-designs/

http://www.stocklayouts.com/Templates/Menu/Menu-Templates-Designs-Library.aspx

http://www.softcafe.com/menupro-menu-design-samples.htm

http://www.myexamplerestaurant.com/

http://airows.com/art-of-the-menu-50-examples-of-brilliant-menu-design/

http://airows.com/art-of-the-menu-50-examples-of-brilliant-menu-design/

http://www.creativebloq.com/design/creative-menu-designs-1131620

http://designbump.com/restaurant-menu-designs/

http://jayce-o.blogspot.com/2012/12/45-inspiring-examples-of-restaurant.html

Mobile Navigation

Ethan Marcotte started the responsive movement.

This is the article everyone mentions as the tipping point towards mobile sites.

http://alistapart.com/article/responsive-web-design

http://bradfrost.com/blog/web/responsive-nav-patterns/#footer-only

http://www.sitepoint.com/5-examples-patterns-mobile-navigation-menus/

http://www.smashingmagazine.com/2013/09/11/responsive-navigation-on-complex-websites/

http://www.webdesignerdepot.com/2012/11/best-practices-for-navigation-on-the-mobile-web/

For the menu project:

Do mind mapping to pick out traits for mood boards.

Have everyone pick or be assigned a trait to gather parts

We will combine and contrast the results, and use them.

Mood boards can be a combination of menu samples and any samples.

This Smashing Magazine article featured Paul Boag, on working with clients. He linked to http://www.designmeltdown.com/ and Google Images and  Flickr for mood board resources.

Miscellaneous resources

  1. Design history and analysis; Paul Rand Lecture Series by Steven Heller: http://design.sva.edu/search/Paul%20Rand%20Lecture%20Series
  2. Steven’s Daily Heller: http://www.printmag.com/daily-heller/
  1. https://yadi.sk/i/BpwdMOypc7prb

Time machine:

You can find back issues of magazines, and their ads at Google Books. They are not current but can give a look into the past of advertising, and culture. https://books.google.com/books

This is pretty important!

Follow the money - what do designers sell, how do they get paid?

http://www.davidairey.com/how-designers-charge-their-clients-part-1/

http://www.functionpoint.com/blog/bid/90690/Pros-Cons-of-Billing-Agency-Services-Hourly-vs-Flat-Fixed-Fee

http://alistapart.com/article/pricing-strategy-for-creatives

http://agencymanagementinstitute.com/value-pricing-for-advertising-agencies-its-time/

http://www.forbes.com/sites/willburns/2013/06/21/when-it-comes-to-advertising-agencies-small-can-be-big/

http://www.forbes.com/sites/willburns/2013/04/25/the-pitch-and-its-costly-blind-spot/

Straight talk about dealing with clients:

The 36Point: Reflex Blue podcast has discussed business reality, in a frank and informal way. Seek out season 3, shows #63-68. Don’t try to freelance without listening to these.

Who and what is happening?

The purpose of Process.

What designers do, think, act like?

Look at the field and resources

Critical thinking

Storytelling

33 meetings

11 weeks for discussion topics:

Thinkers

Movies

Web Sites

Studio tours

What do you want to find out?

Discussions-2016

Remix

Steven Heller design

Milton Glaser

What’s in a job title

Millman’s Sinek

Perceptual organization

Hillman Curtis

DTD time management-Boag Time episode