Resource sharing: a Design Basics module

Apr 29, 2013

—

This is a quickly-gathered list of topics and links to give a simple overview and some foundation of design. I originally shared this with my teammates, but I’m putting it here for anyone who might want to check the list out.

(This may not be the best list out there, but it is a quick overview or summary, if you wish, with the goal of pointing people towards the right direction.)

Design Basics

Intro to learning design – http://www.vanseodesign.com/web-design/learning-when-overwhelmed/

Design – Visual and interactive communication

http://nwrain.net/~tersiisky/design/design.html

Visual design elements

1.line

2.shape

3.color

a.hue – pure state (red/blue/green, etc.)

b.value – lightness or darkness

c.saturation – (intensity or chroma) brightness or dullness

– saturation levels for screen and print are different. i.e. what looks bright on Photoshop may not print at the same level of brightness

4.value (relative lightness or darkness) – adds volume, feeling, creates mood

5.texture – surface quality, roughness or smoothness

Design principles

1.unity

2.variety

3.emphasis

4.balance

5.scale

http://www.auburn.k12.ca.us/ev-cain/Teachers/Sarradet/Presentations/Art%20Principles.pdf

http://www.slideshare.net/mindartpower/principles-of-design-nf

http://markwmcginnis.wordpress.com/2010/10/09/design-the-parts-and-the-whole-chapter-11-unity-and-variety/

Gestalt theory