The document discusses basic principles of graphic and layout design for online environments. It outlines key principles such as balance, emphasis, movement, proportion, variety and contrast. It also provides steps for creating infographics, including outlining goals, collecting data, visualizing the data, laying out design elements, and adding style through repetition, consistency and alignment.

1. BASIC PRINCIPLES OF GRAPHICS AND LAYOUT
(IMAGING & DESIGN FOR ONLINE
ENVIRONMENT)
PRESENTED BY: HAZEL MAY B. YAMBAO

2. 1. BALANCE THE VISUAL WEIGHT OF OBJECTS, TEXTURE,
COLORS, AND SPACE IS EVENLY DISTRIBUTED ON THE SCREEN
2. Emphasis An area in the design that may appear different in
size, texture, shape or color to attract the viewer's attention

3. 3. MOVEMENT VISUAL ELEMENTS GUIDE THE VIEWER'S
EYES AROUND THE SCREEN.
4.Proportion Visual elements create a sense of unity where they
relate well with one another.

4. 5. Variety This uses several design elements to draw viewer's
attention.
6. Contrast Contrast occurs when two elements Poor are
different.Contrast • The greater the difference the greater the
contrast. Better • The key to working with contrast is to make sure
the differences are obvious.Contrast.

5. How to Create an Infographics

6. 1. OUTLINE THE GOALS OF YOUR INFOGRAPHIC.
STEP ONE: DEFINE THE BURNING PROBLEM
STEP TWO: USE A QUESTION PYRAMID
2. COLLECT DATA FOR YOUR INFOGRAPHIC.
STEP ONE: REFINE YOUR GOOGLE SEARCHES
STEP TWO: SEARCH EXISTING DATA REPOSITORIES
3. VISUALIZE THE DATA IN YOUR INFOGRAPHIC
4. LAYOUT THE ELEMENTS OF YOUR INFOGRAPHIC DESIGN
5. ADD STYLE TO YOUR INFOGRAPHIC DESIGN
STEP ONE: USE REPETITION, CONSISTENCY, AND ALIGNMENT IN
YOUR INFOGRAPHIC

7. Thank