Udemy – Figma UI UX Design Essentials

Categories: Design, UI/UX
Wishlist Share
Share Course
Page Link
Share On Social Media

About Course

Udemy Original Course Link

 

This course is aimed at people new to design, new to User Experience design. Even if you’re not totally sure what UX really means, don’t worry. We’ll start right at the beginning and work our way through step by step.

  • First we’ll describe the brief & how to work with a UX persona.

  • Then you’ll learn how to create simple wireframes.

  • From there we’ll look at how to implement colours & images properly in your designs.

  • You’ll learn the do’s & don’ts around choosing fonts for web & mobile apps.

  • You’ll learn how to create your own icons, buttons & other UI components.

  • You’ll learn some pretty scary terms such as Components, Constraints & Multi Dimensional Variants. They are all really easy to understand once you know how.

  • We’ll also make our lives easier by using free UI kits & plugins for Figma which will speed up our workflow dramatically!

  • We’ll build a simple Style Guide ready for client handoff.

  • You’ll understand how to make both simple & advanced micro interactions, page transitions & animations

Show More

What Will You Learn?

  • Figma ကို အသုံးပြုပြီး UX Designer အဖြစ် စတင်အလုပ်လုပ်နည်းကို သင်ယူရပါမယ်။
  • UX Design နဲ့ UI Design အတွက် မဖြစ်မနေတတ်သိဖို့လိုတဲ့ Figma အသုံးပြုပုံကို လေ့လာရပါမယ်။
  • တုန့်ပြန်မှုရှိတဲ့ Prototype များကို ဖန်တီးနည်းကို လေ့လာရပါမယ်။
  • UX Personas များနဲ့ အတူ လုပ်ဆောင်နည်းကို သင်ယူရပါမယ်။
  • ကိုယ့် CV (အလုပ်လျှောက်လွှာ) မှာ UX Designer အဖြစ် ထည့်သွင်းဖော်ပြနိုင်အောင် လေ့လာရပါမယ်။
  • UX Project တစ်ခုကို အစမှ အဆုံးအထိ တည်ဆောက်နည်းကို သင်ယူရပါမယ်။
  • UX Designer တစ်ဦးအဖြစ် Client ထံမှ မျှော်လင့်ချက်များကို နားလည်နိုင်ဖို့ လေ့လာရပါမယ်။
  • ရိုးရှင်းတဲ့ Wireframe များ ဖန်တီးနည်းကို သင်ယူရပါမယ်။
  • အရောင်များနဲ့ ပုံများကို မှန်ကန်စွာ အသုံးချနည်းကို လေ့လာရပါမယ်။
  • Website နဲ့ Mobile App များအတွက် Font ရွေးချယ်တဲ့အခါ မလုပ်သင့်တာများ၊ လုပ်သင့်တာများကို သင်ယူရပါမယ်။
  • ကိုယ့်ကိုယ်တိုင်ဖန်တီးနိုင်မယ့် Icons, Buttons နဲ့ UI Components များကို တည်ဆောက်နည်းကို လေ့လာရပါမယ်။
  • Components, Constraints, Multi-Dimensional Variants စတဲ့ UX ဆိုင်ရာအသုံးအနှုန်းများကို သင်ယူရပါမယ်။
  • Figma UI Kits နဲ့ Plugins များကို အသုံးပြုပြီး လုပ်ငန်းစဉ်မြန်ဆန်အောင်လုပ်နည်းကို လေ့လာရပါမယ်။
  • Client ထံ လွှဲပြောင်းဖို့ အသင့်ဖြစ်အောင် Style Guide တစ်ခု တည်ဆောက်နည်းကို သင်ယူရပါမယ်။
  • Micro Interactions, Page Transitions, Animations များကို ရိုးရှင်းတဲ့အဆင့်ကနေ အဆင့်မြင့်အထိ ဖန်တီးနည်းကို လေ့လာရပါမယ်။
  • Website နဲ့ မိုဘိုင်းဖုန်း App များကို ဒီဇိုင်းဆွဲနည်းကို သင်ယူရပါမယ်။
  • Fonts နဲ့ Colors များအသုံးပြုနည်းကို လေ့လာရပါမယ်။
  • မိုဘိုင်းဖုန်းပေါ်မှာ စမ်းသပ်အသုံးပြုနည်းကို သင်ယူရပါမယ်။
  • Production-ready Assets များကို Export လုပ်နည်းကို လေ့လာရပါမယ်။
  • ကိုယ့်ရဲ့ ပထမဆုံး UX Brief နဲ့ Persona ကို တည်ဆောက်နည်းကို သင်ယူရပါမယ်။
  • UX Professionals များအသုံးပြုနေတဲ့ Workflow Shortcuts နဲ့ နည်းလမ်းများကို လေ့လာရပါမယ်။
  • BYOL Community ရဲ့ Forum Support ကို အကောင်းဆုံးအသုံးချနည်းကို သင်ယူရပါမယ်။
  • UX Professional များ အသုံးပြုနေကြတဲ့နည်းစနစ်များအားလုံးကို လေ့လာရပါမယ်။
  • Figma, UX, UI Design အကြောင်း အပြည့်အစုံပါဝင်တဲ့ ဗီဒီယို ၁၁၁ ခုကို သင်ယူရပါမယ်။

Course Content

Udemy – Figma UI UX Design Essentials

  • 26:03
  • 11:04
  • 03. Type, Color & Icon Introduction
    01:13:30
  • 04. Pages
    08:33
  • 05. Prototyping – Level 1
    31:12
  • 06. Animation Level 1
    10:47
  • 07. Commenting
    14:09
  • 08. Moodboard – High Fidelity
    13:40
  • 09. Columns
    13:55
  • 10. Tips & Tricks
    07:53
  • 11. Colors
    35:25
  • 12. Text & Fonts Advanced
    47:46
  • 13. Drawing
    35:40
  • 14. Working with Illustrator
    04:16
  • 15. Images
    17:56
  • 16. Working with Photoshop
    11:59
  • 17. Autolayout’s & Constraints
    54:38
  • 18. Effects
    15:30
  • 19. Saving & History
    05:43
  • 20. Components & Instances
    36:13
  • 21. Variants
    25:51
  • 22. Making a form
    38:01
  • 23. Prototyping – Level 2
    43:51
  • 24. Teams & Projects
    05:19
  • 25. Libraries
    11:04
  • 26. Animation & Micro Interactions
    01:05:40
  • 27. Thumbnail update
    04:11
  • 28. Exporting
    33:09
  • 29. What next
    06:09

Student Ratings & Reviews

No Review Yet
No Review Yet