Mastering UI design

Created 2 months ago and Updated 2 months ago
Objectives:

In this path you will learn: - How to create a colour pallet - How to create a grid that works for modern web applications - How to create a typographic system - How to use griding

4 hours
31 Steps
for all
0
31 reading
#ImageTypeTitleCreatorPlatformDuration
1
Designing Emotional UI. Emotions play a massive role in our… | by Nick Babich | UX Planet
Designing Emotional UI. Emotions play a massive role in our… | by Nick Babich | UX PlanetNick Babichuxplanet.org5 minutes

What you'll learn in this step:

In this article, the author talks about how emotions play a role in design and how to bake emotions into digital products. Emotions are important because they make the experience more memorable and drive adoption. The author gives examples of how to bake emotions into digital products, such as using animated effects, AR masks, and contextual AR hints.

2
Principles of Design: Balance – UX Engineer
Principles of Design: Balance – UX EngineerNick Rollinsuxengineer.com5 minutes

What you'll learn in this step:

In this step you'll learn about balance in design. Balance refers to an even distribution of visual weight and can be achieved with symmetric, asymmetric, radial, or mosaic approaches. Too much or too little balance can lead to visual tension.

3
How to use contrast in UI Design. Definition and examples | by Wojciech Zieliński | Prototypr
How to use contrast in UI Design. Definition and examples | by Wojciech Zieliński | PrototyprWojciech Zielińskiprototypr.io10 minutes

What you'll learn in this step:

In this article, the author discusses different ways to use contrast in UI design. Contrast is an important element of design that allows designers to define values, properties, and priorities of an element relative to another element. The author provides several examples of how contrast can be used effectively in design.

4
Complete guide to form design - Justinmind
Complete guide to form design - JustinmindRebeka Costajustinmind.com15 minutes

What you'll learn in this step:

ERROR

5
Visual Hierarchy: Effective UI Content Organization
Visual Hierarchy: Effective UI Content OrganizationMarina Yalanskatubikstudio.com10 minutes

What you'll learn in this step:

This article is about visual hierarchy and how it is used to organize UI elements. Visual hierarchy is based on the Gestalt psychological theory which examines users’ visual perception of elements in relation to each other. Designers use visual hierarchy to present the content of a product in a way that is easy for users to comprehend. Typography is a big part of visual hierarchy and designers use different fonts to create a hierarchy of copy elements. Visual hierarchy is created using tools such as size, color, contrast, negative space, proximity, and repetition.