Lesson 6

Creating a web page is like creating a work

of art. There are certain things that you
need to consider in order to get your
message across.
  The visual weight of object, texture, colors,
and space is evenly distributed on the
screen.

SYMMETRICAL ASYMMETRICAL RADIAL

BALANCE BALANCE BALANCE
 The arrangement of opposite elements (light
vs. dark, rough vs. smooth, small vs. large,
etc…) in a composition so as to create visual
interest.
 Used to make certain parts of an Artwork
stand out. It is the place in which an Artist
draws your eyes first.
 How the eye moves through the composition;
leading the attention of the viewer from one
aspect of the work to another. Can create the
illusion of action.
 The repetition of specific visual elements such
as a unit of shape or form.
 Regular repetition of, or alternation in
elements to create cohesiveness and interest.
 Visual elements create a sense of unity where
they relate well with one another.
 This uses several design elements to draw a
viewer’s attention.
 Are used to represent information, statistical

data, or knowledge in a graphical manner

usually done in a creative way to attractive the

viewer’s attention.

 Make complex data become more visually

appealing to an average user.

Using any material, create individual images that
would project each of the following principles of
graphic and layout.
1. Balance
2. Emphasis
3. Movement
4. Pattern, Repetition, and Rhythm
5. Proportion
6. Variety
 FILE SUPPORTS SUPPORTS
NAME EXTENSION USE TRANSPA- ANIMATION
RENCY
1. Joint .jpeg or .jpg Real-life No No
Photographics photographs,
Experts Group high
compression
2. Graphics .gif Computer- Yes Yes
Interchange generated
Format graphics

3. Portable .png Screenshots, Yes No

Network high
Graphics compatibilty
1. CHOOSE THE RIGHT FILE FORMAT
 Knowing the purpose is the key to
finding out the best file format.

2. CHOOSE THE RIGHT IMAGE SIZE

 Know how much space you want
the image to consume.

3. CAPTION IT
 Put a caption on images
 Remove if it is not related to web page