0% found this document useful (0 votes)
252 views

Basic Principles Graphics Layout

The document discusses principles of good layout and techniques for image manipulation. It outlines key principles for layout including symmetry, asymmetry, proper use of text, images, proximity, consistency, color, shape and emphasis. It also covers techniques for manipulating images such as changing background color, combining multiple images, adding shadows, resizing for proportion, color blending, adding texture, and emphasizing focal points. Finally, it discusses combining text, graphics and images and principles for doing so effectively.

Uploaded by

Renie Federico
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
252 views

Basic Principles Graphics Layout

The document discusses principles of good layout and techniques for image manipulation. It outlines key principles for layout including symmetry, asymmetry, proper use of text, images, proximity, consistency, color, shape and emphasis. It also covers techniques for manipulating images such as changing background color, combining multiple images, adding shadows, resizing for proportion, color blending, adding texture, and emphasizing focal points. Finally, it discusses combining text, graphics and images and principles for doing so effectively.

Uploaded by

Renie Federico
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 25

Basic Principles of Graphics and

Layout

Abram Paul C. Espiritu


STEM 12-A
Layout
• Process of planning and arranging graphics or
text in a page or book .
What makes up a GOOD Layout?
• Symmetrical- there are equal weight of
elements on both sides of the page. The
layout maybe left braced or right braced.
Good Layout
• Asymmetrical- there is an artistic and
different intensity on one side of the page.
Good Layout
• Text- the text type should be legible,
appropriate font face.
- arranged either left justified, right
justified or centered.
Good Layout
• Image- should be proportionate, with sharp
color and high resolution.
- should have captions.
Good Layout
• Proximity and Harmony- elements should be
close together and not scattered and not
arranged apart from each other.
Good Layout
• Consistency- there should be uniformity of
theme on each page.
Good Layout
• Color and Shape- use color to create interest
by providing variety in design like the use of
color contrast and shape.
Good Layout
• Emphasis- there should be one part of interest
in a page.
Principles and Basic Techniques of
Image Manipulation
Background Color
• You can change the background color if it
doesn’t match the image or the totality of
presentation.
Multiple Images
• You can combine multiple images to make a
point or use to highlight your message.
Shadow
• Using shadow will make the image realistic.
Proportion
• When combining images, resize the image to
make it proportionate and realistic.
Blending Color
• You can use color blending to match the
background with the other elements in the
page.
Texture
• Adding texture allows you to blend different
images.
Emphasis
• There should be a focal point to a page that
will attract viewers. The element you want to
emphasize should be the most vibrant among
each other.
Combining Text, Graphics and
Images
Combining
• Can be used in: presentation, infographics
and webpages.
• Makes your message clearer.
Transparent Shapes
• Add simple shapes with a slight transparency
behind your text to clearly see the text you
want to emphasize.

Example
Fonts and Shapes
• They should compliment each other.

PERFECT
Text and Background
• They should be alligned to have an organized
look. We're
SOARIN
G...
FLYING.
..
There's
not a
star in
heaven
that we
can't
reach...
Clean and Clear Background
• Use it for READABLE message.

You might also like