جشنواره ٪۶۲ قلموم شروع شد!
۰۰روز
:
۰۰ساعت
:
۰۰دقیقه
:
۰۰ثانیه
مشاهده دوره‌ها
دوره تخصصی و پروژه‌محور دوره آموزش فیگما

دوره آموزش فیگما

طراحی رابط کاربری و محصول

۱۷ ساعت آموزش ۱۱۲ درس گواهی قابل استعلام
یادگیری با پروژه واقعی دسترسی همیشگی پشتیبانی آموزشی
معرفی دوره

در این دوره چه یاد می‌گیری؟

چیزی که در دوره آموزش فیگما یاد خواهید گرفت

  • آشنایی و شروع کار با فیگما
  • طراحی پروژه به صورت کامل
  • پرزنت و ارائه در Figma
  • رنگ‌ها و مدیریت آن در Figma
  • Local Variable در فیگما
  • ساخت نمونه‌ اولیه محصول (Prototyping)
  • varient ها در سیستم های طراحی
  • ساخت نمونه‌ اولیه تعاملی (interactive)
  • پلاگین‌های کاربردی Figma
  • طرح بندی خودکار (Auto Layout)
  • طراحی اینتراکتیو و تعاملی
  • مدیریت پروژه و لایه‌بندی‌های تخصصی
  • کامپاننت‌ها و ایجاد پراپرتی
  • طراحی کیت‌های رابط کاربری و دیزاین سیستم‌ها
  • طراحی‌های واکنش گرا
  • اشتراک گذاری و تحویل طرح نهایی

دوره آموزش فیگما Ui3 قلموم، طراحی رابط کاربری حرفه‌ای

آیا آماده‌اید تا به دنیای حرفه‌ای طراحی UI/UX وارد شوید و با یکی از قدرتمندترین ابزارهای طراحی، یعنی Figma، به اوج توانایی‌های خود برسید؟ دوره آموزش فیگما قلموم، بهترین گزینه برای شماست. این دوره به گونه‌ای طراحی شده است که شما را از مبتدی‌ترین مفاهیم تا پیشرفته‌ترین تکنیک‌ها هدایت کند. در این بخش، با جزئیات بیشتری به بررسی مزایای دوره آموزش فیگما خواهیم پرداخت تا شما بتوانید با اطمینان بیشتری تصمیم به شرکت در آن بگیرید. در ضمن دوره آموزش فیگما بر اساس رابط کاربری و ظاهر جدید نرم افزار فیگما که با نام Ui3 شناخه میشود ضبط  شده است .

نقشه یادگیری

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

جلسه‌ها مرحله‌به‌مرحله چیده شده‌اند تا بدون پراکندگی از پایه به خروجی حرفه‌ای برسی.

