IMAGING AND

DESIGN FOR ONLINE

ENVIRONMENT
 BASIC PRINCIPLES OF GRAPHIC AND LAYOUT
 Balance – The visual weight of objects, texture, colors, and space is evenly distributed on the screen.
 Emphasis – An area in design that may appear different in size texture shape or color to attract viewers
attention
BASIC PRINCIPLES OF GRAPHIC
AND LAYOUT
 Movement –Visuals elements guide the viewers eye around the screen
 BASIC PRINCIPLES OF GRAPHIC AND LAYOUT
 Pattern, Repetition, and Rhythm – These are the repeating visual element on an image or layout to
create a unity in the layout or image. Rhythm is achieved when visual elements create a sense of
organized movement.
 BASIC PRINCIPLES OF GRAPHIC AND LAYOU
 Proportion- Visual Elements create a sense of unity where they relate well with one another
BASIC PRINCIPLES OF GRAPHIC AND LAYOUT
 Variety – This uses several design elements to draw a viewers attention.
 INFOGRAPHICS
 Information graphics or infographics are
used to represent information, statistical
data or knowledge in a graphical manner
usually done in a creative way to attract
viewer attention. Infographics make
complex data become more visually
appealing to an average user.
PIKTOCHART
 FILE FORMATS
NAMES FILE EXTENSION USE SUPPORT SUPPORT
TRANSPARENCY ANIMATIION

JOINT .jpg or .jpeg Real-Life photographs No No

PHOTOGRAPHICS high compression
EXPERT GROUPS
GRAPHICS .gif Computer generated Yes Yes
INTERCHANGE graphics
FORMAT
PORTABLE .png Screenshots, high Yes No
NETWORK compatability
GRAPHICS