When I think of design elements color or the lack thereof is the first thing that comes to mind. Color is probably the most crucial element in fostering human emotion, by creating a mood. The color wheel is your best friend:
-Primary colors: Red, Yellow, Blue
-Secondary colors: Orange (R+Y), Green (Y+B), and Purple (R+B)
-Terceira colors: Red-Orange, Yellow-Orange, Yellow-Green, Blue-Green, Blue-Purple, Red-Purple
-Warm Colors: Red, Red-Orange, Orange, Yellow-Orange, Yellow, Yellow-Green
-Cool Colors: Green, Green-blue, blue, blue-purple, purple, red-purple
*Red, Green, and Grey can be warm or cool depending on saturation
- Adding white creates tints (x-axis), adding black creates shades (y-axis)
- Hue is what color, Saturation is how intense the color is, the value is how light/dark a color is
- Color Schemes
- Monochromatic – everything is the same hue, but different tints/shades
- Analogous- colors that are next to each other in the color wheel
- Complimentary – colors directly opposite the color wheel
Color doesn’t always mean childish, primitive, or wild color can actually display sophistication and elegant better than black and white.
This is the color scheme carried out throughout my room and bathroom. I learned that it is analogous color scheme with brown & white as my neutrals. They are also warm colors.. mmmm cozy!
Is simply the arrangement of type. However, typography can affect the mood or tone of one’s message. Remember when you were learning to write and you were given that big paper with two lines and a dotted line in the middle? You were given that paper to help guide your type… type has five line that help guide the text (you already know the Cap Height/Cap line aka the top, x height/midline aka the dotted line, and the baseline aka the stop line) from learning letter writing. But, remember when you wrote “y” or “g” and the tail of that extend down off the baseline. Although there wasn’t an actual line there on your paper, that line is called descender height/beardline. Furthermore, you probably never distinguished this but the Cap line and the Ascender height/topline are very different. Cap height is for capital letters, while ascender height is for those tall letters like “k” “t” or “h”. You probably never had a distinguishing line because these lines almost sit on top of each other.
When you “double space” your paper you are increasing the space between your lines. This is called leading.
Maybe you have played around with word or paint and you put a space in-between you letter in order to make the letters more distinct? This is called kerning.
Alignment: normal right (default/most common), left, center, justified (it spaces out to fill the margins)
Two common typeface classification are “Serif” and “Sans-Serif”. “Serif – these typefaces are the more traditional ones. They are distinguished by a short line or finishing stroke on the end of character” http://psd.tutsplus.com/articles/techniques/a-20-minute-intro-to-typography-basics/) . Sans- Serif means “without serifs” or without the strokes at the end of the character.
Top 5 fonts not to use:
- Arial – old, comfortable, blah sans-serif
- Times New Roman- boring, has Serif, old and overused (but if your teacher requires it, t hen just grin-and-bear-it) If you want to be classic, choose Verdana.
- Comic Sans
- Curlz- way too over the top
Often used to explain something unfamiliar in terms of the familiar (it is like). I really like this example from http://www.slideshare.net/dansaffer/the-role-of-metaphor-in-interaction-design
Affection is Warmth
-My love for her still smolders
-They gave me a warm welcome
-He’s a warm person
-It took a while to warm up to the topic
Think about all the metaphors/symbol you see on a daily bases – aka sign in particular road signs
Look how confusing these road signs are! The symbols are extremely similar, yet suggest two very different things.
This is a UMW t-shirt for “d.o,t challenge” or “do one thing challenge” from last year. It suggests that I pledged to do one act of kindness a day.
Minimalism and use of space
This is the idea that less is really more. In the design world we see people push and push to add more, but sometimes not adding more makes the message so much clear. Other times, the message is so obvious, but we have to think about it. Let’s face it …it’s more fun that way. Here is the low-down on minimalism
– Have very few elements incorporated in them
– Designer has to pickier and purposeful
– Don’t be afraid of white space.. it is necessary and helps the viewer focus on the important elements
Questions: How well the design convey it meaning, potential use, or real world object?
Affordance- how the actual design gives instruction or hint on how to use the object
User-centered design – primary focus is on functionality not aesthetics
When design keep in mind the key focus or function, then run the design past a friend or few… did you find a pitfall, think about all the ways someone could logically misuse the design. FIX it!! Make it idiot proof!
Seriously, who designed this building? There are four sets of stairs…but only one goes down to the basement to the laundry.
This metal lap gets so hot! Not a very smart design… why would you make a swivel neck to the lap if you can’t touch it!
- Symmetrical- evenly distributed weight of a composition around the central vertical or horizontal axis
- Asymmetrical-weight is not evenly distributed around a central axis. Object balan one another with their respective visual weight- dominant effect.
At the beginning of the year, I put up wall stickers. Who knew I had balance them symmetrically? I just felt that it looked good- both color, size and number are balanced.
When you think of rhythm, think of intervals. It can create a sense of movement or pattern.
- Regular: A regular rhythm occurs when the intervals between the elements, and often the elements themselves, are similar in size or length.
- Flowing: A flowing rhythm gives a sense of movement, and is often more organic in nature.
- Progressive: A progressive rhythm shows a sequence of forms through a progression of steps.
This is my chair! Look at how the intervals are evenly spaced creating a pattern. This is called regular rhythm.
Is the scale of the element in relation to another element. It can create weight, depth, symmetry, etc.
The apple is proportionally huge compared to the pumpkin and pinecone, yet they balance each other out.
Where is the emphasis in the design? It helps establish perspective. There are three stages of dominance.
- Dominant: The object given the most visual weight, the element of primary emphasis that advances to the foreground in the composition.
- Sub-dominant: The element of secondary emphasis, the elements in the middle ground of the composition.
- Subordinate: The object given the least visual weight, the element of tertiary emphasis that recedes to the background of the composition.
Think about foreground, middle ground, bad ground.
Might be the most important element of design! It means that all the pieces come together to form something- concept, function, etc. Having unity gives the view a sense of wholeness and correctness. Without unity one gets a sense of variety, confusion, “something is missing”, which could be the purpose of the design.