Ultimate Figma Megacourse: UI/UX Design Beginner To Expert

سرفصل های دوره

Become UI/UX Designer in 2023. Use Figma to build career in UI Design, User Interface, User Experience design, UX Design

1. Getting started with FIGMA

1. Creating an account

2. Creating new file And introduction to the layout

3. Layers tab, assets tab And pages

4. Design, prototype And inspect tab

2. Introduction to different tools And creating basic shapes

1. Rectangle, line, arrow And ellipse tool

2. Polygon And star shape tools And quick view settings

3. Selection, move And scaling tool

4. Image tool And quick recap

3. Properties, Basic Editing and vector editing of shapes

1. Basic and vector edits of rectangles

2. Basic and vector edits of lines And arrows

3. Basic and vector edits of ellipses

4. Polygon and star tool

5. Pen And pencil tool, bend tool And bezier curves

6. Comment tool, hand tool and basics of text tool

4. Frames, booleans And mask tool, first project

1. Basics of frame tool

2. Boolean groups

3. Mask tool

4. Image fill Vs masks with effects

5. First project Sliced Text Effect

6. Common mistakes to look out for

5. Alignment tools

1. Alignment tools

2. Space distribution, Quick rearrange handles And tidy up tool

6. Quiz 01

1. Quiz from Lecture 01 to 05.html

7. Grid system

1. Understanding and first look

2. How, why and when of the grid system

3. Product page design with text baseline alignment

8. Constraints, fixed while scrolling And demo the project

1. Understanding constraints

2. Understanding the settings And practical usage

3. Fixed while scrolling

4. Practical usage with a demo project

9. Getting started with auto layout

1. Understanding the basics

2. Understanding the options And settings

3. Deep dive part 1

4. Deep dive part 2

5. Deep dive part 3

6. Deep dive part 4

10. Practical examples And real-life usage using mock projects

1. Mock project 1, 2, 3 And 4

2. Mock project 5, 6, 7, 8 And 9

3. Mock project 10 And 11

4. Mock project 12

5. Mock project 13

6. Mock project 14, 15 And 16

7. Latest features And useful shortcut

11. Typography

1. Understanding the terminology

2. Intro to FIGMA text tool

3. Text customisation options And shortcuts

4. Paragraph controls, alignments, justifications, advanced And additional options

12. Quiz 02

1. Quiz from Lesson 07 t0 11.html

13. Strokes, effects And Glass morphism effect

1. Adding strokes

2. Inner shadow And Drop shadow

3. Layer Blur And Background Blur

4. Glass morphism Project

14. Intro to Wireframes

1. Understanding the concept of a wireframe

2. A walkthrough of creating a Wireframe

3. Understanding the points of wireframing And key points to remember

4. Sketching out the contact us page And a responsive versio

15. From wireframes to the first draft

1. Creating a low fidelity design

2. Creating a navigation bar And header

3. Creating the about us section

4. Creating the sponsors And footer section

16. Making a high-fidelity design from a low-fidelity design

1. Designing the homepage

2. Creating the footer section And understanding the design choices

3. Creating a responsive version

17. Intro to components And Rookie mistakes Dos and Donts

1. Dos And Donts

2. Understanding by comparison

3. Introduction to components

4. Organic components And slash naming convention

18. Quiz 03

1. Quiz from Lesson 13 to 17.html

19. Components And instances Deep dive

1. Understanding Instances

2. Understanding variants

3. Instances And instance swaps

4. Creating component sets

20. Component properties

1. Understanding component properties

2. Properties Vs variants

3. Integrating properties in previous component sets

21. Prototyping in FIGMA

1. What is prototyping And Making connections

2. Making a prototype And different interactions

3. Understanding overlays

4. Overlays part 2

22. Overflow behavior And scrolling

1. Overflow behavior

2. Full screen preview

3. Splash screen animation

4. Mock mailing app refresh animation

5. Delete tap And drag interactions

23. Plugins And widgets

1. Widgets

2. Plugins

3. Plugins 2

4. Plugins 3

5. Plugins 4

24. Quiz 04

1. Quiz from Lesson 19 to 23.html

25. Creating a website design from scratch

1.1 creating a complete website.zip

1. Design look And wireframe

2. Type-scale, text styles And color styles

3. Spacing system, frame selection, grid layout And top nav bar

4. Creating the footer section

5. Buttons

6. Flip cards

7. Review cards And interactive carousel

8. Expanding page, support card And article card

9. Creating vector designs

10. Prototyping And final thoughts

26. Quiz 05

1. Final Quiz.html

45,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy-Training