Intro to UI/UX Design

Focused View

Jesse Showalter

3:54:08

109 View

1 - Introduction to UI UX Design

1 - Introduction to UI UX Design.mp4

01:29

2 - What are UI UX Designers.mp4

10:42

3 - Career Foundry Article.txt

3 - User Centered Design.mp4

02:07

3 - User Centered Design Hub Spot.txt

4 - UX-Honeycomb.pdf

4 - What makes a UX Good.mp4

02:04

5 - UX Research Basics.mp4

06:18

5 - User-Persona.pdf

6 - Project Requirements.mp4

11:03

6 - Project-Requirments.pdf

7 - User Persona Walk Through.mp4

03:42

7 - User-Persona.pdf

8 - Cheat-sheet-Chapter-1.pdf

8 - Section 1 Review.mp4

01:42

2 - Wireframing

9 - What is a wireframe and how do they work.mp4

04:09

10 - What do wireframes look like.mp4

03:53

11 - Figma Auto Layout Getting Started with Auto Layout.txt

11 - Figma Introduction.mp4

31:19

11 - Figma Variants.txt

12 - Wireframe our hotel app Part 1 LowFi.mp4

17:36

13 - Wireframe our hotel app Part 2 HiFi.mp4

20:41

14 - Wireframe our hotel app Part 3 Basic Prototype.mp4

08:40

15 - Cheat-sheet-Chapter-2.pdf

15 - Section 2 Review.mp4

02:16

3 - Design Prototype

16 - An Introduction to Color Theory and Color Palettes.txt

16 - Applying color to UI.txt

16 - Color.mp4

09:43

16 - Ultimate Guide to Color in UXUI Design.txt

17 - The Ultimate Guide to Basic Typography.txt

17 - Typography.mp4

10:50

17 - Typography Elements Everyone Needs to Understand.txt

18 - Building Better UI Designs With Layout Grids.txt

18 - Design our app with UI Patterns.mp4

22:06

18 - The Comprehensive 8pt Grid Guide.txt

19 - Capstone Project UI Design.mp4

37:05

19 - Project-Requirments.pdf

20 - Bring it to life with a Prototype.mp4

11:19

21 - Cheat-sheet-Chapter-3.pdf

21 - Review.mp4

01:16

4 - Career Beyond

22 - The UI and UX Career Landscape.mp4

04:23

23 - Behance.txt

23 - Build your first portfolio shot.mp4

06:03

23 - Dribbble.txt

24 - Goodbye and Good luck.mp4

03:42

24 - Make Your Portfolio Count.txt

Description

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.

Who is this for?

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

What You Need to Know?

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.

More details

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 design
Then youâ€™ll learn what user centered design is and what makes design â€œgoodâ€
Youâ€™ll learn about how to conduct some research
The you will 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 the doâ€™s & donâ€™ts around typography
Youâ€™ll learn how to create your own icons, buttons & other UI components.
Youâ€™ll learn how to create Components, Constraints, and Variants in Figma
Weâ€™ll build a simple Style Guide and pattern library for our project in Figma
Youâ€™ll understand how to make both simple & advanced micro interactions, page transitions & animations
You 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.
Who this course is for:
This course is for anyone who is interested in UI & UX design but has only recently started their journey into the field.

User Reviews

Rating

average 0

Total votes0

Focused display

I'm a passionate and straight shooting Product UI/UX Designer with high proficiencies in problem-solving, visual UI design, UX design, user-centered design principles and methodologies, product development, and front-end development.A unique skill-set that spans various disciplines from digital marketing to hands-on UI/UX design to front-end development (HTML/CSS/JavaScript). Over 10 years of experience in understanding and developing products from concept ideas into production. Highly effective written and verbal communicator with exceptional problem-solving skills.Capabilities include:- Product Design- UI/UX Design- Visual UI Design- Prototyping- Critical Thinking- Problem Solving- Branding (Identity)- Strategy & Planning- HTML/CSS/Javascript- Sketch, Invision, Adobe Creative Suite

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.