توضیحات
آموزش به روز Figma با پروژه برای مبتدیان
نام دوره: NEW Figma 2024: Getting started the Beginner to Pro Class
پیش نیاز:
- کامپیوتر شخصی یا لپ‌تاپ
توضیحات
شروع کار با Figma + پروژه‌ی اختیاری دوره و فایل Figma
یک دوره‌ی مبتدی در طراحی UX/UI با Figma
این دوره یک معرفی جامع از Figma است که از مبتدی مطلق تا ویژگی‌های پیشرفته را پوشش می‌دهد.
دوره‌ای کوتاه و متمرکز که تمام آنچه را که نیاز دارید تا بتوانید هر طراحی را انجام دهید، به شما می‌آموزد.
ما از ابتدا با تنظیم حساب Figma و آشنایی با ساختار فایل‌های آن شروع خواهیم کرد.
سپس به مبانی Figma می‌پردازیم، از جمله تنظیم قاب‌ها و قرار دادن آنها در یکدیگر، افزودن اشکال، متن، رنگ‌ها و شبکه‌ها، و ایجاد طراحی‌های UI قوی.
هنگامی که با اصول اولیه راحت شدید، به موضوعات پیشرفته‌تری مانند ایجاد طراحی‌های UI قوی و کار با کامپوننت‌ها برای عناصر قابل استفاده مجدد می‌پردازیم.
ما استایل‌ها و متغیرهایی را برای ایجاد هماهنگی اضافه می‌کنیم، طراحی‌های پاسخگو با استفاده از Auto Layout ایجاد می‌کنیم و پروتوتایپ‌های پایه‌ای را اضافه می‌کنیم تا طراحی‌هایمان را زنده کنیم، همواره با توجه به همکاری با توسعه‌دهندگان.
با تمرین‌های گام به گام و نکات و ترفندهای ارزشمند، در کمتر از ۴ ساعت به Figma مسلط خواهید شد.
دوره آموزش به روز Figma با پروژه برای مبتدیان برای مبتدیان یا افرادی که از نرم‌افزارهای طراحی دیگر مانند Sketch یا Adobe XD به Figma منتقل می‌شوند، ایده‌آل است.
شروع کار
- دریافت Figma – فرآیند ثبت‌نام
- Figma در مرورگر vs. اپلیکیشن Figma
- مرورگر فایل Figma – خانه‌ی Figma
- ایجاد فایل‌های طراحی در Figma
مبانی Figma
- افزودن قاب‌ها به فایل ما
- چند میانبر مفید
- مرور فایل طراحی
- افزودن اشکال و رنگ
- منوی اندازه – دستکاری اشکال و قاب‌ها
- تراز، مرتب‌سازی و اندازه‌گیری
- افزودن و کار با متن
- قرار دادن قاب‌ها در یکدیگر – ابرقدرت Figma
- قاب‌ها در مقابل گروه‌ها
- طراحی با قاب‌های لانه‌ای
- شبکه‌های قابل استفاده مجدد با استایل‌ها
- جامعه Figma و پلاگین‌ها
- افزودن تصاویر
- طراحی در Figma
- تغییر اندازه در Figma
- پروژه‌ی اختیاری دوره قسمت 1: ساخت وایرفریم و طراحی
معرفی کامپوننت‌ها
- استفاده مجدد از عناصر با کامپوننت‌ها و نمونه‌ها
- تغییر نمونه‌ها
- چه چیزی را تغییر دهیم و چه چیزی را تغییر ندهیم
- بازگشت کامپوننت‌ها و تغییرات
- لانه کردن کامپوننت‌ها
- مجموعه کامپوننت‌ها با انواع مختلف
- انتقال کامپوننت‌ها به صفحه‌ی خودشان
- سازماندهی کامپوننت‌ها
- معرفی ویژگی‌های پیشرفته کامپوننت‌ها
- پروژه‌ی اختیاری دوره قسمت 2: تبدیل طراحی‌مان به طراحی مبتنی بر کامپوننت
متغیرها و استایل‌ها
- معرفی متغیرها
- کار با متغیرهای رنگ
- سازماندهی با مجموعه‌ها و گروه‌های متغیر
- متغیرهای اندازه و فاصله
- و استایل‌ها چطور؟
- تایپوگرافی و استایل‌ها
- مستندسازی متغیرها و استایل‌ها
- پروژه‌ی اختیاری دوره قسمت 3: افزودن متغیرها و استایل‌ها به اپلیکیشن‌مان
طراحی پاسخگو
- Auto Layout چیست؟
- افزودن Auto Layout
- کامپوننت‌ها و متغیرهای Auto Layout
- تنظیمات تغییر اندازه
- Auto یا فاصله بین
- لانه کردن Auto Layout با سیستم
- موقعیت‌یابی مطلق
- صفحات Auto Layout
- محدودیت‌ها در Figma
- محدودیت‌ها و شبکه‌ها
- کدام اندازه قاب را باید استفاده کنم؟
- پروژه‌ی اختیاری دوره قسمت 4: پاسخگو کردن اپلیکیشن‌مان
پروتوتایپ‌سازی پایه‌ای
- پروتوتایپ‌سازی در Figma
- تنظیم رفتار اسکرول
- اتصال صفحات
- منوی کشویی با Overlayها
- انواع انیمیشن
- کامپوننت‌های تعاملی
- Figma Mirror – پیش‌نمایش روی دستگاه شما
- پروژه‌ی اختیاری دوره قسمت 5: زنده کردن طراحی‌مان با پروتوتایپ‌سازی
اشتراک‌گذاری با سایر طراحان و توسعه‌دهندگان
- اشتراک‌گذاری و دعوت دیگران
- تنظیم یک تصویر بندانگشتی
- کتابخانه‌های تیمی مشترک در Figma
- تنظیم یک کتابخانه تیمی مشترک
- اتصال به یک کتابخانه تیمی مشترک
- به‌روزرسانی کتابخانه‌های تیمی مشترک
- اشتراک‌گذاری طراحی، کامپوننت‌ها، استایل‌ها و متغیرها
- حالت توسعه: اشتراک‌گذاری با توسعه‌دهندگان
از Figma استفاده کنید تا چشم‌اندازهای خود را در طراحی UI، رابط کاربری، طراحی تجربه کاربری، طراحی UX، و طراحی وب بهبود ببخشید و راه خود را برای به دست آوردن یک شغل در زمینه طراحی UX/UI با Figma هموار کنید.
دوره آموزش به روز Figma با پروژه برای مبتدیان برای چه کسانی مناسب است:
- مبتدیان کامل!
- افرادی که از نرم‌افزار طراحی دیگری به Figma منتقل می‌شوند (مثلاً Sketch یا Adobe XD)
یودمی ایران –
دوره درخواستی خود را از راه های ارتباطی درخواست کنید