Scribd
Upload
771 views27 pages

Lesson 4 Imaging and Design For Online Environment

The document discusses principles of graphics and layout design for online environments. It defines key terms like image, graphics, and graphic design layout. It then explains basic principles of graphics and layout design such as balance, emphasis, movement, pattern/repetition/rhythm, proportion, and variety. It also discusses principles and techniques of image manipulation, such as choosing the right file format and image size. The learning objectives are to evaluate websites based on visual design principles, use image manipulation techniques, and create online content that effectively communicates visual messages.

Uploaded by

JEMNA PITOGO
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
771 views27 pages

Lesson 4 Imaging and Design For Online Environment

The document discusses principles of graphics and layout design for online environments. It defines key terms like image, graphics, and graphic design layout. It then explains basic principles of graphics and layout design such as balance, emphasis, movement, pattern/repetition/rhythm, proportion, and variety. It also discusses principles and techniques of image manipulation, such as choosing the right file format and image size. The learning objectives are to evaluate websites based on visual design principles, use image manipulation techniques, and create online content that effectively communicates visual messages.

Uploaded by

JEMNA PITOGO
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 27

Recapitulation Activity

Warm-Up Activity

PICT
URE
Picture Audit

Melanie Weir (2020). How to find your liked pages on Facebook on a computer or mobile device [Picture]. Insider.
Retrieved from https://www.businessinsider.com/how-to-find-liked-pages-on-facebook
Imaging and Design for
Online Environment
Imaging and De
Learning Objectives

At the end of this lesson, the students should be able to:


✔evaluate existing websites and online resources based
on the principles of layout, graphic, and visual message
design;
✔use image manipulation techniques on existing images
to change or enhance their current state to
communicate a message for a specific purpose; and
✔create an original or derivative ICT content to
effectively communicate a visual message in an online
environment.
Aside from Facebook, what is the
most visited website in the world?
IMAGE
An image is a representation of the external form of a
person or thing in art.
GRAPHICS

According to the American


Institute of Graphic Arts
(AIGA), graphic design is
defined as “the art and practice
of planning and projecting
ideas and experiences with
visual and textual content.” In
other terms, graphic design
communicates certain ideas or
messages in a visual way
(Malvic, 2020).
GRAPHIC DESIGN LAYOUT

This refers to the way in which


we arrange the elements on a
page which makes up the
content of a design. The aim
of layout is both to convey the
message correctly and to
present information in a
logical, coherent way making
the important elements stand
out (URBANCLAP EDITORIAL, 2017).
GRAPHIC DESIGN LAYOUT

This refers to the arrangement of predetermined items such as


image, text and style on a page.
Principles of Graphics and Layout
Balance
Basic Principles of Graphics and Layout
Types of Balance
Symmetrical Asymmetrical
Balance is achieved by Balance is achieved by
making all elements visually creating an odd number of
equal on all sides. elements or where the
elements are off-center.
Emphasis
Basic Principles of Graphics and Layout
Movement
Basic Principles of Graphics and Layout
Pattern, Repetition, and Rhythm
Basic Principles of Graphics and Layout
Proportion
Basic Principles of Graphics and Layout
Variety
Basic Principles of Graphics and Layout
PIKTOCHART:INFOGRAPHICS PHOTOSCAPE: MANIPULATING IMAGES

PHOTOBUCKET:SHARING PHOTOS
Principles and Basic Techniques of Image
Manipulation
Choose the right file format
Choose the right image size
“Replacing paper with a PC screen doesn’t
change the need for clear, precise
communication.”
– Kenneth Roman; Joel Raphaelson

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy