Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

COMPLETE UI/UX MEGA COURSE

person icon Nanyoung Elisha

3.9

COMPLETE UI/UX MEGA COURSE

Elevate your design game with the ultimate UI/UX Mega Course: Where Creativity Meets Functionality

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Nanyoung Elisha

category icon Design,Figma,User Experience Design

Lectures -75

Quizzes -3

Duration -5.5 hours

3.9

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

Hello, I'm Elisha Nanyong, and I'm excited to welcome you to the Complete UI/UX Mega Course using Figma??, where we'll learn everything you need to start working as a UI/ UX Designer using Figma. Together, we'll explore how to create beautiful user interfaces and engaging prototypes using this powerful UI/UX design tool??. We'll also cover the expectations that clients have for new UI/UX designers so that you can be well-prepared for your first job.? If you're new to design or User Experience design, don't worry. This course is intended to be accessible to beginners, and we'll start with the basics and work our way up.? By the end of the course, you'll have the skills and knowledge to create professional designs and prototypes that meet users' needs and goals.? First, we will provide an overview of how to work with a UX persona, followed by a guide on creating basic wireframes.  Then, we will delve into best practices for incorporating colors and images in your designs, as well as dos and don'ts for selecting fonts for web and mobile apps.??️  Additionally, we will cover the creation of custom icons, buttons, and other UI components, and introduce key concepts such as Components, Constraints, and Multi-Dimensional Variants, which are easy to grasp once you understand them.? To streamline our workflow, we will explore free UI kits and plugins for Figma.??  We will then build a simple style guide to prepare for client handoff.  Finally, we will explore how to create both simple and advanced micro-interactions, page transitions, and animations, ensuring a comprehensive understanding of these key elements in design.? By the end of this course, you will have created fully interactive prototypes and seen a project through from start to finish, collaborating with team members and exporting the appropriate files for your developer or software engineer. While we will primarily focus on using Figma software, I will also explain the key techniques and industry terms used in UX design and project management. By the end of the course, you will have a strong grasp of these concepts and be capable of managing your own UX projects. Throughout the course, I will assign projects to help you develop your skills and create a unique portfolio piece. It's time to take your skills to the next level and become a Figma Hero.?? 




Goals

What will you learn in this course:

  • With Figma, you can create fully interactive prototypes, work with UX personas, and design simple wireframes.

  • How to properly implement colors and images, choose appropriate fonts for web and mobile apps, and create icons, buttons, and other UI components.

  • In addition to mastering Figma, you will gain a solid understanding of important UX concepts such as components, constraints, and multi-dimensional variants and have access to free UI kits and plugins that can help speed up your workflow.

  • Throughout the course, you will build a UX project from beginning to end, and learn what clients expect from a UX designer.

  • How to create a simple style guide for client handoff, and make both simple and advanced micro interactions, page transitions, and animations.

  • Whether you want to design websites or mobile phone apps, this course will teach you everything you need to know about working with fonts and colors, testing on mobile devices, and exporting production-ready assets.

  • How to use Photopea to enhance your design.

  • How to create various UI/UX design effects including Glasmorphism, Neomorphism, and Skeuomorphism, and also a comprehensive guide on how to achieve these effects and make your designs stand out.

  • Best of all, you will be able to add (UX designer) to your CV with confidence, knowing that you have the skills and knowledge to succeed in this exciting field.

 

Prerequisites

What are the prerequisites for this course?

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

  • No previous UX Design/UI Design experience is needed.

  • No previous Figma skills are needed.

  • No previous design skills or experience required.

COMPLETE UI/UX MEGA COURSE

Curriculum

Check out the detailed breakdown of what’s inside the course

KICKING OFF
8 Lectures
  • play icon 1. Introduction to Complete UI/UX Mega Course 02:38 02:38
  • play icon 2. Starting out as a beginner 02:23 02:23
  • play icon 3. What is UI/UX, Importance and Differences 03:27 03:27
  • play icon 4. What is Figma 02:09 02:09
  • play icon 5. Intro to Personna 04:18 04:18
  • play icon 6. Task flow and user flow 05:25 05:25
  • play icon 7. What we are Making in this Figma Course 02:28 02:28
  • play icon Exercise
WIREFRAME
3 Lectures
Tutorialspoint
INTRO TO FRAME,TEXT AND COLOR
9 Lectures
Tutorialspoint
PAGES, ICONS AND PLUGINS
5 Lectures
Tutorialspoint
BASIC PROTOTYPING
3 Lectures
Tutorialspoint
BASIC ANIMATION
1 Lectures
Tutorialspoint
Commenting
1 Lectures
Tutorialspoint
MOODBOARD-HIGH FIDELITY
2 Lectures
Tutorialspoint
COLUMNS
1 Lectures
Tutorialspoint
FIGMA TIPS AND TRICKS
5 Lectures
Tutorialspoint
TEXT AND FONTS-ADVANCED
5 Lectures
Tutorialspoint
DRAWING
3 Lectures
Tutorialspoint
IMAGES
2 Lectures
Tutorialspoint
WORKING WITH PHOTOPEA
2 Lectures
Tutorialspoint
AUTOLAYOUT AND CONSTRAINTS
5 Lectures
Tutorialspoint
EFFECTS
2 Lectures
Tutorialspoint
SAVINGS AND HISTORY
1 Lectures
Tutorialspoint
COMPONENTS AND ITS INSTANCES
4 Lectures
Tutorialspoint
VARIABLE AND VARIANTS IN FIGMA
2 Lectures
Tutorialspoint
MAKING A FORM
1 Lectures
Tutorialspoint
PROTOTYPING-ADVANCED
6 Lectures
Tutorialspoint
ANIMATIONS AND MICRO INTERACTIONS
3 Lectures
Tutorialspoint
THOMBNAIL UPDATE
1 Lectures
Tutorialspoint

Instructor Details

Nanyoung Elisha

Nanyoung Elisha

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515