1 / 33

Principles of Visual Design

Principles of Visual Design. Composition, Elements, Content. Composition. The way that elements of a design are visually combined and arranged. Consists of the placement, alignment, grouping, visual flow, division of space, etc. of elements. T raditionally known as the “Principles of Design”.

avon
Download Presentation

Principles of Visual Design

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. Principles of Visual Design Composition, Elements, Content

  2. Composition The way that elements of a design are visually combined and arranged. Consists of the placement, alignment, grouping, visual flow, division of space, etc. of elements. Traditionally known as the “Principles of Design”.

  3. Elements The pieces that are being arranged within a composition. Could also be thought of as components or pieces. Includes the traditional “Elements of Art” or in Graphic Design, the logos, text, photographs, illustration, linework, borders and background of a piece.

  4. Concept Theme, connotation, message, style… The thought or idea behind the design. Responsible for delivery of the desired message.

  5. Design works when all three of these – composition, elements and concept – work in unison around a properly identified audience and purpose.

  6. Composition Principles of Design

  7. Layout Noun or Verb… A plan or design of something. The process of arranging editorial content, advertising, graphics and other information to fit within certain constraints. Sometimes used as a synonym for composition (noun).

  8. Every layout begins as empty space.

  9. It does not matter how good the element is, if it is not placed correctly it is DOOMED.

  10. Effective placement and divisions of space are like grammar for visual vocabulary.

  11. The point of design is to communicate.

  12. The Principles of Design help you communicate ideas.

  13. Principle of Unequal Spacing Variety is the Spice of Life

  14. Variety A Principle of Design Variety adds interest Variety in spacing of points makes a composition interesting

  15. Point Point, dot, spot… An Element of Art For our purposes today, a point is going to be a dot. A point could also represent a point of interest in a design or photograph

  16. Try it. Place one point in each of the boxes. Make sure it is placed a different measurement from each edge. Make each composition distinctly different from the others.

  17. Now try it with two dots. Make sure the measurement between the dots is unique as well.

  18. Instead of dots, use rectangles of various proportions.

  19. The Point? Appropriate placement of elements doesn’t “just happen”. Become aware of the spatial relationships of the elements of your designs. The more you think about it, the more you won’t have to.

  20. Division of Space Lines

  21. When a line (or implied line) is used to divide space in a design or photograph, its placement falls under the Principle of Unequal Spacing as well.

  22. Dead-center placement creates a static, uncreative image. The viewer doesn’t know where to look – both halves are given equal weight.

  23. Horizon Lines An implied line is created where the sky and the ground meet in a photograph or illustration. Placing it in the center of the space confuses the viewer – is it the sky or the ground they are supposed to look at?

  24. Horizon Lines, cont. Get out your horizon line photographs and an extra piece of paper. Use the paper to crop the image – move the horizon line up and down in the image. Try out extremes – move it WAY up or WAY down and see what happens.

  25. When the horizon line is in the top half of the image, where do you look? What is the focus of the picture now?

  26. When the horizon line is in the bottom half of the image, where do you look? What is the focus of the picture now?

  27. Slightly Off-Center Slightly off-center isn’t much better than dead center. In fact, it could be worse. Slightly off-center makes it look like you are unsure of where to place something or were to lazy to do it right.

  28. OWN the placement of your elements! It is better to be extreme in the placement of elements than wishy-washy.

  29. The Rules Why You Have to Learn Them

  30. Why Rules? Rules help you develop an understanding of how design works. Rules tell you what a design is trying to communicate. Rules tell you how to accomplish a look, feeling or idea visually.

  31. You learn the rules so you know when to break them.

  32. For Instance The Principle of Unequal Spacing creates visual movement and interest within a piece. What if you don’t want visual movement? You would place it dead center. Centering the point of interest draws immediate and final attention.

  33. Homework Observe the world around you. Look at design work in magazines, newspapers, advertisements, movie posters… Examine the placement of the point of interest in these images. How often do you see dead-center placement? What kind of designs use this? Why do you think that is?

More Related