1 / 23

Visual Design Principles

Visual Design Principles. The recipe to creating good graphic content!. Unity. Most important design principle but is most difficult to understand. Unity ties all other principles together If a project does not show unity it is unsuccessful. Unity.

rocio
Download Presentation

Visual Design Principles

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. Visual Design Principles The recipe to creating good graphic content!

  2. Unity • Most important design principle but is most difficult to understand. • Unity ties all other principles together • If a project does not show unity it is unsuccessful

  3. Unity • Unity is based on a theory that the viewer is actually looking for a connection between the elements, for some sort of organization, for unity in the design.

  4. How Mind Groups Elements • Proximity is based on grouping by closeness • the closer elements are to each other, the more likely we will see them as a group. • Proximity is one of the easiest ways to achieve unity.

  5. How Mind Groups Elements • Repetition is based on grouping by similarity • elements that are similar visually are perceived to be related. • Any element can be repeated – line, shape, color, value or texture • Repetition helps unify a design by creating similar elements and is one of the most effective ways to unify a design.

  6. How Mind Groups Elements • Alignment consists of arranging elements so that their edges are lined up. • The common alignment allows the eye to group those elements together.

  7. How Mind Groups Elements • Continuation means that something (a line, an edge, a curve, a direction) continues from one element to another. • The viewer’s eye will follow the continuing line or edge smoothly from one element to other and the mind will group the elements because of this connection.

  8. Contrast or Variety • This is the variation of elements • Variety is the complement to unity and is needed to create visual interest • Line – thinness, thickness, value, color, angle, length • Shape – size, color, orientation and texture, type • Color – hue, value, saturation • Value – darkness, lightness, high-key, low-key, value contrast • Texture – rough, smooth • Too much variety is confusing RIGHT?

  9. Emphasis • Creates a focal point of the design • (brings attention to what is most important) • How to create anEmphasis??????

  10. How to create emphasis • something different attracts the eye • line (a curve in the midst of straight lines) • shape (a circle in a field of squares) • color (one red dot on a background of grays and blacks) • value (a light or dark area in the middle of its opposite) • texture (rough vs. smooth)

  11. Things about emphasis • IF EVERYTHING WAS EMPHASIZED NOTHING WOULD STAND OUT!

  12. Balance Balance is the even distribution of images to create a pleasing visual effect. • Formal • Informal

  13. Formal Balance • All things are positioned symmetrically • It is human nature to want things balanced, otherwise we feel uncomfortable

  14. Informal • Not totally equal on each side of canvas • Achieved b changing value, size, or location

  15. Influences on Balance • Position – the further out an element is from the center, the heavier it will feel; a large object placed near the center can be balanced by a smaller object placed near the edge • Size – larger feels heavier • Texture – an element with more complex texture is heavier visually than one with a simple texture or no texture at all • Isolation – an isolated element has more visual weight • Value – darker feels heavier

  16. Influences Continued • Value contrast – the higher the value-contrast, the heavier the weight • Quantity – multiple small objects can balance one larger object • Orientation – a diagonal orientation carries more visual weight than a horizontal or vertical one • Shape – elements that have more complex shapes feel heavier than those with simple shapes • Color – the brighter and more intense its color, the heavier the element will feel

  17. Space • In 2 dimensional design, space is essential. • Created by illusions • Adds depth, reality.

  18. Ways to make Space • Size • Easiest to make • Large in front, smaller behind, objects are smaller the further away they are.

  19. Ways to make Space • Overlapping • Viewer perceives that since is is overlapping it is behind the object, even in 2D

  20. Ways to make Space • Compositional location • The higher an object is in a screen the further away it seems.

  21. Ways to make Space • Atmospheric prospective / Fading

  22. Ways to make Space • Linear perspective • Seems to recede into space • Shows great depth • Shows great focal points

  23. Examples

More Related