Imaging and Designing for Online Environment

Infographics

is a collection of imagery, charts and minimal text that gives an easy-to-understand overview of a topic.

Principles and Design

are the rules a designer must follow to create an effective and attractive composition.

Elements of Design

LINE
SHAPE
DIRECTION
SIZE (SCALE)
TEXTURE
COLOR

LINE

are defined by points moving in space. It can create a sense of movement or direction in your design. Line can be smooth, rough, straight, curve, broken, thick or thin.

SHAPE

is an enclosed space, the boundaries of which are defined by other elements of art like lines, colors, values or textures. Shapes can be used to create patterns and draw the viewer’s attention.

DIRECTION

Applying motion to create the visual illusion of movement. Use horizontal direction for calmness, stability and tranquility while vertical direction for emotions of balance, formality and alertness.

SIZE (SCALE)

is basically the relationship of the area occupied by one shape to that of another. Large elements mean more significant than the small one.

TEXTURE

refers to surface appearance of an object given by the dimensions, form, thickness, arrangement, and amount of its basic parts.

COLOR

is light redirected off objects. It is used to create curiosity and emotions to the viewers. It has three main characteristics: hue (these are red, green, blue, etc.), value (lightness/ darkness), and intensity (saturation, or amount of pigment) and temperature (warm and cool).

Principles of Design

BALANCE (Symmetrical balance, Asymmetrical balance)
PROXIMITY
ALIGNMENT
REPETITION, PATTERN, AND RHYTHM
CONTRAST
SPACE

BALANCE

in design is the state of equal relationship. It means equal distribution of visual weight in a design. It can be achieved by adjusting the visual weight of each element, in terms of size, color, textures, shapes or contrast.

Symmetrical balance

occurs when identical weights are on equal sides of
a composition.

Asymmetrical balance

occurs when a design have unequal graphic weight on
either side, but those unequal graphics need to balance each other (un-evenly
balanced).

PROXIMITY

maintains a relationship between items that go together. It helps creates organization by grouping the same elements together or in close proximity. The elements should be connected visually.

ALIGNMENT

refers to lining up the elements of a design along the top, bottom, center or sides of the elements. It allows us to create order and organization in our design. The whole point of the alignment is that nothing in your design should look as if it were placed there randomly.

REPETITION, PATTERN, AND RHYTHM

duplicates the characteristics of similar elements to contribute to design consistency. It strengthens a design by tying together individual elements.
Pattern - is a regular arrangement of alternated or repeated elements like shapes, lines or colors.
Rhythm - is a combination of elements repeated, but with variations.

CONTRAST

refers to the use of conflicting elements or colors while still
remaining harmonious and unified when the artwork is viewed as a whole. It allows you to give emphasis to key elements in your design.

SPACE

It refers to the area that an object occupies. Both positive and negative space should be considered in graphic design. White space gives your design breathing room.