Free Download 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.


Homepage

https://www.udemy.com/course/intro-to-uiux-design/

Related Downloads :

{related-news}