UI/UX design requisite with Figma: Design a full NFT app

Focused View

Atunde peter

5:19:44

145 View

1. Fundamentals

1. Introduction to ui ux design.mp4

01:12

2. What is UI UX Design.mp4

00:49

3. Importance of UI UX Design.mp4

00:39

4. Difference between UI UX Design.mp4

00:54

5. Why learn UI UX design.mp4

00:35

2. Introduction to figma

1. Introduction to figma.mp4

02:03

3. Common problems faced by designers

1. Common problems faced by designers.mp4

08:57

4. Figma interface

1. Figma interface.mp4

08:53

2. Design Tab.mp4

12:18

3. Working with text.mp4

05:48

4. Saving and sharing Project.mp4

02:19

5. Shortcut and tips.mp4

08:28

5. Design system

1. Typography.mp4

05:32

2. Saving your design system.mp4

04:05

3. Creating Color system.mp4

09:21

4. Layouts Grids.mp4

05:37

5. Importance of layout grid.mp4

03:11

6. Animation

1.1 animation.zip

1. Animation.mp4

17:35

7. Wireframing

1.1 nft wireframe.zip

1. Wireframing in figma.mp4

23:54

2. Wireframing assignment.html

8. Project overview

1.1 nft marketplace (7).zip

1.2 Project images.zip

1. Project overview.mp4

08:51

9. Login page

1. Login page.mp4

32:54

10. Landing page

1. Landing page I.mp4

23:58

2. Landing page continuation II.mp4

13:11

3. Landing page done.mp4

17:05

4. Landing page continuation III.mp4

31:59

11. Details page

1. Details page.mp4

20:24

2. Details page footer correction.mp4

04:19

3. Details page icon correction.mp4

05:20

12. Success page

1. Success page.mp4

13:30

2. Fixing images and title text.mp4

05:41

3. Fixing images for other pages.mp4

01:46

13. Complete Prototype

1. Adding blur effect to our background.mp4

06:58

2. Complete Prototype.mp4

11:38

Description

Learn to design a complete decentralized app (project included).

What You'll Learn?

5 hours of valuable content that will land you a high paying job
Learn how to build a project from scratch.
Build a complete project you can add to your portfolio.
Ability to navigate across Figma using shortcuts and tips
Learn how to create basic animations using Smart Animate.
Ability to build design system as component from scratch
Ability to understand and bisect a design brief when handling a freelance job.
You will learn where to get design inspiration to speed up your workflow.
Learn ability to wireframe easily
Master Figma interface quickly
Learn the typography and color systems
Learn how to build a design system from scratch
Learn about grid layout and its importance
Learn how to combine your pages and turn them into a prototype.

Who is this for?

Anyone who wishes to work as a designer for a corporation or launch their own side UI/UX design business

Developers looking to expand their skillset with useful skills.

Anyone who wants to become an expert in Figma and get paid for their skill.

Novices in the design field

More details

Description

The aim of this course is to teach you how to build a complete project from start to finish.

The only way to learn is by doing.

Before building the project, we are going to be covering some basics of UI and UX design for best understanding.

Take a moment to go through the outline below.

1. Fundamentals

Introduction to UI UX Design
What is UI UX Design
Importance of UI UX Design
Difference between UI/ UX Design
Why learn UI UX design

2. Introduction to Figma

What is Figma use for
Tools used for UI UX design
Why Figma

3. Common problems faced by designers....

Where to get inspiration from
Understanding a design brief
Importance design system
Importance of wireframe

4. Figma interface

Design Tab
Understanding the align tools
Working with text
Saving and sharing Project/Saving your Figma file
Shortcut and tips

5. Design system
Typography
Saving your design system
Creating Color system,
Layouts Grids
Importance of layout grid.

6. Animation
7. Wireframing in Figma

8. Project OVERVIEW

9. Login page

10. Landing page I
Landing page continuation II
Landing page continuation III
Landing page done

11. Details page

Details page footer correction
Details page icon correction
12. Success page

Fixing images and title text
Fixing images for other pages
Adding blur effect to our background

13. Complete Prototype

After taking this course, you will be able to create wireframes, animations, and fully interactive prototypes.

You will also get a project design you can add to your portfolio.

It is time to be a Figma Pro. See you on the course.
Who this course is for:
Anyone who wishes to work as a designer for a corporation or launch their own side UI/UX design business
Developers looking to expand their skillsetÂ with useful skills.
Anyone who wants to become an expert in Figma and get paid for their skill.
Novices in the design field

User Reviews

Rating

average 0

Total votes0

Focused display

After earning a Higher National Diploma from the School of Technology and Management, I decided to become a freelancer, and in order to be my own boss, I founded a company that focuses on increasing the online awareness of businesses while working in close relationships to help business owners and individuals with their administrative tasks. This company offers a wide range of services, including website development, graphics design, social media management, email marketing, content creation, administrative support, and customer support service.Before this period, I had gone through rigorous training and a steep learning curve on many technologies.I have mastered many technologies I come across at a fast pace, from web development to the blockchain industry.I have mastered many programming languages, such as HTML, CSS, ReactJS, Web 3, Python, MQL4, MQL5, and more.I later discovered that a good UI design will help not only your product to look presentable but also your brand to grow quickly, so I also ventured into UI/UX design.Personally, I have built skills that have made me versatile and relevant in the tech industry.I believe sharing my knowledge on this platform will be worthwhile.I remain my humble self.Atunde Peter O.

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.