1 / 0

Design Principles

Design Principles. Four Main Principles. P roximity A lignment R epetition C ontrast. Proximity. Items relating to each other should be grouped close together. helps organize information, reduces clutter, and gives the reader a clear structure.

dee
Download Presentation

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. Design Principles

  2. Four Main Principles Proximity Alignment Repetition Contrast
  3. Proximity Items relating to each other should be grouped close together. helps organize information, reduces clutter, and gives the reader a clear structure. The Principle of Proximity states that you group related items together, seen as one cohesive group rather than a bunch of unrelated bits.
  4. Summary of Proximity The basic purpose of proximity is to organize. If organized, it is more likely to be read and more likely to be remembered. You create more appealing (more organized) white space (designers' favorite thing). How to get it Squint your eyes slightly and count the number of visual elements on the page by counting the number of times your eye stops. If there are more than threeto five items on the page (of course it depends on the piece), see which of the separate elements can be grouped together into closer proximity to become one visual unit.
  5. Alignment "Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page." The principle of alignment forces you to be conscious - no longer can you just throw things on the page and see where they stick. Unity is an important concept in design. The basic purpose is to unify and organize the page. It is often a strong alignment (combined, of course, with the appropriate typeface) that creates a sophisticated look, a formal look, a fun look, or a serious look.
  6. Text Alignment Until you have more training, stick to the guideline of using one text alignment on the page ~ either all text is flush left, flush right, or centered.
  7. Alignment continued How to get it Be conscious of where you place elements. Always find something else on the page to align with, even if the two objects are physically far away from each other. What to avoid Avoid using more than one text alignment on the page (that is, don't center some text and right-align other text). Try very hard to break away from a centered alignment unless you are consciously trying to create a more formal, sedate presentation.
  8. Repetition The Principle of Repetition states, "Repeat some aspect of the design throughout the entire piece." a bold font, a thick rule (line), a certain bullet, color, design element, particular format, the spatial relationships, etc. It can be anything that a reader will visually recognize. Repetition can be thought of as consistency: A conscious effort to unify all parts of a design. Don't overdo it with repetition, but do try "unity with variety." That is, if a repetitive element is strong, such as a circle, you can repeat the circle in a variety of ways instead of repeating the exact same circle.
  9. Summary of Repetition A repetition of visual elements throughout the design unifies and strengthens a piece by tying together otherwise separate parts. Repetition is very useful on one-page pieces, and is critical in multi-page documents (where we often just call it being consistent). The basic purpose The purpose is to unify and to add visual interest. Don't underestimate the power of the visual interest of a page - if a piece looks interesting, it is more likely to be read. How to get it Think of repetition as being consistent Then push the existing consistencies a little further - can you turn some of those consistent elements into part of the conscious graphic design, as with the headline? At first, simply find existing repetitions and then strengthen them. As you get used to the idea and the look, start to create repetitions to enhance the design and the clarity of the information. Repetition is like accenting your clothes. If a woman is wearing a lovely black evening dress with a chic black hat, she might accent her dress with red heels, red lipstick, and a tiny red corsage (but don’t overdue it!)
  10. Example To create a consistent business package with a business card, letterhead, and envelope, use a strong display of repetition, not only within each piece, but between all the pieces. You want the person who receives the letter to know you are the same person who gave them a business card last week. And create a layout that allows you to align the printed letter with some element in the stationery design!
  11. Contrast One of the most effective ways to add visual interest to your item The important rule to remember is that for contrast to be effective, it must be strong. Don't be a wimp. Contrast is created when two elements are different. If the two elements are sort of different, but not really, then you don't have contrast, you have conflict. That's the key-Robin's Principle of Contrast states, "If two items are not exactly the same, then make them different. Really different." Contrast can be created in many ways. You can contrast large type with small type; a graceful old style font with a bold sans serif font; a thin line with a thick line; a cool color with a warm color; a smooth texture with a rough texture; a horizontal element (such as a long line of text) with a vertical element (such as a tall, narrow column of text); widely spaced lines with closely packed lines; a small graphic with a large graphic.
  12. Summary of Contrast Contrast on a page draws our eyes to it; our eyes like contrast. If you are putting two elements on the page that are not the same (such as two typefaces or two line widths), they cannot be similar - for contrast to be effective, the two elements must be very different. Contrast is kind of like matching wall paint when you need to spot paint - you can't sort of match the color; either you match it exactly or you repaint the entire wall. The basic purpose Contrast has two purposes, and they're inextricable from each other. One purpose is to create an interest on the page - if a page is interesting to look at, it is more likely to be read. The other is to aid in the organization of the information. A reader should be able to instantly understand the way the information is organized, the logical flow from one item to another. The contrasting elements should never serve to confuse the reader or to create a focus that is not supposed to be a focus.
  13. Contrast How to get it Add contrast through your typeface choices, line thicknesses, colors, shapes, sizes, space, etc. It is easy to find ways to add contrast, and it's probably the most fun and satisfying way to add visual interest. The important thing is to be strong. What to avoid Don't be a wimp. If you're going to contrast, do it with strength. Avoid contrasting a sort-of-heavy line with a sort-of-heavier line. Avoid contrasting brown text with black headlines. Avoid using two or more typefaces that are similar. If the items are not exactly the same, make them different!
  14. Four Main Principles Proximity Alignment Repetition Contrast
More Related