Intro To Ui/Ux Design

Get ready to dive into the world of User Interface (UI) and User Experience (UX) Design

What you'll learn

Understand and define the various fields of UI and UX Design.

Ideate and sketch wireframes using different representations of web elements.

Use Figma to create polished and interactive prototypes.

Learn how to design a series of wireframes for a mobile application

From there we’ll look at how to implement colors & images properly in your designs.

You’ll learn how to create your own icons, buttons & other UI components.

Understand popular design techniques used by industry professionals such as wireframes, Type scales, Components, and the 60-30-10 color rule.

Requirements

This course does not require any prerequisite knowledge. This is an introductory course for anyone interested in learning about UI and UX design!

You'll need a copy of Figma. A free plan is available on the Figma website.

No previous Figma skills are needed.

No previous design skills or experience required.

Description

Hi there - my name is Jesse Showalter & welcome to Intro to UI/UX Design. Together you and I are going to learn everything you need to get started working as a UI/UX Designer using Figma.This course is aimed at people new to design, new to User Interface and User Experience design. Even if you’re not totally sure what UI/UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.First we’ll define what the differences are between UI and UX designThen you’ll learn what user centered design is and what makes design “good”You’ll learn about how to conduct some researchThe you will learn how to design a series of wireframes for a mobile applicationFrom there we’ll look at how to implement colors & images properly in your designs.You’ll learn the do’s & don’ts around typographyYou’ll learn how to create your own icons, buttons & other UI components.You’ll learn how to create Components, Constraints, and Variants in FigmaWe’ll build a simple Style Guide and pattern library for our project in FigmaYou’ll understand how to make both simple & advanced micro interactions, page transitions & animationsYou will walk through the UX & UI design process from start to finish as you complete your class project all the way through to the end.Once finished with your project you will learn some crucial insights about getting hired in the industry and use the results of your project to build your very own design portfolio.We’ll be focusing on the software Figma but I’ll make sure to explain the techniques & terms commonly used in the UI/UX industry. By doing this you will develop a mature understanding of the industry and will be able to confidently build on these foundations until you get hired for your first design job.Now is the time to upgrade your career & go from UI/UX Zero to Hero.

Overview

Section 1: Introduction to UI & UX Design

Lecture 1 Introduction to UI & UX Design

Lecture 2 What are UI & UX Designers

Lecture 3 User Centered Design

Lecture 4 What makes a UX “Good”

Lecture 5 UX Research Basics

Lecture 6 Project Requirements

Lecture 7 User Persona Walk Through

Lecture 8 Section 1 Review

Section 2: Wireframing

Lecture 9 What is a wireframe and how do they work?

Lecture 10 What do wireframes look like?

Lecture 11 Figma Introduction

Lecture 12 Wireframe our hotel app Part 1 - Low-Fi

Lecture 13 Wireframe our hotel app Part 2 - Hi-Fi

Lecture 14 Wireframe our hotel app Part 3 - Basic Prototype

Lecture 15 Section 2 Review

Section 3: Design & Prototype

Lecture 16 Color

Lecture 17 Typography

Lecture 18 Design our app with UI Patterns

Lecture 19 Capstone Project UI Design

Lecture 20 Bring it to life with a Prototype

Lecture 21 Review

Section 4: Career & Beyond

Lecture 22 The UI and UX Career Landscape

Lecture 23 Build your first portfolio shot

Lecture 24 Goodbye and Good luck

This course is for anyone who is interested in UI & UX design but has only recently started their journey into the field.