Intro to UI Design: User Interface Design Principles for UX/UI Designer (+Figma Design Exercise)

Focused View

Christine Vallaure

48:08

6 View

01 Promo.mp4

01:23

02 Demystifying What is UX UI Design.mp4

06:01

03 Hello and a word on Gestalt Theory.mp4

03:04

04 Aesthetic Usability Effect Why even bother with design.mp4

03:09

05 What is Visual Hierarchy.mp4

04:10

06 Law of Pragnanz Simplicity is key.mp4

02:09

07 Law of Similarity colour, size, and shape.mp4

04:59

08 A little more on text and button size.mp4

06:16

09 Law of Proximity Spacing systems and grids.mp4

04:18

10 Law of Common Region Creating sections in your layout.mp4

04:18

11 Von Restorff Effect Drawing attention where you need it.mp4

02:27

12 Law of Common Fate Behavioural prediction.mp4

01:32

13 Download Material.mp4

01:42

14 EXERCISE -- Figma co-working website.mp4

01:22

15 Wanna add some UX.mp4

00:42

16 Thank You!.mp4

00:36

Description

Today we're going to learn about the principles of UI Design.

When looking at UI Design, we can usually tell which design works better, but when you start working on your own designs, it's suddenly not that easy anymore.

What is the secret behind this perfect distribution of space, size, and contrast that seems so pleasing to us?

I will show you the principles of User Interface Design and what, how, and why they make a difference.

We will look into:

Aesthetic-Usability Effect – Why even bother?
What is Visual Hierarchy?
Law of Prägnanz – Simplicity is key!
Law of Similarity – use colour, size, and shape to create a design system
A little more on text- and touch target size
Law of Proximity – Spacing systems and grids
Law of Common Region – Creating sections and adding structure to your layout
Von Restorff Effect – Drawing attention where you need it
Law of Common Fate – Behavioural prediction
Visceral reaction – Emotion in your design

We will finish by designing our own co-working website from a wireframe, using all our new knowledge.

This course is for you if you're new to UX design or simply want to brush up on your skills.

Make sure to check out the first part of this series here on Skillshare: UX Design Principles!

What You'll Learn?

Design Principles
User Interface Design
Creative
UI Design
UI/UX Design
Figma

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Hi, I'm Christine Vallaure, founder of moonlearning a UX/UI design + Figma learning hub. . moonlearning is my pet project that has turned into a full-time job, and I couldn't be happier about it. I love talking, teaching, and writing about UX/UI design and Figma, always encouraging UI designers and developers to be curious about each other's work.

Besides video tutorials, I also offer live and online workshops and speak at conferences and meetups. Connect with me on Twitter, LinkedIn, YouTube and via my newsletter, so I can keep you updated on future moonlearning adventures.

You will find a small selection of some of my original moonlearning courses here on skillshare. Content is shortened and adjusted to the skillshare format. Enjoy!

www.moonlearning.io

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.