Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

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

via Skillshare

Overview

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: 

  1. Aesthetic-Usability Effect – Why even bother?
  2. What is Visual Hierarchy?
  3. Law of Prägnanz – Simplicity is key! 
  4. Law of Similarity – use colour, size, and shape to create a design system
  5. A little more on text- and touch target size
  6. Law of Proximity – Spacing systems and grids
  7. Law of Common Region – Creating sections and adding structure to your layout
  8. Von Restorff Effect – Drawing attention where you need it
  9. Law of Common Fate – Behavioural prediction
  10. 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! 

© moonlearning.io with moon learning

Syllabus

  • Promo
  • Demystifying: What is UX/UI Design?
  • Hello and a word on Gestalt Theory
  • Aesthetic Usability Effect – Why even bother with design?
  • What is Visual Hierarchy?
  • Law of Prägnanz – Simplicity is key! 
  • Law of Similarity – colour, size, and shape
  • A little more on text and button size
  • Law of Proximity – Spacing systems and grids
  • Law of Common Region – Creating sections in your layout
  • Von Restorff Effect – Drawing attention where you need it
  • Law of Common Fate – Behavioural prediction
  • Visceral reaction – Emotion in your design 
  • Download Material
  • EXERCISE --> Figma co-working website
  • Wanna add some UX?
  • Thank You!

Taught by

Christine Vallaure

Reviews

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.