Visual design and Typography in HCI Also about Artwork

1. Design Principles

2. Principles
• Balance
• Proportion
• Perspective
• Emphasis
• Movement
• Pattern
• Rhythm
• Variety
• Harmony
• Unity

3. Balance
Balance is a psychological sense of equilibrium.

5. Movement
Motion or movement in a visual image occurs when objects seem to be
moving in a visual image.
Exp: fast arrow key
Tells about the different states of products

6. Proportion
Perspective is created through the arrangement of objects in two
dimensional space to look like they appear in real life.

7. Emphasis
• An area or object within the artwork that draws attention and
becomes a focal point (the point on the axis of a lens).

9. Perspective
• Perspective in art is the technique used to represent three-
dimensional objects on a two-dimensional surface (a piece of paper
or canvas ) in a way that looks natural and realistic. Perspective is
used to create an illusion of space and depth on a flat surface

11. Patterns
• Pattern is an underlying structure that organizes surfaces or
structures in a consistent, regular manner.
• Pattern exists in nature as well as in designed objects; it is useful to
look at the parallels. A Harvard biologist named Peter S. Stevens has
published a book entitled "Patterns in Nature" in which he claims that
there are only a finite number of ways that patterns can be
structured. He starts with the idea of a grid as the foundation for any
structure or image

14. WHAT IS RHYTHM IN DESIGN
• Rhythm in design is also known as repetition. Rhythm allows your
designs to develop an overall consistency that makes it easier for your
customers to understand. Once the brain recognizes the pattern in
the rhythm.
• Example
• Like stairs
• Streets
• Path
• Layouts
Every ware

15. Variety
• Definition. Variety is a principle of design that refers to a way of
combining visual elements to achieve complex relationships. It is a
technique used by artists who wish to increase the visual interest of
their work.

16. unity in visual design
• Unity is the relationship among the elements of a visual that helps all
the elements function together. Unity gives a sense of oneness to
a visual image. In other words, the words and the images work
together to create meaning.