understanding graphic design

UNDER-STANDINGGRAPHICDESIGN

A BASIC INTRODUCTION

Information gathered from this book

This is another good book(check their great website)

4BASIC PRINCIPLES

contrast

repetitionrepetitionrepetitio

a l i g n m e n t

proximity

PROXIMITYPROXIMI

proximity basically means

SPACE

TEXT TEXT

TEXT TEXT

unfortunately, most people simply try to fill up empty space

SPACE

SPACESPACE

SPACE

SPACE

space should be organised so information

can be easily understood

Company Name

Name phone number

Address City, State

Which business card looks better? Why?

MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.MAECENAS ALIQUAM MAECENAS NOSTRADolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.MAECENAS ALIQUAM MAECENAS NOSTRADolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.MAECENAS ALIQUAM MAECENAS NOSTRADolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.MAECENAS ALIQUAM MAECENAS NOSTRADolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRADolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRADolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRADolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRADolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

Which looks better?

Which looks better?

ALIGNMENT

ALIGNMENTALIGNMENTALIGNMENT

ALIGNMENT

ALIGNMENT

alignment is like rulers or margins

Company Name

Name phone number

Address City, State

Which looks better?

LIGULA SUSPENDISSE NULLA RHONCUS TEMPOR Dolor mauris, vel eu libero cras.

Interdum at. Eget habitasse elementum est, ipsum purus pede

porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu

per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim

unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse

elementum est, ipsum purus pede porttitor class, ut adipiscing,

aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim

unt ut labore et dolore magna aliqua.

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse

elementum est, ipsum purus pede porttitor class, ut adipiscing,

aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim

unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENASDolor mauris, vel eu libero cras.

Interdum at. Eget habitasse elementum est, ipsum purus pede

porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu

per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim

unt ut labore et dolore magna aliqua.

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse

MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse

elementum est, ipsum purus pede porttitor class, ut adipiscing,

aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim

unt ut labore et dolore magna aliqua.

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse

elementum est, ipsum purus pede porttitor class, ut adipiscing,

aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim

unt ut labore et dolore magna aliqua.

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse

elementum est, ipsum purus pede porttitor class, ut adipiscing,

aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim

unt ut labore et dolore magna aliqua.

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENAS NOSTRA

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

MAECENAS ALIQUAM MAECENASDolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing,

MAECENAS ALIQUAM MAECENAS

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

Dolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

LIGULA SUSPENDISSE NULLA RHONCUS TEMPOR

ConsectetuerDolor mauris, vel eu libero cras. Interdum at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing, aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel, volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

ConsectetuerDolor mauris, vel eu libero cras. Interdum

at. Eget habitasse elementum est, ipsum purus pede porttitor class, ut adipiscing,

aliquet sed auctor, imperdiet arcu per diam dapibus libero duis. Enim eros in vel,

volutpat nec. Ut enim unt ut labore et dolore magna aliqua.

Which looks better?

Avoid:Using more than one alignment

Centered alignment

REPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITIONREPETITION

-Bullets-Bold Font-Colour-Line-a Design Element-Format-Spacial Relationships

There are many ways to create repetition

relationship

Unifies

a

& Strengthens

Repetition

relationship

a

it createsvisual interest

CONTRAST

old fontnew font

large typesmall type

thick line thin line

warm colour

cool colour

horizontalve

rtic

al

There are many ways to create contrast:

2contrast haspurposes

21

aid theorganisation

on a page

createinterest

on a page

4Review

contrast

repetitionrepetitionrepetitio

a l i g n m e n t

proximity

also,use blank space

be asymmetrical

make text large and small

very bold or minimal

use a colour wheel

Frank Curkovic