Scribd
Upload
11 views

Basic-Principles-of-Graphics-and-Layout

Uploaded by

pre123541974
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
11 views

Basic-Principles-of-Graphics-and-Layout

Uploaded by

pre123541974
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 28

BASIC PRINCIPLES OF

GRAPHICS AND LAYOUT


DIANA B. HAMID
GRAPHIC DESIGN

Graphic design is the process of creating the


appearance of a publication, presentation, or web
site in an attractive, logical manner. When done
successfully, it attracts attention, adds value to a
message, enhances readership and readability,
simplifies, organizes, provides selective emphasis,
and creates unity.
To achieve the best designs possible, remember and apply
these six principles pf graphic design to all of your work. The
more you refine your ability to apply them, the more skilled
you’ll become with them. Furthermore, consider these six
principles one by one the next time you’re working on a design
that just doesn’t seem to be coming together. If you tweak your
design carefully based on each of the six principles of graphic
design, you’re likely to find where your design is falling short.
BALANCE

There are two basic types of balance:


symmetrical and asymmetrical. Symmetrical
designs layout elements of equal weight on
either side of an imaginary center line.
Asymmetrical balance uses elements of
differing weights, often laid out in relation to
a line that is not centered within the overall
design.
EMPHASIS

Emphasis deals with the parts of a


design that are meant to stand out.
In most cases, this means the most
important information the design is
meant to convey.
PROPORTION
Proportion is one of the easier design
principles to understand. Simply put, it’s
the size of elements in relation to one
another. Proportion signals what’s
important in a design and what isn’t.
Larger elements are more important,
smaller elements less.
MOVEMENT
Movement refers to the way the eye travels
over a design. The most important element
should lead to the next most important and
so on. This is done through positioning (the
eye naturally falls on certain areas of a
design first), emphasis, and other design
elements already mentioned.
REPETITION, RHYTHM, PATTERN
Repetition is a great way to reinforce an idea. It’s
also a great way to unify a design that brings
together a lot of different elements.

Repetition can be done in a number of ways: via


repeating the same colors, typefaces, shapes, or
other elements of a design. The spaces between
repeating elements can cause a sense of rhythm to
form, similar to the way the space between notes in
a musical composition create a rhythm.
There are five basic types of visual rhythm
that designers can create: random, regular,
alternating, flowing, and progressive. Patterns
are nothing more than a repetition of multiple
design elements working together. Wallpaper
patterns are the most ubiquitous example of
patterns that virtually everyone is familiar
with.
VARIETY

Variety in design is used to create visual


interest. Without variety, a design can very
quickly become monotonous, causing the
user to lose interest. Variety can be created in
a variety of ways, through color, typography,
images, shapes, and virtually any other
design element.
WHITE SPACE

It is useful when you want to make a direct


message, to stand out above the clutter
found in many graphic design.
INFOGRAPHICS

Information graphics or infographics are used to


represent information, statistical data, or
knowledge in a graphical manner usually done in a
creative way to attract the viewer’s attention.
Infographics make complex data become more
visually appealing to an average user.
INFOGRAPHIC MAKER/ APPS

Piktochart DesignCap
Canva Easel
Vennage Visme
Snappa Desygner
Crello
ONLINE IMAGE FILE FORMATS
• Joint Photographics Experts Group (JPEG)
• Graphics Interchange Format (GIF)
• Portable Network Graphics (PNG)
PRINCIPLES AND BASIC TECHNIQUES OF
IMAGE MANIPULATION

1.Choose the right file format


Try to make a real-life photograph into GIF to
see the difference between PNG, GIF, and JPEG.
Knowing the purpose is the key to finding out the
best file format.
2. Choose the right image size
A camera with 12 megapixels constitutes to a bigger
image size. Monitors have a resolution limit, so even if you have
million megapixels, it will not display everything. Thus, it is not
always wise to make our image big, most especially in a
website. Know how much space you want the image to
consume. Or have a “preview” image where the audience has
the option to “see full size”.

3. Caption it
Remember to put a caption on images whenever possible.
If it is not related to the web page, then remove it.

You might also like