understanding graphic design
DESCRIPTION
This is a very basic introduction to graphic design based on Robin Williams' book, "The Non-Designer's Design Book." It was created for grade 9 art students. A video version is available here: http://www.youtube.com/watch?v=-eUhJ_jTrMQTRANSCRIPT
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