THE ELEMENTS OF DESIGN
(saturation, or amount
These are the materials or tools to make different of pigment) and
designs or Arts. temperature
LINE – Lines are defined by points moving in space. It (warm and cool).
can create a sense of movement or direction in your
design. Line is can be smooth, rough, straight, curve,
broken, thick or thin.
SHAPE – A shape is an enclosed space, the
boundaries of which are defined by other elements of
art like lines, colors, values or textures. Shapes can be
used to create patterns and draw the viewer’s
attention.
DIRECTION – Applying motion to create the visual
illusion of movement. Use horizontal direction for
calmness, stability and tranquility while vertical
direction for emotions of balance, formality and
alertness.
SIZE (SCALE) – Size is basically the relationship of
the area occupied by one shape to that of another.
Large elements means more significant than the small
one.
TEXTURE – Texture refers to surface appearance of an
object given by the dimensions, form, thickness,
arrangement, and amount of its basic parts.
COLOR – Color is light redirected off objects. It is used
to create curiosity and emotions to the viewers. It has
three main characteristics: hue (these are red, green,
blue, etc.), value (lightness/ darkness), and intensity
Principles of Visual Message Design using Infographics
1. Be unique
• Be creative is one of the most important aspect of designing an effective
infographic.
2. Keep it simple
• Make a design easy to understand. Straight to the point and focus more on the
message.
3. Less is more
• Focus on what matters. Keep your text minimal will most likely produce more impact
than a page full of words.
4. Sharing
• Share it with your friends. It is the most important and effective thing to do in
making infographic
BASIC IMAGE MANIPULATION TECHNIQUES
1. Cropping - It is a process of removing unwanted
parts of the image, focusing only on the subject. When
cropping, one must always follow the Rule of Thirds to
organize the image composition.
2. Color Balance - In any image manipulating
program, this command will allow you to make changes
in the mixture of colors in an image.
3. Brightness and Contrast - This command is the
most basic technique when adjusting the image tone
(highlights, shadows, and midtones).
4. Compression and Resizing - Compressing and
Resizing an image is an important aspect in image
manipulation. Images to be uploaded on the web must
be pf the standard resolution of 72 dpi (dots per inch) to
maintain its image file size of 30-50 KB. If the image is
for printing, set the maximum resolution to 300 dpi at
set its physical printing size in inches.
5. Filters - It makes the image look sketch, grainy,
classic black and white or even let it have neon colors.
This gives the image a twist from its original look.
6. Cloning- It is a process of image retouching that
allows you to copy an area of the image exactly and
paint it in a new place with the brush. It is used when
you want to cover some parts of the image and replace
it with the tones near the parts you want to cover.
7. Changing Background – Adding or changing the
background of your image to have another look.
8. Removing the Color – Removing certain colors
from your image or desaturating your image
9. Combining Text, Graphic and Image – Adding
multiple elements on your layout
Note: There is a proficient use of English language
during the discussion of the manipulation techniques,
since it is the medium of instruction.