Scribd Logo
Upload

Welcome to Scribd!

  • 26 views

    06 UI Design

    Uploaded by

    None

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    06 UI Design

    Uploaded by

    None
    26 views56 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    26 views56 pages

    06 UI Design

    Uploaded by

    None

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    You are on page 1of 56

    14013502-3

    User Interface Design (UID)

    Lecture 06
    UI Design
    Wireframing
    Pattern Libraries
    Visual hierarchy
    • Visual hierarchy Refers to the organization of
    the design elements on the page so that the
    eye is guided to consume each design element
    in the order of intended importance.
    • 1. Color and contrast
    • 2. Scale
    • 3. Grouping: Proximity and Common Regions
    Color Psychology
    Emotions and Colors
    Red Color
    • You’ll usually see red color in situations where
    users’ attention is a must – such as sales and
    other promotional campaigns. Moreover,
    designers use red for CTAs or error messages.
    • Using red in branding is also a powerful
    statement – it sparks emotions of urgency,
    energy, and passion.
    Orange Color
    • Orange is an exciting color associated
    with adventure, adolescence, warmth, and
    success.
    • Humans also usually connect orange with
    citrus, which evokes feelings of freshness.
    • Customers respond to orange in many ways:
    they can perceive it as playful and friendly and
    associate it with affordable products.
    Yellow Color
    • Learning the meaning of yellow is another
    step closer to fully grasping color psychology
    in UX. Yellow is a happy color. It
    conveys optimism, cheerfulness, joy, and in
    some cultures, prosperity, and royalty.
    Children mostly prefer yellow, but such
    preference declines as they age.
    • That’s why designers usually use yellow for
    products targeted at children.
    Green Color
    • Color psychology in UX associates green with
    nature, grass, trees, and earth, which evokes
    peace, tranquility, and a feeling connected to
    nature and ecology. Different cultures
    attach different meanings to green.
    Blue Color
    • Blue is a natural color – it represents the sky
    and daylight. Blue light wavelengths help us
    wake up in the morning. It’s also the color of
    the water. Such connections make us connect
    the blue color with calmness, serenity, and
    security.
    Pink Color
    • All around the world, pink symbolizes love and
    romance. Moreover, this color sometimes
    evokes calm feelings. Pink also
    represents creativity, power, and euphoria. If
    we consider the cultural meaning of pink, in
    Western cultures, it’s a feminine color that
    marks a daughter’s birth. It also illustrates fun
    and childhood.
    White Color
    • From a cultural standpoint, many cultures
    associate white with innocence, purity, and
    cleanliness. On the contrary, white can also
    seem bland and dull, so it’s crucial to
    understand color psychology in UX and use
    white properly.
    Black Color
    • Many people consider black a premium color
    that exudes sophistication and
    boldness. Others connect it with death,
    sadness, bad luck, mystery, and illness. In the
    Middle East, black color represents both
    rebirth and mourning. In Africa, black signifies
    masculinity, maturity, and age.
    Gold Color
    • Gold is a color that doesn’t need broad
    explanations. Most of the time, gold
    represents money, wealth, luxury, and power.
    Gold is the most precious metal of all time, so
    it’s also associated with divinity, royalty, and
    perfection in many cultural and religious
    settings.
    Color Schemes
    Color Schemes
    Color Schemes
    Color Schemes
    Color Schemes - Complementary
    Color Schemes

    You might also like