The document discusses basic principles of graphic and layout design for online environments. It outlines six key principles: balance, emphasis, movement, pattern repetition and rhythm, proportion, and variety. It also discusses eight common design mistakes to avoid such as perfect symmetry, not enough white space, too little repetition, center-aligning text, too much text in one line, poor kerning, font and color overkill, and using raster images. The document provides a short graphic evaluation test to assess understanding of the principles.

1. SHERWIN D. PERDIDO

2. Basic Principles
of Graphics and
Layout (Imaging
& Design for
Online
Environment)
SHERWIN D. PERDIDO

3. 1. Balance.
The visual weight of objects, texture, colors, and
space is evenly distributed on the screen.

5. 2. Emphasis.
An area in the design that may appear different in
size, texture, shape or color to attract the viewer's
attention.

7. 3. Movement
Visual elements guide the viewer's eyes around the
screen.

9. 4. Pattern, Repetition,
and Rhythm.
These are the repeating visual element on an image
or layout to create unity in the layout or image.
Rhythm is achieved when visual elements create a
sense of organized movement.

11. 5. Proportion.
Visual elements create a sense of unity where they
relate well with one another

13. 6. Variety.
This uses several design elements to draw viewer's
attention.

17. – 8 Common Design Mistakes (and How to Avoid Them)

21. – 8 Common Design Mistakes (and How to Avoid Them)

22. 1. Perfect symmetry

23. 2. Not enough white space

24. 3. Too little repetition

25. 4. Center-aligning text

26. 5. Too much text in one line

27. 6. Poor kerning

28. 7. Font and color overkill

29. 8. Using raster

30. Graphic Evaluation:

32. 1.
What principles states that the visual
weight of objects, texture, colors, and
space is suppose to be evenly
distributed on the screen?

33. 2.
This principles uses several design
elements to draw viewer's attention.

34. 3.
This principles uses several design
elements to draw viewer's attention.

35. 4.
This visual elements create a sense
of unity where they relate well with
one another

36. 5.
What element is applied in this
images.

37. 6.
These are the repeating visual element
on an image or layout to create unity in
the layout or image. Rhythm is achieved
when visual elements create a sense of
organized movement

38. 6.
What is the maximum number of
fonts to be used?

39. 7.
Light gray, navy blue and bright
orange are good color combination.
True or false?

40. 8.
Scaling is used to EMPHASIS things.
True or false?

41. 9.
Failure to properly contrast images
leads to hard to read text.
True or false?

42. 10.
Harmony means the image and the
text drives each other.
True or false?

43. 11-15
Enumerate at least 5 Basic Principles
of Graphics and Layout.

44. Exchange your paper with your
seat mate.

45. ASSIGNMENT:
Next Meeting, bring with you art materials
(colored paper, colored pencil/Crayons,
drawing paper, scissors and pencil. )