You are on page 1of 198

1

Design
Fundamentals
Semester –II

Foundation Program

Composed By- Pramod Kumar, Associate Professor & CC-FP


2
Subject Aim

 To understand basics of Design.

 To develop a sense of composition by applying elements and principles of


Design.

 To achieve the ability of creation by representing the concepts in physical


or virtual space.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design
3

Design -

Any sensible creativity done for some specific purpose is called the design.

“A plan or drawing produced to show the look and function or workings of a


building, garment, or other object before it is built or made.”

“Realization of a concept or idea into  configuration, drawing, model,


mould,   pattern , plan or specification (on which the actual
or commercial production of an item is based) and which helps achieve
the item's designated objectives.”

“ Design is Composed
the thought process comprising the creation of an entity."
by Pramod Kumar, Assoc. Prof. & CC-FP
Design and Nature
4
Designers and creative people use nature as an infinite source of ideas
for their inventions and products designs. Everyday, we interact with
products whose shape or principle function is inspired by the world
around us.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design and Nature
5

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design and Nature
6

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design Inspired from Nature

Zebra Crossing
Composed by Pramod Kumar, Assoc. Prof. & CC-FP
Design Inspired from Nature

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design Inspired from Nature
9

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


10

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design Inspired from Nature
11

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design Inspired from Nature
12

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design Inspired from Nature
13

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design Inspired from Nature
14

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


15

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


16

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


17

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


18

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


The Bauhaus Design
19

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


20

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


21 The Bauhaus Philosophy

• Exploring design in new directions

• Cutting down on unnecessary ornamentation.

• Making design a part of the entire production process.


• Keeping it minimal was the whole point- No excessive use of resources could
be afforded.

• Art shouldn't be valued for just aesthetic.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


22

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


23

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


24

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


25

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


26

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


27

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


28

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Elements of Design
The elements are components or parts which can be isolated
and defined in any visual design or work of art. They are the
structure of the work, and can carry a wide variety of messages.

29

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Design a permutation & combination of the elements
30

 Points
 Lines
 Shapes
 Forms
 Colors
 Texture
 Space

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Point / Dot
31

Dot or Point is a small circle where the radius is Zero or


negligible in size

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


32 Additional qualities of point

 One dimensional

 Point on a surface

 Points are grouped to form an image

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


33

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


34

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


35

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Point
36

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


37
Line
Line refers to an elongated mark that connects two or more
points. Line encloses and divides space, creating shapes and
forms.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


38 Effects of line

 Can create optical illusions.

C
 Can Give messages
D

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


39

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


40

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


41 Lines can be:
Varieties of line • thick
• thin
• flowing
• jagged
• spiral
• vertical
• horizontal
• diagonal
• curved
• solid
• dashed.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


42

Message
Formal, strong, dignified, stiff, business-like, stately, conservative,
majestic, efficient.

Illusion
Increases, emphasizes, reinforces length, height, narrowness, thinness–
slimming, counters horizontal lines
Composed by Pramod Kumar, Assoc. Prof. & CC-FP
43

Message

Restful, stable, calm, relaxed, casual, quiet, serene, in repose, lethargic

Illusion
Increases, emphasizes, reinforces width, bulk, shortness, counters vertical
lines, when placed high appears taller, when placed low appears shorter
Composed by Pramod Kumar, Assoc. Prof. & CC-FP
44

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


45

Message
Active, movement, instability, excitement, interesting, dramatic, restless,
sophisticated, in motion, vitality

Illusion
Increases, emphasizes, reinforces the direction of the dominant angle,
counters vertical and horizontal lines Composed by Pramod Kumar, Assoc. Prof. & CC-FP
46

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


47

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


48

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


49

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


50

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


51
Line can Communicate
Line can suggest:
• Emotions
• Feelings
• Ideas.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


52

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


53

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


54

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


55

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


56

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


57

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


58

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


59

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


60

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


61

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


62

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


63

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


64 Example of SHAPE
Rectangle
Different Shapes: Square
Half-circle
Circle

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


