طراحی UI با Figma
طراحی پنلهای داشبورد و اپلیکیشن موبایل
اصول طراحی رابط کاربری، سیستم طراحی و پروتوتایپ حرفهای را با Figma یاد میگیرید.
از تایپوگرافی و رنگ تا Auto Layout، کامپوننتها و handoff به توسعهدهنده را در قالب یک پروژه داشبورد کامل تمرین میکنید.
این دوره برای ورود به بازار طراحی محصول و همکاری با تیمهای توسعه مناسب است.
3
فصل آموزشی
10
جلسه
1
آزمون
1
فایل ضمیمه
پیشنیازها
- علاقه به طراحی رابط کاربری
- نیازی به تجربه قبلی در Figma نیست
- دسترسی به مرورگر و حساب رایگان Figma
- آشنایی مقدماتی با مفاهیم UI مفید است اما الزامی نیست
خروجی دوره
- طراحی صفحات داشبورد و موبایل با اصول UX
- ساخت Design System با کامپوننت و Variant
- پیادهسازی پروتوتایپ تعاملی قابل ارائه
- آمادهسازی فایل برای handoff به توسعهدهنده
- ارائه پروژه نهایی در پورتفولیو
سرفصلها و جلسات
10 جلسه در 3 فصلاصول طراحی UI
تایپوگرافی، رنگ، فاصلهگذاری و سلسلهمراتب بصری.
اصول طراحی رابط کاربری
ویدیو · ۲۲ دقیقه · 1 ضمیمه
تایپوگرافی و سیستم رنگ
ویدیو · ۲۵ دقیقه
Grid، فاصله و Layout
ویدیو · ۲۰ دقیقه
کار عملی با Figma
ابزارها، Auto Layout، کامپوننت و استایلهای مشترک.
آشنایی با محیط Figma
ویدیو · ۱۸ دقیقه
Auto Layout و کامپوننت
ویدیو · ۳۰ دقیقه
Design System پایه
متنی · ۲۸ دقیقه
آیکون، تصویر و asset
ویدیو · ۲۵ دقیقه
پروژه و handoff
طراحی داشبورد، پروتوتایپ تعاملی و تحویل به توسعه.
طراحی داشبورد مدیریتی
ویدیو · ۳۵ دقیقه
پروتوتایپ تعاملی
ویدیو · ۳۰ دقیقه
Handoff به توسعهدهنده
متنی · ۲۵ دقیقه
آزمونهای دوره
آزمون اصول طراحی UI
سنجش درک اصول بصری، کامپوننت و پروتوتایپ در Figma.