IMAGING & DESIGN

FOR ONLINE
ENVIRONMENT
 OBJECTIVES

• 1. understand the basic principles of graphics and layout.

• 2. Create a simple infographic using web tools.
• 3. understand and use several file formats used on the web.
• 4. Easily manipulate images using a simple image editor.
• 5. Upload and share images using Photobucket.
Question

• What is the most visited website in the world?

 Basic Principles of Graphics and Layout

• 1. BALANCE. The visual weight of objects, texture, colors and space

is evenly distributed on the screen. When visiting a website, check if
one side holds the same amount of weight on the other. The colors
should also have a similar visual weight.
• 2. EMPHASIS. An area in the design that may appear different in size,
texture, shape or color to attract the viewer’s attention.
Example of page balance and emphasis
 Basic Principles of Graphics and Layout

• 3. MOVEMENT. Visual elements guide the viewer’s eye around the

screen.