DTI UNIT-1 LECTURE NOTES
DTI UNIT-1 LECTURE NOTES
Types of design:
1. Architectural Design: Project living spaces for the human being: buildings, parks, public squares,
houses.
2. Design of Spaces: It is responsible for carrying out projects of the use and adaptation of the spaces
according to specific needs of its usefulness: commercial, residential, educational, labor.
3. Industrial Design: Projects industrial production objects for human use from a spoon to the body of a car
or the fuselage of an airplane, through furniture, tools, artifacts.
4. Graphic Design: Reproduce significant visual messages: logos and brands, posters, magazines, book
covers, websites.
5. Fashion Design: Design and make clothes and clothing accessories: clothes, shoes, jewelry.
6. Textile Design: Combination of some methods of Graphic Design with some others of Industrial Design
and Fashion Design, consists of conceiving and configuring fabrics and patterns for the textile industry:
prints, yarns, embroidery, fibers.
7. Interactive Design: Focused on the design of digital interfaces and software.
A good design:
i. The first one Innovative types
ii. The second one is the product useful
iii. Further, The third one is making different types of products understandable
iv. The fourth one div Honest
v. The fifth one is Long-lasting
vi. Hence, The sixth one is Environmentally types of friendly
Elements of Design:
1. The elements of design create every object around us. Nothing can exist without these ingredients. The
discipline of learning the power of these elements and formatting them within the principles of design is
the responsibility of the designer.
2. Color - typically known as hue. This word represents a specific color or light wavelength found in the
color spectrum, ranging circularly from red to yellow, green, blue and back to red.
3. Line - is a line just a series of points? Or is it the best way to get from point "A" to point "B"? As a
geometric conception, a line is a point in motion, with only one dimension - length. Line has both a
position and a direction in space. The variables of line are: size, shape, position, direction, number,
interval and density. Points create lines, lines create shapes or planes and volume.
4. Mass - Here, mass is interchangeable with volume. A mass is a solid body or a grouping of visual
elements (line, color, texture, etc.) that compose a solid form. Volume is a three-dimensional form
comprising length, width, and depth. Three-dimensional forms contain points (vertices), lines (edges), and
planes (surfaces). A mass is the two-dimensional appearance of a three-dimensional form.
5. Movement - Also known as motion. This element portrays the act or process of changing place or
direction, orientation, and/or position through the visual illustration of starting or stopping points, blurring
of action, etc. This is not animation, although animation is an end product of movement, as well as other
elements of design.
6. Space - A two- or three-dimensional element defined by other elements of design.
7. Texture - A technique used in two-dimensional design to replicate three-dimensional surfaces through
various drawing and media techniques. On three-dimensional surfaces, it is experienced by touch or by
visual experience.
8. Type - Also known as typography, and it is considered an element in graphic design. Although it consists
of elements of design, it is - in itself - often an element in the form of visual communication.
9. Value - Another word for the lightness or darkness of an area. Brightness measured in relationship to a
graded scale from white to black.
Purpose of Design:
The principles of design influence the way users view and interact with a design. When implemented
purposefully, they can be used to create an emotional impact on the user, as well as enhance the overall
user experience.
Principles of design:
The principles of design are applicable to all design disciplines including - but not exclusive to -
architecture, art, graphics, fashion, industrial design, poetry, writing, and web design.
The principles of design are tools used to format the elements of design.
There are twelve basic principles of design: contrast, balance, emphasis, proportion, hierarchy, repetition,
rhythm, pattern, white space, movement, variety, and unity. These principles work together to create
visually appealing and functional designs that make sense to users.
1. Balance
2. Unity
3. Contrast
4. Emphasis
5. Repetition
6. Pattern
7. Rhythm
8. Movement
9. Proportion
10. Variety
11. Harmony
12. Hierarchy
13. White Space
14. Direction
15. Economy
Every design piece has a structure below the surface that holds up the design and makes it visually
interesting and balanced.
Unity is the harmony produced by all the elements in a design piece. For instance, using similar colors that
match and integrate elements organically makes it appear as if they belong together and are not just put on
a page.
We can achieve unity by making clear relationships between visual elements. We can find unity wherever
we find clear organization and order, and the elements of the page won’t be fighting for attention. Instead,
they’ll work together to make the message stronger. Too much unity can result in a sterile design with a
lack of personality.
Lack of unity would make design feel cluttered and confusing. Viewers will be attracted to the wrong
element of the design and won't get a clear message. A good rule of thumb is to place an element in
design only if it enhances the message.
Contrast can create a focal point to certain elements that can draw the viewer’s eyes. Contrast can also be
used to create balance and harmony by making sure items are distributed nicely on a page. Lack of
contrast can make a design look dull, and viewers can overlook the important message. Contrast is
important especially when designing accessible documents. For instance, black type on a white
background will be easier to read than black on a brown background.
The difference between two or more objects in a design is referred to as contrast. The difference in
objects could be light and dark, thin and thick, small and large, bright and dull, etc.
Contrast is most commonly associated with readability, legibility, and accessibility. Like hierarchy, the
most important element in a design should have the most contrast. A bright blue button on a stark white
background with a lot of white space is considered high contrast. If the button was almost the same
color as the background or was a 1px stroke versus a fill, it would have less contrast.
A text-based design could be high contrast by using black text on a white background. For example,An
easy reminder is to think of a black-and-white photo. If the photo has a full range of white, gray, and
black, it has high contrast. If the photo only goes from a dull white to dark gray, it’s a low-contrast
image.
Using repeated elements on a lawet can be pleasing to the viewer. Repetition is repeating a single element
through the design. We can call a grid a repetition of lines because it creates a certain consistency. In
lawet design, repetition is shown through the folio placement to help viewers find their way in a book or
magazine. The same folio placement creates continuity in the repetition.
Repetition is seen on the menu placement, which gives the viewers a constant placement that can make
them feel comfortable and familiar. Repetition can also be achieved by repeating elements in a design like
a logo or a tagline in a brand development project. Below, the repetition of waves gives a feeling that the
page is endless.
Repetition is the recurrence of a design element, commonly utilized in patterns or textures. Repetitive
elements can be used in conjunction with other principles to create a design that leads a user’s eye to a
focal point, has continuity, or flow. A repetitive element could be repeated lines, shapes, forms, color,
or even design elements.
Pattern is the repetition of more than one design element. While repetition focuses on a single element
being repeated, pattern refers to multiple elements repeated throughout a design (e.g. wallpapers and
backgrounds).
A seamless pattern is a repeated set of elements that flows without a flaw to create a unit. We can see
seamless patterns predominantly in interior design when using tiles. The use of patterns can enhance the
viewer's experience and the look of a final design.
In the example,the pattern repeats itself from edge to edge without any disruptions. The pattern is
composed of multiple elements with varying sizes and depths.
Movement refers to the path the viewer’s eye takes through a composition. In an image, every element can
affect how the eyes move. Important elements will lead to secondary elements and so on. Movement in a
composition creates interest and dynamism that keeps the viewer engaged.
Movement can be created with rhythm when using a variation of an element repeatedly. Using curved
lines and diagonal lines creates more movement compared to straight lines. Use lines to trace the path to
the focal point. Color can help enhance the feeling of movement, juxtaposing high and low key colors to
create energy. A literal way of showing movement is by using an image that includes motion, like a
dancer or hair in the wind. Some artists use illusions like optical art, in which the repetition and contrast
make our brains want to organize the information.
In the example, movement is created by the slightly curved lines and the overlapping colors. Both effects
enhance the movement because the lines are unstable and the gradient blurs the lines instead of being
static.
Principles of Design: Proportion
Proportion is the sense of unity created when all the elements in a composition relate well with each other.
Proportion is mostly about scale and size when two elements are compared. For instance, in art and
drawing, proportion is important for the elements to look realistic. Proportion doesn’t necessarily refer to
the size of one element but to the relationship of two or more elements.
In lowest hierarchy, the proportion of the headline compared to the photo caption needs to be larger as the
headline is the most important element. Smaller elements have less importance. When we achieve a good
sense of proportion in a composition, it can add harmony and balance.
Proportion is one of the easier design principles to understand. Simply put, it’s the size of elements in
relation to one another. Proportion signals what’s important in a design and what isn’t. Larger elements
are more important, smaller elements less.
Harmony is the sense of cohesiveness between the elements in a composition. The elements shouldn’t be
exactly the same or completely different but related in some way. Color palettes or similar textures can
create a sense of unity between different components. Using similarly shaped items will create harmony
because they will seem related.
Not enough or too much harmony can make a design dull; there needs to be some kind of variety for it to
be visually interesting.
Principles of Design: Variety
Creating visual interest will keep viewers engaged with our design. Holding their attention and guiding
them through the composition will create a powerful user experience. Variety adds something interesting
to the composition to create contrast and tension. For instance, mixing organic shapes with geometric
shapes adds variety.
An principle operating on the "slim." Especially important when dealing with clients, where their product
or service is more important than the elaboration of design elements. Can also be considered "precise," or
"simplistic." Or, it can be considered great design.
White space—also referred to as “negative space”— is the areas of a design that do not include any design
Many beginning designers feel the need to pack every pixel with some type of “design” and overlook the
value of white space. But white space serves many important purposes in a design, foremost being giving
elements of the design room to breathe. Negative space can also help highlight specific content or specific
parts of a design.
It can also make elements of a design easier to discern. This is why typography is more legible when
upper and lowercase letters are used since negative space is more varied around lowercase letters, which
Shape:
All objects are composed of shapes, and all elements of design are shapes in some way. Shapes can live
in a form. An example would be a button on a website: It’s a shape that’s living inside the computer
(which is the form).
A shape is a two- or three-dimensional object that stands out from the space next to it because of a
defined or implied boundary. A shape can live in different areas in space, and have other elements like
line, color, texture, or movement. Like forms, shapes come in two different types: geometric and
organic.
Geometric shapes can be drawn using a ruler, compass, or digital instrument. They feel very precise,
like an architecture rendering. They’re created in CAD or by hand, and are controlled and orderly.
Organic shapes are found in nature or drawn by hand. They’re the opposite of geometric, and often feel
natural or smooth. That’s not to say that because they’re natural, they’re less complex. Think of the
grain on a stump of wood: It’s complex, but not geometrically precise
With the advent of computer-aided design, the definition of “hand drawn” has blurred. But as long as
they’re performed free hand, organic shapes can be created with a mouse, digital pen, or tablet.
Shapes are essentially closed lines. Shapes are two dimensional and forms are three dimensional. The
basic two dimensional shapes are squares, rectangles and triangles with the related three dimensional
forms being cubes, bricks (technical name is a rectangular prism) and pyramids. An infinite amount of
other shapes exist of course, whether they are fluid organic shapes or rigid abstract shapes.
A shape is the result of enclosed lines to form a boundary. Shapes are two-dimensional and can be
described as geometric, organic, and abstract.
Geometric shapes have structure and are often mathematical and precise (squares, circles, triangles).
You’ll notice that the Swiss graphic design movement from the 1950s used mostly geometric shapes in
their designs. Shapes can add emphasis to a layout.
Organic shapes lack well-defined edges and often feel natural and smooth. Shapes add emphasis to a
layout.
Abstract shapes are a minimalist representation of reality. For instance, a stick figure of a person is an
abstract shape. Logos are mostly represented by abstract figures to show the type of business. The icon
pack below is a great example of abstract shapes conveying real-life objects and situations.
Depending on the color, form, and size of shapes, we can determine particular moods and send messages.
For instance, triangles direct the eyes to a specific point and can also represent stability.
We are surrounded by shapes that we may not think about much; we usually think of shapes as the main
geometric structures. For designers, shape is one of the most important elements when it comes to
branding development.
Form:
Everything posses a form in one way or another. When we talk about form, we’re not talking about the
content of the form, but the form itself.
Forms are three dimensional, and there are two types: geometric (man-made) and natural (organic). A
digital or physical form can be measured by height, width, and depth. A form can be created by
combining shapes, and it can be enhanced by color or texture. Depending on their usage, they can also
be ornate or utilitarian.
For digital design, think of form as the object you’re designing for; so if you’re designing for a mobile
device, the phone is your form.
Forms are essentially three dimensional shapes. The basic two dimensional shapes are squares, rectangles
and triangles with the related three dimensional forms being cubes, bricks (technical name is a rectangular
prism) and pyramids. An infinite amount of other forms exist of course, whether they are fluid organic
forms or rigid abstract geometric forms.
A dot, line, or shape is a form when placed on a page. Unfortunately, form and shape are mostly used
interchangeably. A form can be either two-dimensional or three-dimensional. Many also believe that form
is a shape that acquires three-dimensional values, but the correct term is volume.
Form and shape are mutually dependent because changing one would affect the other. The spatial
relationship between form and space can create tension and add 3D qualities to your design. Form and
space will lend the design lots of visual activity that can help keep viewers engaged. To create a 3D effect
in your design, you can add shadows, stack multiple elements, or play with color.
Dot:
A dot can be considered the beginning of the elements. A dot marks the beginning and the end of a line.
Point A point is an element that has position, but no extension. It is a single mark in space with a precise,
but limited, location. Alone it can provide a powerful relation between negative and positive space, but
when grouped with other points the Gestalt grouping principal of closure tends to kick in and the brain
compulsively connects the points together. Line or form is a natural result of multiple points in space.
INTRODUCTION TO DESIGN THINKING:
Idea
Make
The primary issue to direct design is preeminence to ideation. The core logic of direct
design is that ideas come first and then making comes after.
While doing the direct design it marginalizes and ignores the agency of things,
environments, users and relations.
In 21st century these direct designs were taught as type of closed design process where
designers have ideas and figure out how to realize separately from a deep engagement
with the world.
It becomes obvious that human making could not effectively happen separate from the
world of users, practices, problems, needs, politics so on.
Direct designs are criticized that these are not responsive to real world conditions.
From an awareness of the power of engagement ,a new and expanded form of design
emerged called as Responsive design
Responsive design is just that it begins in a considered response of the world rather
than an idea comes from designers.
Responsive design at its best shifted the focus of design way from the narrow idea of
designers and design as being focused on independently making beautiful things.
Design now become about all the interactive processes needed to make anything come
into being. Responsive design came in many from environmental design to human
centered design
In responsive design the most popular form is “Design thinking”
“Design thinking is simply a form of human centered responsive design broad name “Design
Thinking”.
The simplest way to understand how responsive design transforms direct design is to
see that it adds a new critical step prior to beginning of direct design called
Consultation. Responsive design does not replace direct design so much subsumes it.
During consultation the design thinking variants of design asks: what are up to? What
are the problems? Then the phase of ideation becomes collective: brain storming,
group improvisation and other collaboration exercise are added to mix.
Then response design works as iterative loop. This loop is significant because it
allows the object to evolve through testing and use and not come out of designers
thought.
Response design has had an enormous impact for good. Environmentally centered
design is of great value as is user centered design
A huge part of design thinking appeals that it claims to be an exceptional source of
innovation
individual Teams
Products
Experience
The term design thinking has been applied in two different approaches related to areas
of conceptual development.
The first established body of knowledge, starting in the late 1960‘s investigates how
designer (architects, industrial designers, graphic artists) perform their craft and seeks
to identify the skills, abilities and knowledge of expert designers.
The second use of design thinking is related to business management .since the mid
1980’s interest within the business community grew in exploring how “designer”
thinking could be applied to business challenges, and be performed by employees and
leaders not trained formally as designers.
Design thinking is a blend of logic, powerful imagination, systematic reasoning
and intuition to bring to generate the ideas that consists to solve the problems of the
clients with desirable outcomes .it helps to bring creativity with business insights.
Design thinking helps to gain a balance between the problem statement and the
solution developed.
Design thinking process:
In essence, the Design Thinking process is iterative, flexible and focused on collaboration between
designers and users, with an emphasis on bringing ideas to life based on how real users think feel and behave.,
e.Test – solutions
It's worth noting that the five phases, stages, or modes aren't necessarily in that order.
5 elements of Design Thinking:
The guiding principle behind Design Thinking is putting users and their needs at the center of
business. It’s about designing for change and creating new value.
Instead of designing a product and trying to find ways it will make people’s lives better, you
start by looking at what users really want and need and work toward that goal. You look at the
whole user experience from their perspective. And the more complex the project gets, the closer
you need to look.
Focusing first on the experience rather than simply rushing ahead to just “solve the problem”
leads to faster, more successful solutions and results.
There are five key elements of the Design Thinking process:
1. Human-centered. If you don’t understand the person who will be using the thing you’re trying
to create, it simply won’t work. This principle starts with empathy and focuses on research to really
understand people—clients, customers and users.
2. Creative and playful. Creating an open, playful atmosphere is critical to fueling creativity. It
allows you to frame the problem in a new way, look at it from different perspectives and consider a
variety of solutions.
3. Iterative. Once you’ve come up with a solution or product, it’s important to keep challenging
and reframing the problem. Test, iterate, test and test again. Early rounds of testing and feedback
helps ensure you are delivering solutions that people will love.
4. Collaborative. People with diverse perspectives work together, creating multidisciplinary
teams that encourage different viewpoints and client co-creation. Working in a flat hierarchy.
5. Prototype driven. A prototype can be used to communicate and test your data. Whether it’s a
sample product or an idea drawn on paper, creating tangible representations of your solutions
allows for sharing and gathering feedback.
Features are:
user appealing
requirements product
Features
Year context
The idea of using Design as a way of solving complex problems in a
simplified manner in sciences originated in the book ‘ The science
1963
of
the Artificial’ authored by Herbert A. Simon
The idea of design was achieved for Design Engineering by the
1973
book ‘experiences in visual thinking’ authored by Robert
McKim
Design methodology is defined by “cross” the study of the principles
1982 ,practices and procedures of design are developed .and includes the
study of how designers work and think
Peter Rowes Book Titled “ design thinking” describes methods and
1987
approaches that planners, designers and architects use
The work of Robert Mckim was consolidated by Rolf Faste at Stanford
1980s to 1990s
university during this period
David M Kelly Founded IDEO and adapt Design thinking to business
1991
interests
The design thinking process itself is human centered ,offering
2009 methods for inspiration, ideation and learning to designers --
Brown
2012 Apply the study of design thinking principles in engineering.
Verbal protocol analysis ,cognitive ethnography , controlled
2015 laboratory experiments, and other formal methods from cognitive
science have been rigorously applied in engineering
Design thinking reflected in many applications like prototyping,
2017 solution based method is often useful way to encourage
inspiration, ideation and organization learning and human
centered methods.