This document defines key terms related to images and design for online environments. It explains that images can be 2D representations captured by devices like cameras and that graphics are visual designs used to inform, illustrate or entertain. Some examples of graphics provided are drawings, diagrams, photographs, and maps. Basic principles of layout discussed include balance, emphasis, movement, proportion, and variety.

1. Imaging and Design for the
Online Environment

2. What is an Image
• A presentation of the external form
of a person or thing in art.

3. • Image may be 2 dimensional, such as a
photograph or screen display.
• They captured by optical device such as,
Cameras, Mirrors, Lenses, Telescopes,
Microscope and etc.

4. Graphics
• Visual Image or design on some surface such
as wall, canvas, screen, paper, or stone to
inform, illustrate or entertain

5. Example of Graphics
• Drawing
• Graph
• Diagram
• Symbol
• Maps
• Line Art
• Photograph
• Numbers

6. Layout
• Part of graphic design that deals the
arrangement of element.

7. Basic Principles of Graphics and
Layout

8. Balance
• Visual weight of objects, texture, color and
space evenly distribute on the screen

9. Emphasis
• Appear different size, texture, shape, color to
attract the ettenyion of the viewers.

10. Movement
• Visual element guide the viewer eyes ground
the screen.

11. Proportion
• Elements create a sense of unity where they
relate well with one another.

12. Variety
• Use several design elements to a draw a
viewers attention.

13. By: Darlene Joy L. Garcia