65

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


66

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


67

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


68

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


69 Form

Composed by Pramod Kumar, Assoc. Prof. & CC-FP

www.getty.edu
70

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


71

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


72

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


73

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


74

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


75

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


76

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


77

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


78

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


79

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


80

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


81

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


82

Color

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


83

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


84

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


85

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


86

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


87

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


88

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


89

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


90

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


91

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


92

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


93

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


94

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


95

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


96

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


97

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


98

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


99

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


100

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


101

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


102

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


103

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


104

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


105

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


106

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


107

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


108

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


109

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


110

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


111

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


112

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


113

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


114

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


115

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


116

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


117

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


118

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Monochromatic color schemes
119

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


120

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


121

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


122

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


123

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


124

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


125 BALANCE

 A sense of equilibrium.
 When establishing balance consider visual weight created by size,
color, texture and number of objects.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


TYPES OF BALANCE
126
 SYMMETRICAL  ASYMMETRICA
 Achieved by L
placing identical  Achieved by
objects on either placing different
side of a central objects of equal
point. visual weight on
either side of a
central point.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Symmetrical Balance
127

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


SYMMETRICAL BALANCE
128

 Creates a quiet, restful feeling.


 Suggests restraint, orderliness,
formality.
 Also called, FORMAL balance.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


129

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Asymmetrical Balance
130

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Asymmetrical Balance
131

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Asymmetrical Balance
132

 Creates more interesting


arrangements.
 Suggests informality, relaxed.
 Also referred to as
INFORMAL balance.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Asymmetrical Balance
133

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


134 Radial Balance

 Radial Balance involves having furnishings or patterns arranged

in a circular manner.

 Radiation creates a sweeping, dramatic, circular motion in a


room.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Radial Balance
135

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Radial Balance

136

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


137 RHYTHM
 Leads the eye from one point to another, creates motion.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


138 TYPES OF RHYTHM

 Rhythm by Repetition
 Rhythm by Gradation
 Rhythm by Radiation
 Rhythm by Opposition
 Rhythm by Transition

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Rhythm By Repetition
139

 Rhythm created by
duplicating (repeating)
shapes, colors, pattern, line,
texture.

 Beams in the ceiling are


repeated. Window panes,
repeat. Stripes on ottoman
and chair are repeated.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Rhythm By Repetition
140

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


141

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Rhythm By Gradation
142

 Rhythm created by a
gradual change in size or
color.

 Paint on wall changes


gradually in value.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


143

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


144
Rhythm by Radiation

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Rhythm by Opposition
145

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Rhythm by Transition
146

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Emphasis
147

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


148
Emphasis

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Contrast
149

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


150

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Movement
151

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


152

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


153

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


154

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


Unity
155

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


156

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


157

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


158

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


159

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


160

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


161

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


162

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


163

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


164

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


165

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


166

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


167

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


168

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


169

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


170

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


171

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


172

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


173

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


174

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


175

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


176

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


177

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


178

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


179

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


180

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


181

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


182

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


183

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


184

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


185

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


186

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


187

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


188

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


189

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


190

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


191

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


192

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


193
Multi-Sensory Experience - Five Senses Theory

Jinsop Lee, an industrial designer, believed that great design appeals to all
five senses. He called this, the Five Senses Theory. According to him, one
can grade any experience on all five senses. For e.g, you can grade eating
noodles on sight, smell, touch, taste and sound. Similarly, you can grade
your biking experience. Jinsop graded himself on a bunch of adventure
experiences like bungee jumping, playing games on two different consoles
and others.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


This Five Senses theory can be applied to User Experience Testing too.
194
Users can be asked to review the applications under test and map them on
a scale of 1-10 on all five senses. The broader the area covered, the better
the experience. Further, this theory can be customized to rate the
applications at features level or flow level.

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


195

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


196

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


197

Composed by Pramod Kumar, Assoc. Prof. & CC-FP


198

Composed by Pramod Kumar, Assoc. Prof. & CC-FP

You might also like