Design principles

Design Design PrinciplesPrinciples

Saints Talented Team

The First The First StepsSteps

Know Your Target Audience

How will they interpret your message?

What needs are you trying to meet?

The First The First StepsSteps

Find Inspiration

Keep an idea file for copies of materials where the design/layout that have impressed you

Don’t be afraid to “steal” ideas from others

The First The First StepsSteps

Have all information ready before beginning your project

Helps to avoid backtracking and loss of time

Allows you to visually plan out your project (troubleshoot)

Design Design PrinciplesPrinciples

Does the design feel like it is in balance?

BalanceBalance

Balance is one of the important points the success of a design. Everyone loves the convenience (not lame) to what they see.

BalanceBalance

Balance in graphic design can be achieved by adjusting the visual weight of each element, both in terms of scale, color, contrast, etc.

BalanceBalance

Broadly speaking, the balance in graphic design can be divided to two parts

BalanceBalance

1. Symmetrical balance

BalanceBalance

Symmetrical balance occurs when the visual weight of design elements evenly divided in terms of horizontal, vertical, or radial. This style relies on a balance of two similar elements from two different sides.

1. Symmetrical balance

BalanceBalance

Conditions in the symmetrical equilibrium is a general style that is often used to achieve a balance in design. Although it is easy to implement, symmetrical balance is difficult to evoke emotion from the Visual readers because it was impressed too "planned". Symmetrical balance is also commonly referred to as formal balance.

Symmetrical balanceexample

BalanceBalance

This poster has been assembled with a combination of visual elements symmetrically between the left and right. Design elements on the left side of the balance with other elements such as the right side of the mirror.

BalanceBalance

Arranging parts to achieve a state of equilibrium between forces of influences.

2. Asymmetrycal balance

BalanceBalance

Asymmetrical balance occurs when the visual weight of design elements are not evenly distributed in the central axis of the page. This style relies on visual games such as scale, contrast, color to achieve a balance with irregular. We often see a design with the big picture offset by the small but visible text balanced because the game contrast, color, etc.

2. Asymmetrycal balance

BalanceBalance

Asymmetrical balance is more likely to arouse emotions because the Visual reader and the resulting visual tension. Tensions asymmetric also referred to informal balance.

Asymmetrical balanceexample

BalanceBalance

This poster uses the asymmetric form of contrasting styles and scale. Elements of a large black hand balanced by Flawless black text but its small size.

- Radial balance

BalanceBalance

Can be considered a kind of Asymmetrical balance

Tips: Balance in Graphic DesignTips: Balance in Graphic Design

1. Balance by color1. Balance by color

can occur when a small area with bright colors combined with a large area with a dark color. In addition, of course, understanding the use of color must be mastered first

2. Balance by shape2. Balance by shape

can be created through the field of complex composition with a flat field (plain). Field complex and more details will appear in balance with the plain area in the opposite side.

3. Balance by position3. Balance by position

Balance in position is another example of the kind of balance Asymmetric, where a large object on one side balanced by putting the smaller objects on the other side.

3. Balance by position3. Balance by position

Balance in position is another example of the kind of balance Asymmetric, where a large object on one side balanced by putting the smaller objects on the other side.

4. Balance by value4. Balance by value

Value color can also be a key point in the balance of a design. Small area of high value-will create a balance when combined with a large area with a low value.

4. Balance by value4. Balance by value

Black and white photographs combine the main object of a man and a dog that has a high value value (solid black) with a broad area that has a lower value (gray).

5. Balance by texture5. Balance by texture

Texture also affects the balance of a design. Just like the previous principle, in which the area is more complex, detailed and attract the attention going to look good when combined with a large area of the flat. Small area with an interesting texture looks balanced when combined with a large area and flat (no texture)

5. Balance by texture5. Balance by texture

In this artwork, the narrow form of rippling water has a water texture which attract the focus appears balanced with a wider area but not textured.

6. Balance by eye direction6. Balance by eye direction

can also occur when we lead the reader's eyes to the main content. The objects are used as "tools" to guide the reader's eyes composed with a larger area, while the main content displayed in a smaller area.

6. Balance by eye direction6. Balance by eye direction

they help guide the eye and mind movement of the viewer. They can also bind the work into a single entity.

ContrastContrast

Simply contrast tells the viewer where to look first.

ContrastContrast

Some types of contrast to keep in mind are the relative darkness (called value in color theory), weight, form, placement, quantity, texture, and scale.

ContrastContrast

Without contrast, a designed piece may appear static, uninteresting, and hard for the reader to access because it is not immediately clear what to look at first.

TypographyTypography

TypographyTypography

Too many type faces

TypographyTypography

Spacing

TypographyTypography

Alignment

TypographyTypography

Decorative faces aren't always beautiful

TypographyTypography

Size matters

TypographyTypography

Readability

TypographyTypography

Color

TypographyTypography

Grouping

TypographyTypography

Leading

TypographyTypography

Kerning