Ravi Bhadauria gave a presentation at ADMEC Multimedia Institute on design principles for digital designers. He discussed key elements of design like line, shape and color. He explained principles of gestalt theory and how it relates to visual perception. Some principles covered included proximity, similarity, continuity and past experiences. Bhadauria also discussed using techniques like contrast, repetition and alignment. He emphasized the importance of managing visual weight and direction to create hierarchy and flow. Students were assigned projects applying the principles to blogs, infographics or web templates.
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Â
Principles of Design
1. A Workshop by Ravi Bhadauria at ADMEC Multimedia Institute
A Must for All Digital Designers
www.admecindia.co.in
2. ADMEC MULTIMEDIA INSTITUTE
Leader in Animation & Digital Media Education
ISO 9001 : 2008 CERTIFIED
www.admecindia.co.in | www.graphic-design-institute.com
Phones: +91-9811-8181-22, +91-9911-7823-50
R
A Presentation by: Ravi Bhadauria
3. Preface & Acknowledgment
Dear Reader,
ADMEC Multimedia Institute is a growing institute which provides industry oriented training to
the world at large. Being a multimedia institute we offer training for designing content for the
advertising and publishing on various medias also.
This presentation is one of the best presentations from our study material for our weekly
workshops which ADMEC conducts every week at the center. We want to share this with the
world so that everyone can take benefits from our efforts.
This presentation contains points helpful in my lecture on âDesign Principles for Digital
Designersâ in the classroom.
We express thanks to many books and websites, specially Google for making it one of the
best presentations of all the time.
Thanks
Ravi Bhadauria, Instructor (Web and Visual Designing)
Director ADMEC Multimedia Institute
http://www.admecindia.co.in
4. What are you going to learn today?
â Why principles of design are very important?
â Essential design elements
â Common design principles
â Gestalt design principles of visual perception
â Space and the figure-ground relationship
â Use of Contrast and Similarity in designs
â Visual weight and direction
â Projects
www.admecindia.co.in
6. Elements of Design
Design elements are the basic units of a painting, drawing,
design or other visual piece and include:
â Line
â Shape
â Direction
â Size
â Texture
â Value
â Space
â Text
www.admecindia.co.in
13. Principles of Design
The descriptive principles of how we
visually perceive objects begins with the
principles of gestalt, because many of the
design principles we follow arise out of
gestalt theory.
www.admecindia.co.in
15. Gestalt Theory
The Key Ideas Behind Gestalt Theory
There are several key ideas behind gestalt.
â Emergence (the whole is identified before the parts)
â Reification (our mind fills in the gaps)
â Multi-stability (the mind seeks to avoid uncertainty)
â
Invariance (weâre good at recognizing similarities and differences)
âThe whole is other than
the sum of the parts.â
16. Gestalt Theory
Emergence (the whole is
identified before the parts)
Emergence is the process of forming
complex patterns from simple rules.
When designing, keep in mind that
people will identify elements first by
their general form. A simple well
defined object will communicate
more quickly than a detailed object
with a hard to recognize contour.
www.admecindia.co.in
18. Gestalt Theory
Reification (our mind fills in the gaps)
Reification is an aspect of perception in which the object as
perceived contains more spatial information than what is
actually present.
www.admecindia.co.in
19. Gestalt Theory
Multi-stability (the mind seeks to
avoid uncertainty)
Multi-stability is the tendency of
ambiguous perceptual experiences
to move unstably back and forth
between alternative interpretations.
www.admecindia.co.in
20. Gestalt Theory
Invariance (weâre good at recognizing similarities and differences)
Invariance is a property of perception in which simple objects are recognized
independent of their rotation, translation and scale.
www.admecindia.co.in
22. Gestalt Principles
1. Law of Simplicity
(Law of PrÀgnanz)
2. Closure
3. Symmetry and order
4. Figure/Ground
5. Uniform Connectedness
6. Common Regions
7. Proximity
8. Continuation
9. Common Fate
10. Parallelism
11. Similarity
12. Focal Point
13. Past Experiences
23. Gestalt Principles
Law of PrÀgnanz
(Good Figure, Law of Simplicity)
âPeople will perceive and
interpret ambiguous or
complex images as the
simplest form(s) possible.â
33. Gestalt Principles
Common Fate (Synchrony)
âElements that move in the same direction are perceived as
more related than elements that are stationary or that move
in different directions.â
38. Space and Figure-Ground Relationship
If you see graphic design as a process of arranging shapes on a canvas,
then youâre only seeing half of what you work with. The negative space
of the canvas is just as important as the positive elements that we
place on the canvas.
Design is an arrangement of both shapes and space. To work more
effectively with space, you must first become aware of it and learn to
see it â learn to see the shapes that space forms and how space
communicates.
âWhite space is to be regarded as an active element, not a passive
background.â
42. Space and Figure-Ground Relationship
There are three types of figure-ground relationships:
â Stable (down left)
â Reversible (down center)
â Ambiguous (down right)
43. Space and Figure-Ground Relationship
Figure-ground is not the only gestalt principle in which space plays a
prominent role. Two others are these:
â Proximity
â Closure
44. Space As A Design Element
Space can do the following:
â establish contrast, emphasis and hierarchy;
â generate drama and tension;
â provide visual rest between groups of elements.
One of the more important functions of space is to improve readability
and legibility. Macro-space makes text more inviting. Micro-space
makes it more legible.
â Micro-space
â Macro-space
45. Space As A Design Element
Space can also convey attributes other than quality, such as:
â sophistication,
â simplicity,
â luxury,
â cleanliness,
â solitude,
â Openness.
Design is ultimately an arrangement of shapes, and that includes the
shapes formed by space. Donât be afraid to use space. View it as an
important design element under your control.
46. Connecting and Separating Elements
Through Contrast & Similarity
A few characteristics, however, are most often used to show similarity
and contrast. In no particular order, these are:
â size
â shape
â color
â value
â texture
â position
â orientation
47. Connecting and Separating Elements
Through Contrast & Similarity
Contrast and Gestalt
â Figure-ground
â Focal points
48. Connecting and Separating Elements
Through Contrast & Similarity
Similarity and Gestalt
â Closure
â symmetry and order
â uniform connectedness
â common regions
â Proximity
â Continuation
â common fate
â parallelism
49. Visual Weight and Direction
Every element in design have a visual force that attracts the attention
of the readers. The greater the force, the more the user is attracted.
These forces also appear to act on other elements, imparting a visual
direction to their potential movement and suggesting where you should
look next.
We refer to this force as visual weight and to the perceived direction of
visual forces as visual direction. Both are important concepts to
understand if you want to create hierarchy, flow, rhythm and balance in
your composition.
52. Visual Weight and Direction
How Do You Measure Visual Weight?
Although there is no device to measure it yet you can use your experice to manage
and judge it. Followings are few feature to manage it.
â Size
â Color
â Value
â Position
â Texture
â Shape
â Orientation
53. Visual Weight and Direction
How Do You Measure Visual Weight?
You donât have to limit yourself to the primitive features above. You can use additional
characteristics to control visual weight.
â Density
â Local white space
â Intrinsic interest
â Depth
â Saturation
â Perceived physical weight
54. Visual Weight and Direction
Visual Weight and Gestalt
â Figure-ground
â Proximity
â Similarity and contrast
â Focal point
â Past experience
55. Visual Weight and Direction
Visual Direction
You can think of direction as real or imaginary lines that point from one
element to another or that connect different elements. The lines donât
need to be visible.
If visual weight is about attracting the eye to a particular location, then
visual direction is about leading the eye to the next location.
Some useful characteristics to manage the visual direction.
â Shape of elements
â Location of elements
â Subject matter of elements
â Movement
â Structural skeleton
56. Visual Weight and Direction
Visual Direction and Gestalt
â Uniform connectedness
â Continuation
â Common fate
â Parallelism
57. Visual Weight and Direction
The Overall Direction of a Composition
One more concept of visual direction is that every composition will be
seen to have a dominant direction, whether horizontal, vertical or
diagonal.
â A horizontal direction makes the composition appear calm and
stable.
â A vertical direction adds a sense of formality, alertness and balance.
â A diagonal direction suggests movement and action.
58. Projects of the class
â Create a blog/ presentation/ infographic on the topics which you
learnt today in my class and submit to me at info@admecindia.co.in
in 7 days.
â Design a poster/ web template which follows all the design
principles and processes which we discussed in last 8 classes of
visual designing.
Thanks
ADMEC Multimedia Institute
www.admecindia.co.in
+91-9811-8181-22, +91-9911-7823-50
59.
60. Helpline 1: +91 9811-8181-22
Helpline 2: +91 9911-7823-50
URL: http://www.admecindia.co.in
R
Want to read more on visual designing
http://www.graphic-design-institute.com
ADMEC MULTIMEDIA