presentation visual design
TRANSCRIPT
-
8/8/2019 Presentation Visual Design
1/37
-
8/8/2019 Presentation Visual Design
2/37
Name-Sankalp Vairat.
Class- TE comp
Roll No. I-51
-
8/8/2019 Presentation Visual Design
3/37
Definition
Visual Design Elements
Visual Design Principles
Application to Web Site Design
References:
-
8/8/2019 Presentation Visual Design
4/37
This involves learning the vocabulary of
design, viewing examples of artwork that
utilize effective design elements, andactively implementing components of
design into the process .
-
8/8/2019 Presentation Visual Design
5/37
Visual Design Elements Six integral components in the
creation of a design:
Line
Color
Form/Shape
Space
Texture
Value
-
8/8/2019 Presentation Visual Design
6/37
Line
Types-
Vertical- Represents dignity, formality, stability and strength.
Horizontal- Represents calm, peace and relaxation.
Diagonal- Represents action, activity, excitement and
movement.
Curved- Represents freedom, the natural, having the
appearance of softness and creates a soothing feeling or mood.
A line is an effective element of design because it can lead the
viewer's eye.
-
8/8/2019 Presentation Visual Design
7/37
Vertical Lines
-
8/8/2019 Presentation Visual Design
8/37
Form and Shape
Examples
Squares
Circles
Ellipses
Ovals
Rectangles
Triangles
Shapes are the result of closed lines.
The shape, outline, or configuration of anything.
-
8/8/2019 Presentation Visual Design
9/37
Form and Shape
-
8/8/2019 Presentation Visual Design
10/37
Space
Definition-
Space is defined and determined by
shapes and forms. Positive space is whereshapes and forms exist; negative space is
the empty space around shapes and
forms.
-
8/8/2019 Presentation Visual Design
11/37
Space
By incorporating the use of space
in your design, you can enlarge or reduce
the visual space.
Types
Open, uncluttered
spaces
Cramped, busy
Unused vs. good
use of space
-
8/8/2019 Presentation Visual Design
12/37
-
8/8/2019 Presentation Visual Design
13/37
COLORS
1.There has been a tremendous amount of research on
how color affects human beings and some of this
research suggests that men and women may respond to
colors differently.
2. Color affects us emotionally, with different colors
evoking different emotions.
3.In short color has the capacity to affect the human
nervous system.
-
8/8/2019 Presentation Visual Design
14/37
The vocabulary of color includes:
Hue:refers to the names of the primary colors, red, green and blue.
Value:
lightness and darkness of the color - the amount of white or
black added.
Intensity:
the purity or saturation of the color
Monochromatic color:
use of one color where only the value of the color changes
Analogous colors:
colors that are adjacent to each other on the color wheel, e.g.
yellow and green
-
8/8/2019 Presentation Visual Design
15/37
Analogous colors next to each other on the color wheel "get
along" and are referred to as being harmonious. Analogous
colors are often used in visual design and have a soothing affect.
-
8/8/2019 Presentation Visual Design
16/37
Complementary colors: colors opposite to each other on the
color wheel, e.g. Blue-violet and yellow, represent colors
positioned across from each other on the color wheel.Complimentary colors exhibit more contrast when positioned
adjacent to each other -for example yellow appears more intense
when positioned on or beside blue or violet (see picture below).
-
8/8/2019 Presentation Visual Design
17/37
Warm colors include: yellows, red and orange we
associate these with blood, sun and fire.
-
8/8/2019 Presentation Visual Design
18/37
Cool colors include: violet, blue and green
because of our association with snow and ice.
-
8/8/2019 Presentation Visual Design
19/37
Texture
The surface look or feel of something.
Types
Smooth surface
Reflects more light and, therefore, is a more intense
color.
Rough surface
Absorbs more light and, therefore, appears darker.
-
8/8/2019 Presentation Visual Design
20/37
-
8/8/2019 Presentation Visual Design
21/37
-
8/8/2019 Presentation Visual Design
22/37
Veins on this leaf converge at a single point making it the
dominant element in the image.
-
8/8/2019 Presentation Visual Design
23/37
-
8/8/2019 Presentation Visual Design
24/37
Balance implies that the visual elements within the
frame have a sense of weight.
Large objects generally weigh more than small
objects and dark objects weigh more than lightcolored objects.
The position of the elements is also critical. We
unconsciously assume the center of a picture
corresponds to a fulcrum.
A heavy weight on one side can be balanced by a
lighter weight on the other side if the lighter weight is
located at a greater distance from the fulcrum.
Balance
-
8/8/2019 Presentation Visual Design
25/37
Types
Symmetrical or Formal BalanceAsymmetrical or Informal Balance
Radial Balance
Vertical Balance
Horizontal Balance
-
8/8/2019 Presentation Visual Design
26/37
Reflections of the landscape in still water are an
example of almost perfect symmetry.
-
8/8/2019 Presentation Visual Design
27/37
Types
Regular rhythm
Graduated rhythm
Random rhythm
Gradated rhythm
Rhythm refers to the regular repeating occurrence
of elements in the scene just as in music it refers to the
regular occurrence of certain musical notes over time.
Rhythm is soothing and our eyes beg to followrhythmic patterns.
-
8/8/2019 Presentation Visual Design
28/37
Differences in the height of the fence posts add interest to an
otherwise monotonic rhythm.
The yellow marigold is balanced by the negative space of the
complimentary colored blue sky.
-
8/8/2019 Presentation Visual Design
29/37
Emphasis
Points of attention in a
design.
The feature in a design
that attracts ones eye.
The focal point.
Emphasis can be achieved
through size, placement,
color and use of lines.
The most personal aspect
of a design.
-
8/8/2019 Presentation Visual Design
30/37
Proportion - Golden Ratio and Rule
of Thirds
Proportion refers the size relationship of visual elements to each other
and to the whole picture.
One of the reasons proportion is often considered important in
composition is that viewers respond to it emotionally.
Proportion in art has been examined for hundreds of years, long before
photography was invented.
One proportion that is often cited as occurring frequently in design is
the Golden mean or Golden ratio.
-
8/8/2019 Presentation Visual Design
31/37
Golden Ratio: 1, 1, 2, 3, 5, 8, 13, 21, 34 etc. Each succeeding number
after 1 is equal to the sum of the two preceding numbers.The Ratio formed 1:1.618 is called the golden mean - the ratio of bc to
ab is the same as ab to ac.
If you divide each smaller window again with the same ratio and joing
their corners you end up with a logarithmic spiral.
This spiral is a motif found frequently throughout nature in shells, hornsand flowers (and my Science & Art logo).
-
8/8/2019 Presentation Visual Design
32/37
The Golden Mean or Phi occurs frequently in nature and it may be
that humans are genetically programmed to recognize the ratio as
being pleasing.
Studies of top fashion models revealed that their faces have an
abundance of the 1.618 ratio.
-
8/8/2019 Presentation Visual Design
33/37
-
8/8/2019 Presentation Visual Design
34/37
-
8/8/2019 Presentation Visual Design
35/37
Application toWeb Site Design-
The visual design for a we site encompasses anything with
visual communication characteristics : color , layout , graphics ,
fonts , input forms and navigation.
We use visual elements to clarify the sites underlying
structure and to provide an appropriate look and feel or context.
The design should provide a visual identity and visual
consistency that carries throught the entire site.
-
8/8/2019 Presentation Visual Design
36/37
Technology Content
Site
ArchitectureVisual Design
Interaction
-
8/8/2019 Presentation Visual Design
37/37
References:1.VisualDesign for the ModernWeb by Penny Mcintire.
2.www.photoinf.com