logo

UI/UX Design patterns + best practices — Taught by a University UX/UI instructor - 2022

feature icon

Self-paced course

Price

Rating

Overview

This class is a breakdown of user interface design patterns and components.

Design patterns are a set of User Interface guidelines and rules that pertain to how users use products and user interface elements. Understanding these design patterns is a must for any UX or UI designer. Things like form fields, dropdown, navigation bars, tab bars, date pickers etc.

Part 1:

We will deep dive into each user interface component and will cover best practices for the following:

• Form fields

• Buttons

• Dropdowns

• Date pickers

• Radio buttons, Checkboxes & Toggles

• Address Forms & Search Forms

• Tab Bars & Title Bars

• Accordions & Tabs

• Tool Tips & Shadows

• Thumbnails & Carousel

• Modals & Lightboxes

• Menus & Drawers

• Wizards, Breadcrumbs & Pagination

• Icons & Photos

PART 2 - FIGMA DESIGN:

I have provided a Figma file that we will use as a project that you can download. We will then go step-by-step and build out the design components within live prototypes together using the design tool figma

Skills you will gain

Similar courses

course image
Figma UI UX Design Essentials
logo
Skillshare
course image
Learn Figma: User Interface Design Essentials - UI/UX Design
logo
Skillshare
course image
Hummingbird Inspired Evening Dress Design
logo
Skillshare
course image
Figma 2022: The Absolute Beginner to Pro Class
logo
Skillshare
course image
Intro to UI/UX for Graphic Designers: Adobe Xd
logo
Skillshare
course image
UI/UX-Design 101: Basic Principles, Laws & Biases with Real-World Case Studies
logo
Skillshare

Featured articles

Sep 12, 2022

WATCH these YouTube videos if you can't start learning a language

5

0
1
4K

Sep 12, 2022

How Memrise works + reviews [2022]

6

0
1
4K

Sep 12, 2022

5 tips to learn languages with YouTube videos [2022]

7

0
1
4K

Sep 12, 2022

How I Became a Marketing Manager at Microsoft

8

0
1
2K

Sep 24, 2022

How Edureka works + reviews [2022]

3

0
2
2K

Sep 27, 2022

How Codecademy works + reviews [2022]

3

0
2
2K
course image
feature icon

341 students

feature icon

English

feature icon

Beginner

Provided by

Authored by