Graphic Design/Principles of Design

From Wikibooks, open books for an open world
Jump to navigation Jump to search

Some of the most commonly acknowledged principles of design are alignment, balance, contrast, proximity, repetition, and white space. These are all elements of graphic design "composition." Additionally, compositions are evaluated based on the use of (and the successes or failures of) harmony, emphasis, gestalt, pattern, movement, rhythm, proportion, and unity.

What is Graphic Design?[edit | edit source]

Graphic design are definitions, rules and considerations of design applied to the visual medium, for communication by the use of visual objects that may include words, lights, graphs and shapes to pass information to the viewer. Graphic design can be used for advertising, or just for entertainment intended for the mind. From clarification or expansion of information via visual aids to the arousal of emotional and aesthetic feelings in an artistic way. It may be a contributor to many other forms of art and craft, for example the elaboration of typefaces used in print and media, the order and flow of presentation of a cartoon, to the creation of road signs or even emoji. Graphic design considerations influence all visual aspects of our technological society and is an intrinsic part the shared human culture.

Alignment[edit | edit source]

Alignment is the act of keeping design objects in line - not only vertically or horizontally, but across any linear plane. Alignment can also be done respectively, i.e. one design element is positioned with respect to another element within the same frame.

Balance[edit | edit source]

Designs in balance (or equilibrium) have their parts arrangement planned, keeping a coherent visual pattern (color, shape, space). "Balance" is a concept based on human perception and the complex nature of the human senses of weight and proportion. Humans can evaluate these visual elements in several situations to find a sense of balance. A design composition does not have to be symmetrical or linear to be considered balanced, the balance is global to all elements even the absence of content. In this context perfectly symmetrical and linear compositions are not necessarily balanced and so asymmetrical or radial distributions of text and graphic elements can achieve balance in a composition.

Contrast[edit | edit source]

Distinguishing by comparing/creating differences. Some ways of creating contrast among elements in the design include using contrasting colors, sizes, shapes, locations, or relationships. For text, contrast is achieved by mixing serif and sans-serif on the page, by using very different type styles, or by using type in surprising or unusual ways. Another way to describe contrast, is to say "a small object next to a large object will look smaller". As contrast in size diminishes, monotony is approached.

Emphasis[edit | edit source]

Making a specific element stand out or draw attention to the eye. Emphasis can be achieved in graphic design by placing elements on the page in positions where the eye is naturally drawn, by using other principles such as contrast, repetition, or movement. Bold and italic type provides emphasis for text. Graphic elements gain emphasis through size, visual weight, color, complexity, uniqueness, placement on the page, and other features.

Gestalt[edit | edit source]

Sometimes considered a distinct principle of design, gestalt is the concept that "the whole is greater than the sum of its parts." Gestalt is a concept from psychology, where theorists note the propensity of humans to conceptually group things together to make a meaningful whole. When viewing designs, humans apply this principle unconsciously by seeing connections and relationships among and between the elements in the design. The overall perception of gestalt in a design is created through harmony, unity, balance, proportion, proximity, and other visual cues. Designers can use this principle to create visual connections and relationships that clarify and strengthen the overall "feel" and meaning of the design.

Harmony[edit | edit source]

As with music, graphical elements can be said to be working in harmony - the individual parts come together as visually compelling and a meaningful whole. Disharmony can also be used just as it is in musical compositions: to enhance the emotional complexity, to challenge the viewer, and to give a contrast within the overall composition.

Movement[edit | edit source]

Movement is creating an instability, making motion to blur the image. Movement can be achieved by using graphic elements that direct the eye in a certain direction such as arrows that point the way overtly or a series of lines or dots that get progressively larger or smaller, creating a more subtle sense of movement. Movement can be accomplished simply by using a photograph or clip art of something moving - a runner - as opposed to something stationary - a person standing.

Proportion[edit | edit source]

  • This indicates the relative visual size width, and weight of a particular graphical elements in a design composition.
  • Visual elements create a sense of unity where they relate well with one another.
  • Proportion is the relationship of two or more elements in a design and how they compare with one another. Proportion is said to be harmonious when a correct relationship exists between the elements with respect to size or quantity.
  • The effective use of proportion in design is often referred to as harmony, a relationship in which the various elements of the composition appear as if they belong together in size and distribution.
  1. Example-if one figure is made to look larger compared to other figures in a composition, it is said to be out of proportion and is given greater importance.

Proximity[edit | edit source]

Closeness or distance of individual design elements. Close proximity indicates a connection. Proximity means grouping elements together so that you guide the viewer/reader to different parts of the message.

Repetition[edit | edit source]

Repeating a sequence; having it occur more than a few times. In design, repetition creates visual consistency in page designs, such as using the same style of headlines, the same style of initial capitals, or repeating the same basic layout from one page to another.

Excessive repetition (monotony) may lead to boredom and uninteresting compositions. If one cannot avoid excessive repetitions for any reason, do not forget to add some visual breaks and white spaces where eyes can rest for a while.

Rhythm[edit | edit source]

A strong, regular, repeated pattern of movement or sound. Successful designs have an effective ebb and flow. Text and Graphics should seem to be paced and patterned. Spacing is an effective application of this principle. Second, human beings are more comfortable with variation in general. Psychologically, most any serious lack in variation of anything (a solid, a line, a sound, a situation) can become very boring. Adding a little variation at non-specific intervals (every now and again) gives most any design an interesting appeal as long as it is not overdone.

In setting type, rhythm can be created or disrupted. Compare the gibberish strings, "as erav mono ewone zenao oro remuna oravanam" and "githol urtym reislyt quadirit". Notice how the latter seems to be more organic and readable than the former. This is resultant of two things. One, the eye more easily follows abnormalities and variation, like an ocular foothold. Too-narrow columns result in over-hyphenation. Images that interrupt a passage of text can break the rhythm for the reader and they could disturb the visual appearance of the page. The definition of rhythm is- the suggestion of motion through the use of various elements.

Unity[edit | edit source]

Unity is a feeling of wholeness, usually achieved when the parts complement each other in a way where they all have something in common. That can be achieved by the use of complementary or the same (or similar) attributes, be it colors, or different tints of it or be it shapes or even the use of a similar graphic style for illustrations.

White Space[edit | edit source]

Areas of a design void of text or graphics. White space includes margins, gutters, space between lines of type (leading), off-set of text from images (text wraps) and any other part of the page that is empty. White space is also analogous to "negative space" where "positive space" is defined as images, blocks of text, and other graphical elements. In graphic design, the white space, or negative space, is considered an important element of the overall design. It is used - and evaluated - based on the same criteria as the rest of the elements in the design. White space can add to or detract from the balance, unity, harmony, rhythm and overall success of a design. White space can give emphasis, contrast, and movement. It can be used for repetition and pattern, and work within various relationships with other elements of the positive and negative spaces in the design.