Design Resources
General Design & DesignBlitz Resources
Below you will find a set of general design resources as well as brief descriptions and resources for several concepts of visual / graphic design (Typography, Color, Minimalism, Affordance, Balance, Proportion, Unity, etc) that you will be using in your DesignBlitz assignment.
You should refer to and review the general resources as a way to familiarize yourself with concepts and approaches to design — they will prove helpful as you complete all your design work this week.
You should review the DesignBlitz concepts, specifically, to help you with that particular assignment. Your task is to get a basic understanding of these concepts, and spend this week searching for examples of them as you complete your DesignBlitz. Refer to this week’s assignment post for details about what you must do to complete the DesignBlitz.
NOTE: We’re not expecting you to read every article or watch/listen to every video or audio on this page. This is a resource page and you should refer to it, as needed, this week while you complete the design unit. We DO recommend that you spend some time reviewing at least some of the resources here because we think you will find them useful.
General Design Resources
What is Design?
What exactly is design? It factors into almost every object or thing we see on a regular basis. It involves the planning of an object’s presentation so that it achieves its purpose, be it a advertisement for chewing gum or a door knob. Is good design as noticeable as bad design?
- What Wikipedia says… http://en.wikipedia.org/wiki/Design
- The Principles of Design (Digital Web Magazine) http://www.idigital-web.com/articles/principles_of_design/
- Visual Design Theory (Basic Composition.com) (PDF) http://www.basiccomposition.com/resources/VISUALDESIGNTHEORY.pdf
- Everyday By Design What do 21st Century Digital Literacies Look Like? http://www.hastac.org/blogs/jennifer-jacqueline/2013/08/01/chapter-seven-everyday-design-what-do-21st-century-digital-lite
by Jennifer Stratton as part of HASTAC’s Field Notes for 21st Century Literacies http://www.hastac.org/collections/field-notes-21st-century-literacies
- How to learn Graphic Design (Karen Kovett video) http://www.youtube.com/watch?v=uHvMm4HgRCg
- Composition and the Elements of Visual Design http://photoinf.com/General/Robert_Berdan/Composition_and_the_Elements_of_Visual_Design.htm
- Every Apple Design in 30 seconds http://www.youtube.com/watch?v=ScHTwrvkOXA
- How to learn Graphic Design (Karen Kovett video) http://www.youtube.com/watch?v=uHvMm4HgRCg
- The Seven Components of Design http://www.vanseodesign.com/web-design/7-design-components/
- John Stossel on Graphic Design (“never use Comic Sans”) http://www.youtube.com/watch?v=1RqdZCo6vkI
- Collection of Bad Designs http://www.baddesigns.com/examples.html
- A Kid’s Guide to Graphic Design by Iconic Designer Chip Kidd (brainpickings) http://www.b
We Are All Artists
Listen to Tim Owens ” We Are All Artists” (MP3 file) as well as the list of sites below that he refers to in his talk. You may find several of these resources very useful to you as you complete your design assignments this week!
- Breakfast is Overrated
- Prelinger Archives
- Bathroom Stall Icon
- Kuler
- The Noun Project
- DaFont
- Stock Exchange
- Principles of Design
- Behance
- Smashing Magazine
- Threadless
- Abduzeedo
- Creative Business Cards
- Ffffound
- Dribbble
- Book Cover Archive
DesignBlitz Resources
Color
Color creates mood, draws attention to key elements. Good designs can use bold color or none at all (lack of color or monochrome makes a message too). What colors work well together? What methods of using color are more effective? What do saturate colors say as compared to pastels?
Resources
- Intro to Color Theory (Karen Avett video) http://www.youtube.com/watch?v=059-0wrJpAU
- Color Scheme Designer http://colorschemedesigner.com/
- Kuler http://kuler.adobe.com/
- Color Palette Generator (works with URLs from photos) http://www.degraeve.com/color-palette/
- Color Theory http://en.wikipedia.org/wiki/Color_theory
- The Dimensions of Colour http://www.huevaluechroma.com/
- Color Theory http://handprint.com/HP/WCL/wcolor.html
- How to use Color to advance your design http://www.vanseodesign.com/web-design/color-meaning/
- The Power of Color http://www.thecoolhunter.net/article/detail/1727/the-power-of-color
- Colors in Culture (a visualization), David McCandless, Information is Beautiful http://www.informationisbeautiful.net/visualizations/colours-in-cultures/
- Three Primary Colors (Sesame Street explains color theory in stopmotion video) http://www.youtube.com/watch?v=yu44JRTIxSQ
Typography
Typography “is the visual component of the written word” – It is the form in which text is displayed, and the characteristics of the type used- Is san serif always better? why or why not? What do aspects of font weight, style, spacing, kerning have to do with how a message is transmitted and received?
Resources
- What is Typography (good explanation from Typography for Lawyers) http://www.typographyforlawyers.com/?page_id=1300
- Basics of Typography (introduction) http://designinstruct.com/tools-basics/the-basics-of-typography/
- A 20 Minute Introduction to Typography http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/
- An Introduction to Typography http://www.youtube.com/watch?v=tWFWJGA7qrc
- What the Font (identify fonts from an image) http://new.myfonts.com/WhatTheFont/
- Fontshop tutorials (free PDFs) http://www.fontshop.com/education/
- How to Know the Five Fonts to Never Use http://www.youtube.com/watch?v=Y50Dmh3SWys
- Helvetica (documentary) http://www.helveticafilm.com/
- Let’s Talk Type http://www.scrapbookgraphics.com/vBulletin/showthread.php?5743-Let-s-Talk-Type-Part-1-Font-Families
Comic Sans Criminal – make sure you are not committing the crime http://comicsanscriminal.com/
Metaphors & Symbols
What are best practices for using symbols to represent objects, things, ideas? What works? How can complex ideas be represented in symbols?
Resources:
- Visual Thinking Basics (David Gray) http://www.davegrayinfo.com/2012/12/07/visual-thinking-basics/
- How to know what to draw (David Gray) http://www.davegrayinfo.com/2012/12/17/how-to-know-what-to-draw/
- Metaphors and schemas in design http://philosophe.com/design/metaphors/
- Role of Metaphors in Interaction Design http://www.slideshare.net/dansaffer/the-role-of-metaphor-in-interaction-design
- How to Manipulate in Design Using Metaphors http://kinobrand.com/how-to-manipulate-in-design-using-metaphors/
The Woman Behind Apple’s First Icons http://priceonomics.com/the-woman-behind-apples-first-icons/
Minimalism & Use of Space
Minimalism / Use of Space
How can designers do more with less? What makes elegant designs?
- Simply Clever: Beautifully Minimalistic Design http://www.visualnews.com/2012/01/21/simply-clever-beautifully-minimalist-graphic-design/
- Movie Posters Get the Pictogram Treatment http://www.visualnews.com/2011/03/28/movie-posters-get-the-pictogram-treatment/
- Clever Graphics That Make You Think http://www.visualnews.com/2011/01/14/bold-and-clever-graphic-design-by-viktor-hertz/
- Volkswagen Beetle Ad (1960) http://www.vintageadsandstuff.com/viewvwbug100.html and for that matter all of the VW ads http://www.vintageadsandstuff.com/adsautovwbug.html
- Showcase of Minimalist Design (Smashing Magazine) http://www.smashingmagazine.com/2008/11/17/showcase-of-minimalist-and-clean-designs/
- Creating Minimalist Designs Makes You a Better Designer http://webdesignledger.com/tips/creating-minimalist-designs-makes-you-a-better-designer
Form, Function, Message
Form/Function/Message
How well does design convey its meaning or potential use or real world objects?
Resources
- Design of Everyday Things by Donald Norman http://en.wikipedia.org/wiki/The_Design_of_Everyday_Things
- Collection of Bad Designs http://www.baddesigns.com/examples.html
Balance
Balance
“Balance is an equilibrium that results from looking at images and judging them against our ideas of physical structure (such as mass, gravity or the sides of a page). It is the arrangement of the objects in a given design as it relates to their visual weight within a composition. Balance usually comes in two forms: symmetrical and asymmetrical.”
http://www.digital-web.com/articles/principles_of_design/
The Everynone video Symmetry is a fantastic study on the ways things can display visual symmetry http://vimeo.com/22564317
Rhythm
“Rhythm is the repetition or alternation of elements, often with defined intervals between them. Rhythm can create a sense of movement, and can establish pattern and texture. There are many different kinds of rhythm, often defined by the feeling it evokes when looking at it.” http://www.digital-web.com/articles/principles_of_design/
Proportion
“Proportion is the comparison of dimensions or distribution of forms. It is the relationship in scale between one element and another, or between a whole object and one of its parts. Differing proportions within a composition can relate to different kinds of balance or symmetry, and can help establish visual weight and depth. ” http://www.digital-web.com/articles/principles_of_design/
Dominance
“Dominance relates to varying degrees of emphasis in design. It determines the visual weight of a composition, establishes space and perspective, and often resolves where the eye goes first when looking at a design.”
http://www.digital-web.com/articles/principles_of_design/
Unity
“The concept of unity describes the relationship between the individual parts and the whole of a composition. It investigates the aspects of a given design that are necessary to tie the composition together, to give it a sense of wholeness, or to break it apart and give it a sense of variety.”
http://www.digital-web.com/articles/principles_of_design/