|
|
|
|
|
|
Posted: Tue Aug 24, 2004 11:29 pm
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/posts/say/say_b1_p.gif) |
My teachers made us learn an easy way to remember the important four principles of design, C.R.A.P. - Contrast, Repetition, Alignment, and Proximity. All of these make up a good designed piece.
Contrast- Contrast is one of the more important concepts in my opinion. It is also my favorite. If contrast is achieved it can make a piece much stronger. It makes someone see instantly what should be seen first, second, etc. What do I mean by contrast? A lot of things...
Text
![User Image - Blocked by "Display Image" Settings. Click to show. User Image - Blocked by "Display Image" Settings. Click to show.](https://graphics.gaiaonline.com/images/s.gif)
When it comes to text, contrast is important to grasp the reader's attention. It forms hierchy of what is the most important points and what goes from there. From this example you can see that the one on the left is pretty generic and dull. Creating high differences in point size (go all out, don't be a wimp), bolding text, or starting the first letter larger will make the entire presentation of text more interesting to read.
Color
![User Image - Blocked by "Display Image" Settings. Click to show. User Image - Blocked by "Display Image" Settings. Click to show.](https://graphics.gaiaonline.com/images/s.gif)
To create high contrast in color while maintaining harmony it's best to use colors that create a lot of opposition to each other. Such as using dull with bright colors, dark with light, or as this example shows on the right - complementary colors (those opposite on the color wheel). The design on the left shows that similar colors look nice but are more fit for a formal or calming design. Contrasting colors can be used to create depth and once again create hierchy of importance to a piece.
Shapes
1
2
To create contrast in shapes use differences like sharp with rounded shapes. Use them at different angles. Use different sizes. As you can see from the 1st example, creating an object with a different size will grab the viewer's attention a lot more than the monotony of the design on the left of number 1. In the 2nd example you see that the one on the left has all shapes of about the same size and proximity to one another, *yawn*. In the one on the right the design comes alive with music. It dances and shows energy. Shapes of different sizes going at different angles creates an interesting mix.
- I hope this lesson has been helpful. These are the bare basics of graphic design. The CRAP principle is something everyone should memorize who is interested in this field. Next lesson will be posted in about a week. If I have made any mistakes please contact me. Comments and opinions are welcome in the reply to this post.
|
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
|
![](//graphics.gaiaonline.com/images/template/s.gif) |
![](//graphics.gaiaonline.com/images/template/s.gif) |
|
|
|
|
|
|
|
|
Posted: Tue Aug 24, 2004 11:37 pm
|
|
|
|
|
|
|
|
|
Posted: Sat Aug 28, 2004 2:48 am
|
|
|
|
|
|
|
Posted: Sat Aug 28, 2004 5:06 pm
|
|
|
|
|
|
|
|
|
Posted: Thu Sep 02, 2004 5:01 pm
|
|
|
|
|
|
|
Posted: Tue Sep 14, 2004 8:56 am
|
|
|
|
|
|
|
|
|
Posted: Tue Sep 14, 2004 9:27 am
|
|
|
|
|
|
|
Posted: Wed Sep 15, 2004 4:12 pm
|
|
|
|
|
|
|
|
|
Posted: Wed Sep 15, 2004 5:02 pm
|
|
|
|
|
|
|
Posted: Wed Sep 15, 2004 5:42 pm
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
Okay well this is what I was taught.
Compostion: Balance, Symmetry, and Asymmetry Frame of Reference: Edges and Cropping Positive and Negative: This primarily deals with space (including figure and Ground) Movement/Direction: Kind of self explanatory Emphasis(focal point): Which covers contrast (with size/scale, shape/volume, position, Direction, Colour,& Tone/value) Dominance: slightly different from emphasis(which is designed to draw you eye to something different) it is an aspect that overall catches the eyes attention (example: Gaia colour scheme dominately is blue but empahsis is on the pink logo) Isolation Gestalt/Unity: overall piece works as a whole. Grouping Similarity Closure Rhythm pattern which cause the human mind to group things together (example •••8•••8•••8•••8 )* Repetition where a certain characteristic is repeated (example: heart whee domokun mrgreen ninja , All the these shapes are same size therefor size it repeated )
*Note the bullets may not show up!
okay so I was wrong there is more than 7. But some overlap so it it works out to a number close to 7. If there is any I need to explain more thoroughly let me know. I know that is will take me longer to find the elements of art. But if my memory serves me well the list includes: colour, hue, tone/tint, line, space, shape,and form. But I could be wrong. sweatdrop
|
![](//graphics.gaiaonline.com/images/posts/say/say_b3_p.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
|
![](//graphics.gaiaonline.com/images/template/s.gif) |
![](//graphics.gaiaonline.com/images/template/s.gif) |
|
|
|
|
|
|
|
|
|
|
Posted: Fri Sep 17, 2004 7:09 am
|
|
|
|
|
|
|
Posted: Fri Sep 17, 2004 10:47 pm
|
|
|
|
|
|
|
|
|
Posted: Sat Sep 18, 2004 2:44 am
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/posts/say/say_b1_p.gif) |
chaoschild Chisa I guess different schools teach it in different ways? chaoschild, would you mind going into more detail about the things that you mentioned? Like this one that OptimaClonic5 did? biggrin It's good to see the different ways that people learned things. sure just give me a day or to compile a few images. smile All I need to do is look through my old notes for some good examples. biggrin
That'd be great! Thanks! xd
|
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
![](//graphics.gaiaonline.com/images/s.gif) |
|
![](//graphics.gaiaonline.com/images/template/s.gif) |
![](//graphics.gaiaonline.com/images/template/s.gif) |
|
|
|
|
|
|
|
|
Posted: Sat Sep 18, 2004 10:00 am
|
|
|
|
|
|
![](//graphics.gaiaonline.com/images/template/s.gif) |
|
|
|
|
|