1 / 38

Principles of Design in Vector Graphic

Discover the six principles of design that will help you create balanced, visually appealing vector illustrations. Explore balance, repetition, contrast, dominance, unity, and space to enhance your designs.

joshual
Download Presentation

Principles of Design in Vector Graphic

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CHAPTER 2(part 2) Design Production Principle Design In Vector Graphic

  2. What is principle design in vector graphic? • With the right combination of aesthetic and design, you can turn a good idea into a great piece of illustration. • There are SIX (6) principles that we can apply to our illustration. The principles are: • Balance • Repetition • Contrast • Dominance • Unity • Space

  3. Balancing • Balance is the equal distribution of visual weight in a design. • Visual balance occurs around a vertical axis; our eyes require the visual weight to be equal on the two sides of the axis. • When elements are not balanced around a vertical axis, the effect is disturbing and makes us uncomfortable . • FOUR (4) types of balancing are: • Symmetrical • Asymmetry • Radial • Crystallographic

  4. Balancing-symmetrical • Symmetrical, or formal balance, is also known as bilateral symmetry. • It is created by repeating the reverse of a design on the opposite side of the vertical axis; each side, in essence, becomes the mirror image of the other. • Symmetrical balance is considered formal, ordered, stable and quiet. It can also be boring. Symmetrical balance is often used in architecture.

  5. Balancing-symmetrical

  6. Balancing-asymmetry While symmetry achieves balance through repetition, asymmetry achieves balance through contrast. Asymmetrical, or informal balance, involves different elements that have equal visual weight; the weight is equal but the elements are not identical.

  7. Balancing- symmetrical & asymmetry

  8. Balancing-radial • Radial balance occurs when all the elements radiate out from a central point and the visual weight is distributed equally. • Radial balance creates a strong focal point in the center of the design. Clock faces and daisies are examples of radial balance.

  9. Balancing-radial

  10. Balancing-crystallographic Crystallographic balance, or an allover pattern, is created by repeating elements of equal weight everywhere. Emphasis is uniform; there is no distinct focal point. Chessboards are examples of crystallographic balance.

  11. Balancing-crystallographic

  12. Repetition • Repeating visual elements such as line, color, shape, texture, value or image tends to unify the total effect of a work of art as well as create rhythm. • is the use of similar or connected pictorial elements.  For example, similar shapes, colours or lines that are used more than once • can be regular or irregular and even or uneven.

  13. Repetition • Can be in the form of RADIATION where the repeated elements spread out from a central point. • may be in the form of GRADATION where the repeated elements slowly become smaller or larger.

  14. Repetition Sample

  15. Contrast • Refers to the arrangement of opposite elements. • The opposite elements are: • light vs. dark colors • rough vs. smooth textures • large vs. small shapes • Apply to a piece to create visual interest, excitement and drama. • There are THREE (3) main purpose of contrast: • Attractive to the eye • Aid organization of information • Created a focus

  16. Contrast 1. Contrast is attractive to the eye • One of the main reasons to use contrast in your designs, whether for print or web, is to grab attention. • These site design uses contrast to make an impact. The site has large bold text and images, as well as a reversed out, high contrast color scheme.

  17. Contrast 2. Contrast aids organization of information • Not only is a page more attractive when contrast is used, but the purpose and organization of the document are much clearer. • In the magazine spread below, studio8 have used Contrast, Balance and Proximity laws to produce an unusual, eye-catching page.

  18. Contrast 3. Contrast creates a focus • The famous adverts for the iPod expertly used contrast to focus the viewers attention on the music player. • The ads featured a silhouetted character on a brightly colored background. The iPod and earphones appear in white and stand out clearly against the silhouettes and colored backgrounds.

  19. Dominance • Dominance is created by contrasting size, positioning, color, style, or shape. • There are THREE (3) types of Dominance: • Dominant • Sub – Dominant • Subordinate

  20. Dominance • Dominant: The element given the most visual weight, the element of primary emphasis. • The dominant element will advance into the foreground in your composition.

  21. Dominance 2. Sub-Dominant: The element(s) of secondary emphasis that will become the middle ground in your composition.

  22. Dominance 3. Subordinate: The elements with tertiary emphasis, given the least visual weight. Subordinate elements will recede into the background of your composition.

  23. This is a good example of dominance used in graphic design. The words “No More War” are the dominant feature of the article and attract the readers attention. The sub-dominant feature is the blue writing and the sub ordinate feature is the article itself.

  24. Dominance-where is dominant, sub-dominant and subordinate?

  25. Unity • Unity is the relationship among the elements of a visual that helps all the elements function together. • Unity gives a sense of oneness to a visual image. In other words, the words and the images work together to create meaning. • Unity helps organize a visual image, facilitating interpretation and understanding.

  26. Unity This visual is confusing. It is hard to see the relationships between the various parts.

  27. Unity With better unity, the visual is now organized and easier to understand

  28. This advertisement for coke shows unity with the colors and shapes and text it uses throughout the entire picture.

  29. Space • Space, in two-dimensional design, is essentially flat; it has height and width, but no depth. • There are certain visual cues, however, that can create the illusion of space in the mind of the viewer. By using those cues, artists and designers can create images that are interpreted as three-dimensional. • There has FOUR (4) types of space: • Size • Overlapping • Compositional • atmospheric

  30. Space-size • Size is one of the easiest ways to create the illusion of space. • A larger image will appear closer than a smaller one because we observed (very early in life) that objects appear to become smaller as they get farther away.

  31. Space-overlapping • Overlapping is another easy way to suggest depth in an image. • When objects overlap each other, the viewer perceives the one that is covering parts of other to be in front and the one that is covered to be in the back.

  32. Space-compositional • Compositional location refers to where a form is positioned vertically in the image.

  33. Space-atmospheric • Atmospheric perspective uses value, contrast and color to give the illusion of space. • Atmospheric perspective is based on the fact that the farther something is away from us, the more the atmospheric haze may obscure our view of it.

  34. Any questions?

  35. THANK YOU END OF CHAPTER 2

More Related