User Experience Design – Learn UI UX App Design with Figma


Design Person-Centered Cellular Apps and Remedy Actual Issues : Person Interface, Person Expertise design, UX Design with Figma

What you’ll be taught

Grow to be a Profitable UI/UX designer.

Visible design fundamentals: Grasp coloration psychology, the 60-30-10 rule, choose font that enhances readability and model identification, and iconography.

Group: Preserve the whole lot neat, discovering what you want in a flash.

UX rules and legal guidelines: Construct user-centered apps that anticipate wants and resolve actual issues.

Study to design wireframes and low constancy prototypes

Study to construct high-fidelity mockup and prototype by following greatest practices.

use Figma for Important UX Design & UI Design

Description

Able to launch your UI UX app design journey or take your abilities to the following degree? This class is your rocket gasoline!

We’re ditching dry idea and leaping proper into pixel-perfect actuality. Flip your imaginative and prescient into a surprising cell app, one pixel at a time.

Right here’s what you’ll grasp:

  • The significance of wireframes and prototypes within the early phases of the design course of.
  • use the Figma design software.
  • design low-fidelity wireframes.
  • design high-fidelity mockups.
  • create interactive prototypes.
  • Visible design fundamentals: Grasp coloration psychology, the 60-30-10 rule, choose font that enhances readability and model identification, and iconography.
  • Group: Preserve the whole lot neat, discovering what you want in a flash.
  • UX rules and legal guidelines: Construct user-centered apps that anticipate wants and resolve actual issues.
  • UI design: construct high-fidelity mockup and prototype by following greatest practices.

Who’s this class for?

Anybody who needs to be taught the A-Z of making wireframes and low-fidelity prototypes. then flip them to high-fidelity mockups and interactive prototypes! No prior expertise is required, only a ardour for creating superb apps.

Your co-pilot on this journey? Me! We’ll craft a scrumptious food-ordering app collectively, mastering UX/UI rules alongside the way in which. By the top, you’ll be prepared to overcome any app you dream of.

Advantages? Buckle up!

  • Grasp visible design and UX rules: From colours and fonts to person journeys, you’ll construct a rock-solid basis.
  • Craft gorgeous high-fidelity mockups and prototypes: Say hiya to your future portfolio!
  • Grow to be a user-centered design champion: Construct apps that actually resolve issues and make life simpler.

What are the necessities for taking this class?

  • A pc/laptop computer with entry to the Web.
  • A Figma account.

Able to launch your UI/UX design journey? Let’s get began!

English
language

Content material

Introduction

Welcome to UX UI App Design Course
Introduction to wireframes
Introduction to prototype and totally different between wireframe and prototype

Wireframe Fundamentals

Figma Introduction
Design first wireframe for Gmail app
Design second wireframe for YouTube Studio app
Design third wireframe for Instagram
Design fourth wireframe for Linkedin

Design Wireframes for Meals Supply App

Intro to design wireframe for meals supply app
Design residence web page wireframe for meals supply app
Design search web page wireframe for meals supply app
Design single meals web page for meals supply app
Construct cart web page for meals supply app
Construct order affirm popup for meals supply app
Design add to cart popup for meals supply app
Do last contact as much as wireframe earlier than convert to prototype

Create prototype of meals supply app

Create prototype of meals supply app – Half 01
Create prototype of meals supply app – Half 02
Take a look at meals supply app prototype

First Project

Project particulars

UX Visible Design – Choose Colours

Introduction to UX Visible Design
Deciding on Colours Utilizing Coloration Psychology
Deciding on a Major Coloration
The 60-30-10 Rule
Creating the Coloration Palette
Coloration Accessibility Examine
Bonus Lecture – Straightforward Methods to Choose Colours

UX Visible Design – Typography

Fundamentals of Typography
Message and Emotion in Typography
Use the Google Fonts Web site
Deciding on Fonts for a New Meals Supply App

UX Visible Design – Iconography

Iconography

UX Design Fundamentals

Design System
UX Rules and Legal guidelines
Data Structure (IA)

UI Design with Figma

Making a Figma Account
Grid Format
Auto Format Fundamentals

Model Brand

Designing a Model Brand

Hello-Fi Mockups with Figma

Sticker Sheet
Hello-Fi Mockups Introduction
Designing the Header
Enhancing the Header
All About Parts

Hello-Fi Mockups Design – Homepage

Designing the Search Field
Designing the Class Part
Including Content material to Classes
Designing Common Meals Part
Making Adjustments to Meals Merchandise Element
Including Content material for Meals Gadgets
Designing Really useful Meals Part

Hello-Fi Mockups Design – Search Web page

Designing Search Web page
Designing Search Outcomes Part
Professional Tip to Enhance UI Design Expertise

Hello-Fi Mockups Design – Single Meals Web page

Designing Single Meals Web page
Designing Greenback Quantity Preview and Star Ranking
Creating Depend Controller and Including to Cart Button
Including Description Part
Creating Critiques Part

Hello-Fi Mockups Design – Cart Web page

Designing Cart Web page
Altering My Cart Design
Designing Cart Gadgets Abstract Part
Including Content material to the My Cart Part
Designing Cart Web page – Half 05
Designing Cart Web page – Half 06

Fixing UI/UX Points and design footer menu

Fixing UI/UX Points within the Design
Designing Footer Menu

HI-FI Prototype

Prototype Introduction
Use the Prototype Tab to Make Design Interactive
Prototyping – Half 2
Making Carousel Scroll
Including Footer Menu to Frames
Including Connection to Popup
Including Horizontal Scrolling to Assessment Part
Making the Search Field Interactive
Utilizing Variables to Take away Cart Gadgets

Second Project

Project and Thanks!

The submit Person Expertise Design – Study UI UX App Design with Figma appeared first on destinforeverything.com/cms.

Please Wait 10 Sec After Clicking the "Enroll For Free" button.