قراره تو این دوره چی یاد بگیرم؟

  • تسلط کامل به فیگما
  • انجام ۳ پروژه با فیگما
  • چطور به عنوان طراح UI/UX کارمونو با فیگما رو شروع
  • چطور با فیگما لوگو طراحی کنیم
  • چطور با فیگما وایرفریم طراحی کنیم
  • چطور با فیگما اپ موبایل طراحی کنیم
  • چطور با فیگما وبسایت طراحی کنیم
  • چطور با فیگما فایل ارائه خلاقانه بسازیم
  • چطور پورتفولیوی شخصی خود را بسازیم
  • چطور با استفاده از Variants ،Component و Auto layout سریعتر طراحی کنیم

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

۱۱ فصل
۵۳ جلسه
۱۱ ساعت
۱

معرفی و آشنایی با Figma

۴ قسمت
۰۰:۲۲:۵۰
1

فیگما چیست؟

رایگان
۰۵:۴۵
2

ثبت نام و شروع طراحی با فیگما

رایگان
۰۴:۵۰
3

آشنایی با محیط فیگما

رایگان
۰۶:۰۴
۲

معرفی ابزارهای فیگما

۱۳ قسمت
۰۱:۴۴:۲۷
۳

افکت‌ها در Figma

۲ قسمت
۰۰:۱۰:۴۱
۴

پروژه اول

۲ قسمت
۰۰:۳۶:۲۷
۵

پنل دیزاین

۶ قسمت
۰۰:۵۱:۲۸
۶

Variables

۱ قسمت
۰۰:۱۲:۴۳
۷

کامپوننت‌ (Component)

۶ قسمت
۰۱:۲۷:۱۳
۸

پروژه دوم – طراحی UI اپ موبایل مدیریت زمان

۷ قسمت
۰۲:۳۸:۴۴
۹

پروتوتایپ

۶ قسمت
۰۰:۵۱:۰۷
۱۰

پروژه سوم – طراحی پورتفولیو شخصی

۴ قسمت
۰۱:۳۷:۲۹
۱۱

فایل ها و پروژه ها

-

آموزش فیگما را چرا باید شروع کنیم؟ اگر از جمله افرادی باشید که سر و کارتان با طراحی و گرافیک باشد، احتمالا باید از حجم زیاد فایل ها و سختی انتقال این فایل ها بین همکاران و سیستم های مختلف به سطوح آمده باشید. برای رفع این مورد، نرم افزاری طراحی شده است که فیگما(figma) نام دارد. در ادامه به بررسی کامل و جامع نرم افزار فیگما(figma) پرداخته شده است.

فیگما(figma) چیست

فیگما(figma) یک ابزار طراحی است که مبنای طراحی آن، فضای ذخیره سازی ابری یا همان Cloud است. فیگما نرم افزاری است که برای کار تیمی طراحی شده و در این زمینه دسترسی عالی به تیم طراحی شما می دهد. در واقع در فیگما، هیچ واسطه ای برای جابجایی فایل ها نیست و به طور مستقیم این کار رخ می دهد.

یکی از مزیت ها و برتری های فیگما(figma) نسبت به سایر همتایان خود این است که روی هر سیستم عاملی که یک مرورگر باز شود قابلیت اجرا شدن دارد و از حیث سخت افزاری بسیار کم توفع است. این نرم افزار روی تمامی سیستم عامل های رایج نظیر لینوکس، مک و ویندوز قابل اجرا است.

پروژه های انجام شده در این دوره

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

معرفی و آشنایی با Figma:

  • figma چیست
  • ثبت نام و شروع طراحی با فیگما
  • آشنایی با محیط فیگما
  • Figma Canvas

معرفی ابزارهای فیگما:

  • ابزارهای Move, Scale, Frame, Slice
  • ابزارهای Rectangle و Line
  • ابزارهای Arrow, Ellipse, Polygon + مینی پروژه طراحی لوگو
  • ابزارهای Star و Place image + مینی پروژه طراحی لوگو
  • ابزارهای Pen و Pencil + مینی پروژه طراحی لوگو
  • ابزار Text
  • اضافه کردن فونت به فیگما
  • ابزار Comment
  • ابزارهای Boolean و Mask
  • پنل لایه‌ها

افکت‌ها در Figma :

  • افکت Shadow
  • افکت Background blur و Layer blur
  • چند مثال کاربردی برای افکت‌ها

پروژه اول :

  • طراحی UI سایت (بخش هدر)
  • معرفی Community و اضافه کردن آيکون به پروژه

پنل دیزاین :

  • مرتب‌سازی در فیگما (Alignment, Tidy up, Distribution)
  • محدودیت‌ها (constraints)
  • اشتراک‌گذاری (Share)
  • ویژگی Auto Layout
  • Layout Grid
  • خروجی گرفتن در فیگما

کامپوننت‌ (Component) :

  • کامپوننت‌ها در فیگما
  • ویژگی Variants
  • پنل Assets

پروژه UI اپ موبایل مدیریت زمان :

  • طراحی UI اپ موبایل مدیریت زمان ـ بخش اول
  • طراحی UI اپ موبایل مدیریت زمان ـ بخش دوم
  • طراحی UI اپ موبایل مدیریت زمان ـ بخش سوم
  • طراحی UI اپ موبایل مدیریت زمان ـ بخش چهارم

پروتوتایپ :

  • پروتوتایپ در فیگما ـ بخش اول
  • پروتوتایپ در فیگما ـ بخش دوم
  • پروتوتایپ در فیگما ـ بخش سوم

پروژه سوم :

  • طراحی پورتفولیو ـ بخش اول
  • طراحی پورتفولیو ـ بخش دوم
  • طراحی پورتفولیو ـ بخش سوم
نکته
همچنین در صورت علاقه می توانید دوره آموزش Adobe Xd را مشاهده فرمایید.

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