Scribd
Upload
2K views32 pages

Empowerment Technologies Lesson 6

This document provides an overview of principles of graphics and layout. It discusses key concepts like balance, proximity, alignment, hierarchy, repetition, contrast, color, negative space, and typography. It also covers the basic types of graphic software programs, sources of photos, and basic principles of graphic design and layout. The goal is to teach readers how to effectively arrange and design visual elements on a page.

Uploaded by

Em Gongora Jr.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
2K views32 pages

Empowerment Technologies Lesson 6

This document provides an overview of principles of graphics and layout. It discusses key concepts like balance, proximity, alignment, hierarchy, repetition, contrast, color, negative space, and typography. It also covers the basic types of graphic software programs, sources of photos, and basic principles of graphic design and layout. The goal is to teach readers how to effectively arrange and design visual elements on a page.

Uploaded by

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

Empowerment Technologies

Lesson 6: Principles of Graphics and Layout


Instructor: Mr. Em Gongora Jr.
Photo Editing
Photo editing encompasses the process
of altering images, whether they are
Photographs, or illustrations.
Graphic
Software
Program
Which can be broadly
grouped into vector
graphics editor, raster graphics editors, and 3D modelers.
May image editing programs are also used to render or
create computer art from scratch.
Basic of
image editing
Raster Images are stored in a computer in the form of a grid
of picture elements or pixels.
Vector images such as adobe illustrator, Inscape and etc. Are
used to create and modify vector images.
Sources of Photos
1. Personal and Professional
Photos
are photos taken by amateur or professional photographers
using a digital camera. These images are downloaded and
stored in the computer.
2. Scanned Images
are those that you transfer from printed photos and
graphics using scanning devices which you can transfer to
your computer for further improvement and modification.
3. Stock Photo Library
are several photographs and created images that are
available for sale.
4. Online Stock Photos
is now the dominant source of photos and graphics around the
globe because of the widely available choices and reasonable
prices.
TYPES OF RASTER
FILE FORMATS
Basic Principles of Graphics and
Layout
Graphic Design
is the process of visual communication and problem-solving
through the use of typography, photography, iconography
and illustration.
Layout
is the process of planning and arranging graphics or text in
a page or book. A good layout should have a balanced and
alignment of elements.
“There are three responses to a piece of design — yes,
no, and WOW! Wow is the one to aim for.” — Milton
Glaser
1. Balance
Balance lends stability and structure to an overall design. 
1. Symmetrical
a layout may be symmetrical where there is equal weight of
elements on both sides of the page.
2. Asymmetrical
a layout may be asymmetrical where there is an artistic and
different intensity on one side of the page.
2. Text
the text type should be legible, appropriate font face, and
arranged either left, right, center or justified. The flow of the text
and picture should be easy to read.

Source: https://memeguy.com/photo/119896/-megaflicks
3. Proximity
Proximity helps in creating a relationship between similar
or related elements. 
4. Alignment
It gives an ordered appearance to images, shapes, and
blocks of texts by eliminating elements placed in a
dishevelled manner.
5. Visual Hierarchy
a hierarchy is formed when extra visual weight is given to the
most important element or message in your design. 
5. Visual Hierarchy
6. Repetition
It creates a rhythm and strengthens the overall design by tying
together consistent elements such as logo and color palette,
making the brand or design instantly recognizable to viewers.
7. Contrast
The most common types of contrast are dark vs. light,
contemporary vs. old-fashioned, large vs. small, etc. Contrast
guides a viewer’s attention to the key elements, ensuring each
side is legible.
7. Contrast
8. Color
Color is an important design basic and it dictates the overall
mood of a design.
9. Negative Space
may be most evident when the space around a subject, not the
subject itself, forms an interesting or artistically relevant shape,
and such space occasionally is used to artistic effect as the "real"
subject of an image.
“Words have meaning, type has spirit,” — Paula Scher.
10. Typography
Typography is one of the key pillars of design, and it speaks
volumes about a brand or an artwork when executed stylistically
or even customised. Sometimes, ‘type’ is all you need to
showcase your design concept.

You might also like