ICT112- Empowerment Technologies

IMAGING &
DESIGN FOR
ONLINE
ENVIRONMENT
Understanding the complexity of design.
Temperature
Check!
 N ote
to te
C a ll a
a s tu c h e r:
ra n d
o m to d e n t a t
G iv e a
th e m n s w e r.
one m a
in u t e t le a s t

Agenda today:
t
t h e ir o s h a r e
in s ig
h ts .

Understand the principles of layout, graphics and visual

message design

Analyze the components and aesthetics of the current

popular trends in the design industry

Evaluate the pro’s and con’s of each element in existing

websites that are available on the internet with the help of
the principles of layout, graphic, and visual message design

Apply the techniques and principles in creating a

representation to communicate a message for a specific
purpose
 Basic Principles of
Graphics and Layout
1. Balance – This describes the placement
of elements, shapes, or lines throughout
the image.
Ensuring a proper balance in your creation will
produce an effective relationship with your
work and the viewer. There are two types of
balance:

Formal Balance – when objects are placed

symmetrically and are properly distributed.

Informal Balance – includes a non symmetrical or

asymmetrical distribution of elements but is
compensated in different aspects such as color and
lines.
2. Contrast – The arrangement of elements in
an image may be done by combining elements
with different properties and characteristics.

3. Unity – It is when all of the elements seem

to be a singular element in unison. This makes
the design pleasing to the viewer.
4. Proportion – This is the correlation of all the
elements with one another.

5. Patterns, Repetition, Rhythm – These are the

repeating visual elements on your image or
layout.
6. Variety – It uses several design elements,
shapes, sizes and colors which have also used
one to two principles of design and layouts. We
use it to make it clearer and easier to get the
attention of the viewers.
Principles of Design
Using Infographics
 3 Parts of Infographics
1. The Content – 3. The Knowledge
This includes – Consist of facts
timeframes, and the overall
statistics and 2. The Visuals – conclusion of the
references. Includes colors, story.
graphics, and
charts and
reference icons.
Tips on Creating an Infographics

1. Simplicity Rocks
2. Be creative and Bold
3. Not many but, much
4. Be Verifiable
Online File
Formats for
Image
 Online File Formats for Image

1. Joint Photographic Expert Group

(JPEG)
2. Tagged Image File Format (TIFF)
3. Graphic Interchange Format (GIF)
4. Portable Network Graphics (PNG)
Questions?