IMAGING AND

DESIGN FOR ONLINE

ENVIRONMENT
ONLINE ENVIRONMENT
•The alternative learning space created by
educators and students using digital tools
and virtual class sessions due to the
shelter-in-place, quarantines, and
stay-at-home orders.
 ELEMENTS OF DESIGN
• Design elements are the basic units of
any visual design which form its
structure and convey visual messages.
ELEMENTS OF
ART AND DESIGN
LINE
➢is an element of art defined by a point moving
in space.
➢Lines can be vertical, horizontal, diagonal or
curved.
➢They can be any width or texture and can be
continuous, implied, or broken.
➢Artist use lines to create edges, the outlines of
objects.
➢The direction of a line can convey mood.
EXAMPLE OF HORIZONTAL LINES
EXAMPLE OF VERTICAL LINES
EXAMPLE OF DIAGONAL LINES
POINT
➢ a point is basically the beginning of “something” in
“nothing”.
it forces the mind to think upon its position and gives
something to build upon in both imagination and space.
some abstract points in a group can provoke human
imagination to link it with familiar shapes or forms.
is the smallest and most basic element.
it can vary in size, value, regularity or irregularity, and
can be used alone as a unit in a group.
it can be used to form a value or pattern or to delineate
space.
SHAPE
➢is defined as a two or more-dimensional area that
stands out from the space next to or around it due to
a defined or implied boundary, or because of
differences of value, color, or texture.
➢Shapes are recognizable objects and forms and are
usually composed of other elements of design.
➢In design, space is concerned with the area deep
within the moment of designated design, the design
will take place on. For a two-dimensional design,
space concerns creating the illusion of a third
dimension on a flat surface
FORM
➢It describes volumes and mass, or the 3D aspects
of objects that take up space.
➢Can and should be viewed from any angles.
SPACE
➢Is a 3D volume that can be empty or filled
with objects.
➢It has width, height, and depth.
➢Space that appears three-dimensional in a
2D painting is an illusion that creates a
feeling of actual depth.
➢Several techniques can be used to show
such visual depth or space, for example;
overlapping, and linear perspective.
COLOR
➢A pigment is a colored material that is
completely or nearly insoluble in water.

Examples of pigments are: Chlorophyll,

which gives a green color to plants, and
hemoglobin, which gives blood its red
color
COLOR has 3 properties
➢HUE – which is the name of the colors.
▪ Primary Hue: Yellow, Red, and Blue
▪ Secondary are made by mixing two primaries:
purple, green, orange.
▪ Intermediate are mixtures of a primary and
adjacent secondary
➢VALUE – which refers to the lightness or
darkness of hue.
➢INTENSITY – which refers to the purity of the
hue also known as “CHROMA”
COLOR THEORY IN
Color theory
VISUAL DESIGNstudies
colour mixing and
colour combinations.
It is one of the first
things that marked a
progressive design
approach.
 ❖Color is used to create
harmony, balance, and
visual comfort in a design.
Use of color in
visual design ❖Color is used to evoke
the desired mood and
emotion upon the viewer.
 ❖Color is used to create
a theme in the design.

Use of color in ❖Color holds meaning

visual design and can be symbolic. In
certain cultures, different
colors can have different
meanings.
 ❖Color is used to put
emphasis on desired
Use of color in elements and
visual design create visual
hierarchy in a piece
of art.
 ❖ Color allows viewers to
have different
interpretations of visual
designs.
Use of color in ❖ The same color can evoke
visual design different emotions or have
various meanings to
different individuals and
cultures.
 ❖Color can create
identity for a certain
brand or design product.
Use of color in ❖Color strategies are used
visual design for organization
and consistency in a
design product.
 ❖ Color strategies are used
for organization
and consistency in a design
product.
Use of color in ❖ In the architectural
design of a retail
visual design environment, colors affect
decision making which
motivates consumers to buy
products.
VALUE
It referred to as
tone, is the
relative lightness
and darkness of
an object..
TEXTURE
It refers to the
surface quality,
both simulated
and actual, of
artwork.
Overlap
- is the effect where objects appear to be on top
of each other. This illusion makes the top
element look closer to the observer. There is no
way to determine the depth of the space, only
the order of closeness.
Shading
- adds gradiation marks to make an
object of a two-dimensional surface
seem three-dimensional.
Highlight, Transitional Light, Core of
the Shadow, Reflected Light, and Cast
Shadow
- give an object a three-dimensional
look.
Linear Perspective
- is the concept relating to how an
object seems smaller the farther away it
gets.
Atmospheric Perspective
- is based on how air acts as a filter to
change the appearance of distant
objects.
Color star containing primary, secondary, and tertiary colors.