Professional Documents
Culture Documents
BASIC ELEMENTS
• Point
• Line
• Shape
• Form
• Texture
• Balance
POINT
- Point is not a very expressive design element itself but
- Line in different appearance
used in multiples they can either create order in a map
or create warm, natural patterns in rendering. USAGES
LINE
USAGES
• Organize/Divide Information or Content
• Create illustrations
• Aesthetic
REMEMBER:
- Placing shapes together in design creates a certain
relationship to them that leads in building a meaning or
a message out of them.
Actual Texture
Implied Texture
FORM
- FORMS DOESN’T ALWAYS NED TO BE 3D
- Lighting and Shadow
- Perspective
Texture is mainly used in designs particularly
REALISM IS COMMONLY THE MAIN PURPOSE OF
background images
USING FORMS
BALANCE
- “Perfectly balanced….as all things should be.”
- Balance is mainly utilized to put emphasis in the visual
content
Symmetrical Design Size
Asymmetrical Design
Position
Radial Balance
ACHIEVING BALANCE
Color
PUTTING ALL FUNDMENTALS TOGETHER CREATE… WHY WE USE “RED”
- Red has a longer wavelength
HARMONY!
- Our eyes absorbs the shorter wavelength colors of
blue and green, letting the longer wavelengths of red
pass through to the retina easier
2. Comparative Method
- Colors are compared to different objects to derived
description to them.
3. Subjective Method
- Colors are symbolically described base on emotions,
mental state, and other factors.
COLOR THEORY
ACTIVITY (GALLERY OF FUNDAMENTALS) - Color theory refers to the various rules that used by
• - Group the students for up to 5 members each artist and designer to know which colors can work
harmoniously with one another.
• - Each group will choose a single fundamentals
of designs via "Online Selling" method
BASICS
#2 : COLOR THEORY/PRIMER
PRIMARY AND SECONDARY COLORS
WHAT COLOR MEANS TO YOU?
- Color refers to the visual perception of light being
reflected from a surface of an artwork or design.
1. Objective Method
- The objective, or scientific, method for describing
colors rests on the assumption that the perception of
color is a result of various light wavelengths
stimulating the cones along the back of the eyes’
retinas.
RED + BLUE = VIOLET
COMPLIMENTARY COMBINATION
ANALOGOUS COMBINATION
BASICS • Be careful that each color bears different tones
HUE – is simply a synonym for a color or a variation of it that send of different meaning.
SATURATION – refers to intensity—in other words, BEST TIP FOR BEGINNERS AND EXPERTS
whether the color appears more subtle or more vibrant.
- Experiment with different color schemes. Find ideas in
VALUE – Refers to the light and dark areas of a picture. different design and even use their own color to your
Value creates depth within a picture making an object own design.
look three dimensional (3D) with highlights and cast
COLOR KNOWLEDGE
shadows
Using a coloring app, select SIMPLE IMAGE or design
CATEGORIES OF VALUE
that you want to color. Create 5 samples of that image
• Tint is adding white to create lighter values such where each of the sample, you will apply the following
as light blue or pink. color scheme/combination:
• Monochromatic
VISUALIZATION
- The process of turning information into a more
“visualized” form and context for people to easily
COLOR HARMONY IN ACTION comprehend it.
• SPLIT COMPLEMENTARY
- Create different variations of colors of same contrast
• TETRADIC
- Usual use to accentuate a more dominating color
COMMON MISTAKES
- When using text, focus on its readability. Adjusting the
lightness or darkness of colors is useful to balance the
colors you are working with.
VISUAL THEORIES
SENSORY VS PERCEPTION
VISUAL SENSATION
VISUAL PERCEPTION
INFOGRAPHICS
• ENGAGEMENT
When it comes to social media, a study by Adobe found
that Facebook posts that include images produce 650%
higher engagement than regular text posts.
SENSORY THEORIES CONTINUATION
- The brain seeks as much as possible a smooth
GESTALT
continuation of a perceived movement
- Max Wertheimer concludes base on his observation in
the train and in stroboscope toy that the eye merely
takes in all the visual stimuli, whereas the brain
arranges the sensations into a coherent image
SIMILARITY
- Objects that look similar will be automatically grouped
together by the brain.
COMMOM FATE
- The brain group together objects functioning or
moving in the same direction
PROXIMITY
- The brain more closely associates objects close to each
other than it does an object that is farther apart.
PERCEPTUAL THEORIES
• SEMIOTICS
- Semiotics is s the study or science of signs. The field is
the culmination of Aldous Huxley’s mantra: The more
you know, the more you see.
SYMBOLIC SIGNS
- Sign has no representational or logical connection to
what they represent. Hence, the meaning must be
taught.
ICONIC SIGNS
- Signs that directly resembles what they represent
CODES
- is an amalgamation of hundreds of ideas and/or
elements into one, convenient concept.
CONDENSED CODES
- Several signs that combine to form a new, composite
METONYMIC CODES
message.
- A collection of signs that cause the viewer to make
assumptions about what is seen.
ANALOGICAL CODES
- A collection of signs that cause the viewer to make
mental comparison
SENSORY THEORIES
COGNITIVE
- Cognitive theory suggest that what is going inside the
mind of viewers is just as an important than as the
visual image that can be seen.
DISPALCED CODES
- Transfer of meaning from one set of signs to another.
•MEMORY
- Arguably the most important mental activity involved
in accurate visual perception, memory is our link
with all the images we have ever seen
• PROJECTIONS large numbers of images enter and leave the mind
without being processed. We usually focus only on
Others make sense out of clouds or trees, or find
significant details within a scene.
comfort in the messages learned from
A person’s mental state of mind is thus “projected”
onto an inanimate object or generalized statement
• HABITUATION
• SELECTIVITY
DISSONANCE
CULTURE