آشنایی با نرم افزار فیگما سوال اصلی اینه: چرا فیگما؟! به همین سادگی اما مهم ۱ درس
مقدمه و آشنایی با نرم افزار فیگما
شروع کار با نرم افزار فیگما مقدمه ای برای شروع به کار با این نرم افزار دوست داشتنی ۲ درس
راه اندازی فیگما
معرفی workspace و بخش های داخلی فیگما
آموزش مقدماتی کار با فیگما در این بخش موقع اش شده خیلی عملی با بخش های مختلف فیگما آشناتون کنم ۱۶ درس
Frame در فیگما
شورتکات های کیبورد
ترسیم اشکال هندسی
طراحی Wireframe
Text ها در فیگما
گروه بندی لایه ها
تنظیمات Alignment و ترازبندی
Fill & Stroke در فیگما
ایجاد استایل های مختلف
ساخت Component
Page در فیگما
ارتباط بخش ها - Flowchart
Community
Auto layout
تنظیمات Nested Auto layout
تکمیل طراحی وایرفریم
پروژه: طراحی رابط کاربری Moods Project در این بخش موقع اش شده خیلی عملی با بخش های مختلف فیگما آشناتون کنم ۱۴ درس
مقدمات شروع طراحی Ui
Frame Size
Grid layout
Color Style
Text style
Image placement
Responsive
Boolean Operation
ست کردن استایل ها روی متن
ایجاد Component برای بخشNavbar
Component Set
Next Step
تکمیل طراحی رابط کاربری
طراحی صفحه بلاگ
پرزنت طراحی و اشتراک گذاری در فیگما تو این بخش به شما یاد میدم از آپشن هایی که فیگما برای پرزنت کارها داره استفاده کنین ۸ درس
Present & Preview
Mirror phone
Over flow scrolling
Share
Inspect
Export - خروجی گرفتن در فیگما
Exporting libraries
Thumbnail - تنظیم تامبنیل برای فایل ها
استفاده رایگان از فیگما این بخش بهت در مورد این میگم که چطوری میتونی از امکانات پریمیوم فیگما به صورت رایگان استفاده کنی ۱ درس
Education plan
Point ، Pixel و Resolution دونستن یه سری نکات خیلی مهمه تا بتونی بهترین عملکرد و کیفیت رو داشته باشی ۳ درس
Pixel & resulution
Point means
بهترین رزولوشن برای همه دستگاه ها
رنگ ها در فیگما تو این بخش به سراغ رنگ ها میریم. خیلی مهمه که رنگ درستی انتخاب و استفاده کنیم ۴ درس
Color theory
Color sources - از کجا رنگ پیدا کنیم؟
نام گذاری اصولی رنگ ها
استفاده صحیح از رنگ در طراحی
آموزش پروتوتایپ مقدماتی خیلی جمو جور بهتون میگم که چطور باید پروتوتایپ ایجاد کنیم ۳ درس
ایجاد Flow point
ایجاد interaction - پروتوتایپ
Prototype panel
Constraint حرفه‌ای — نوبت این رسیده حرفه ای تر به سراغ آپشن های فیگما بریم و مجدد بررسیشون کنیم ۶ درس
Constraint
horizental & vertical constraints
Constraints & grid
Nested Grid Layout & constraints
Limitation of constrains
Fix position
Auto layout حرفه ای — تو این بخش هر چیزی که برای طراحی Responsive بهش نیاز دارین رو به شما آموزش میدم ۱۵ درس
Auto layout intro
Setting up auto layout
کجاها میشه از Auto layout استفاده کرد؟!
Auto layout menu
advanced auto layout menu
Resizing
Responsive card with auto layout
Responsive multi column card
auto layout و کامپاننت ها
Wrap auto layput
Nesting auto layout frames
Absolute positioning
طراحی چند کارت پیچیده به صورت ریسپانسیو
طراحی یک صفحه کامل به صورت ریسپانسیو
محدودیت های Auto layout
BreakPoints حرفه‌ای — بریک پوینت ها نقاطی هستند که در آن ها تغییرات ریسپانسیو صورت میگیره ۱۱ درس
یک طرح برای همه صفحه نمایش‌ها مناسب نیست!
رویکردی که در مورد کامپاننت‌ها باید داشته باشیم
بریک پوینت در دنیای CSS
از چه اندازه‌هایی برای بریک پوینت باید استفاده کرد
تنظیم Breakpoint در فیگما
تست ریسپانسیو کامپاننت‌ها
مستند نویسی در طراحی ریسپانسیو
استفاده از ورینت ها در بریک پوینت
بریک پوینت‌ها و گرید
تایپوگرافی و بریک پوینت ها
پلاگین کاربردی بریک پوینت
Local Variable لوکال وریبل ها — لوکال وریبل ها از امکانات جذاب فیگما برای مدیریت پروژه های طراحی رابط کاربریست. ۶ درس
معرفی لوکال وریبل‌ها
شروع به کار با Local Variable
انواع Local Variable
ساخت Local Variable
طراحی فریم با Local Variable ها
نکات تکمیلی Local Variable ها
Component کامپاننت‌ها — در این بخش با تنظیمات کامپاننت‌ها بیشتر آشنا خواهید شد. این بخش پیش نیاز ورود به بخش دیزاین سیستم است. ۳ درس
Component variants
variants Property
nested instance properties
طراحی دیزاین سیستم بخش ویژه! — در این بخش با تمام دانشی که در طول دوره به دست آورده اید،‌شروع به طراحی یک دیزاین سیستم اختصاصی میکنیم. ۱۹ درس
Design systems
آشنایی با مفاهیم اولیه
Color Styles
Color Styles modes
انتقال رنگ ها به Local variable
Typography styles
Layout styles
More element styles
طراحی کامپاننت - Badge
طراحی کامپاننت - Button
طراحی کامپاننت - Group button
طراحی کامپاننت - Cards
طراحی کامپاننت - Constructive
چند نکته قبل از این که ادامه بدیم ...
طراحی کامپاننت - Chip
طراحی کامپاننت - Split button
طراحی کامپاننت - Input
طراحی کامپاننت - ChekBox
طراحی کامپاننت - Radio Button

آخرین گواهی‌های این دوره

تجربه دانشجوها

دیدگاه‌های این دوره

تجربه‌ات از دوره را بنویس یا دیدگاه دانشجوهای قبلی را بخوان.

۶۲ نظر

    نظرت را بنویس

    نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

    ۴,۷۵۰,۰۰۰تومان ثبت‌نام
    دسترسی سریع

    کدام ابزار را می‌خواهی؟

    ورود / ثبت‌نام

    شماره موبایلت را بزن؛ کد تأیید پیامک می‌شود. رمز عبوری در کار نیست.

    نگاه سریع به دوره

    تجربه‌ی واقعی دانشجو

    نظر دانشجو

    خرید تأییدشده