Scribd
Upload
56 views15 pages

Design Principles & Color Theory

The document explains the concepts of UI (User Interface) and UX (User Experience) design, highlighting their focus on visual elements and overall user experience, respectively. It outlines key design principles such as proximity, simplicity, continuity, closure, similarity, good form, symmetry, order, and common fate, which guide effective design practices. Additionally, it describes the color theory, detailing primary, secondary, and tertiary colors and their relationships in design.

Uploaded by

sivashankarsridevi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
56 views15 pages

Design Principles & Color Theory

The document explains the concepts of UI (User Interface) and UX (User Experience) design, highlighting their focus on visual elements and overall user experience, respectively. It outlines key design principles such as proximity, simplicity, continuity, closure, similarity, good form, symmetry, order, and common fate, which guide effective design practices. Additionally, it describes the color theory, detailing primary, secondary, and tertiary colors and their relationships in design.

Uploaded by

sivashankarsridevi
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 15

• UI stands for User Interface

• UI design refers to the process


of designing the visual and
interactive elements of a
product. It's about how the
product looks and how users
interact with its interface.
• UX stands for User Experience
• UX design focuses on the
overall experience users have
when interacting with a
product. It's about how the
product feels and how easily
users can achieve their goals.
1. Proximity

• Objects that are close to each


other are perceived as a group.

• This principle is used in design


to create organization and
relationships between elements.
2. Simplicity

• The mind perceives ambiguous


or complex image as simple and
stable.
3. Continuity

• The eye is drawn along paths,


lines, and curves.

• Continuity guides the user's eye


in a natural flow, improving
navigation.
4. Closure

• The mind tends to fill in missing


parts to perceive a complete
image.

• This can be used to create


memorable and impactful
designs.
5. Similarity

• Elements that are similar in


shape, color, size used to create
consistency and cohesiveness in
their designs.
6. Good Form

• People perceive complex images


in the simplest form possible.

• This guides designers to create


clear and straightforward
designs.
7. Symmetry and order

• The mind perceives objects as


symmetrical and ordered around
a center point.

• This principle helps create


balance and predictability in
design.
8. Common Fate

• Elements moving in the same


direction are perceived as a
group.

• This is useful in animations and


interactive designs to show
relationships.
Primary Colors

• Primary colors are the fundamental colors that cannot


be created by mixing other colors. They serve as the
building blocks for all other colors.

• Example: In the RGB color model used in digital screens,


the primary colors are Red, Green, and Blue.
Combining these in various ways produces the entire
color spectrum.
Secondary Color

• Secondary colors are created by mixing two primary


colors in equal amounts.

Orange (Red + Yellow)


Green (Blue + Yellow)

• Example: In painting, mixing red and yellow yields


orange, blue and yellow yields green, and red and blue
yields purple.
Tertiary Color

• Tertiary colors are formed by mixing a primary color


with a neighboring secondary color. These colors
typically have more complex names.

• Example: When you mix primary blue with secondary


green, you get blue-green, often seen in teal hues.
Mixing primary red with secondary purple gives red-
purple, often seen in magenta tones.
If you have any doubts you can ask me out

You might also like