دوره یادگیری فیگما با محوریت وب و موبایل
فیگما یکی از قدرتمندترین نرمافزار ها برای طراحی رابط کاربری و خلق تجربه کاربری است. شما با یادگیری فیگما میتوانید ترندها و سبکهای مختلف دیزاین را با چاشنی جذابیت برای محصول دیجیتال خود خلق کنید!
در سال های گذشته طراحان زیادی مسیر یادگیری ui/ux را با یادگیری فیگما گذراندهاند و یا از نرم افزار های دیگر به این نرم افزار مهاجرت کردهاند. محیط کار تیمی این نرم افزار ارتباط بینظیری را بین دیزاینر ، توسعه دهنده و حتی کارفرما برقرار میکند. شما میتوانید پروژه های خودتان را بدون استفاده از سرویس های جانبی با توسعه دهندگان Share کنید.
فیگما تقریبا بیشتر مواردی که شما برای دیزاین نیاز دارید را فراهم کرده است. برای مثال شما به کمک سرویس فانتزی Fig Jam به یک محیط جذاب برای ساخت وایر فریم ، ایجاد پرسونا ، سفر کاربر ، مدیریت وظایف ، یادداشت جلسات و… دسترسی دارید. شما میتوانید بیپروا در Figma Community به دنبال فایل های گرافیکی از جمله ایلستریشنها ، آیکونها ، پترنها و کیت های ui باشید.
مدرسین دوره

میلاد محمدی
مدرس اصلی
حامد قانعی
مدرس مهمانسرفصل های دوره
برسی محیط اولیه نرم افزار فیگما
آشنایی با صفحه Home/Feed نرمافزار
ایجاد پروژه جدید٫ مشاهده پروژه های اخیر
ایجاد Frame جدید و گروه بندی فریم ها
مدیریت Artboard ها به کمک صفحهبندی
معرفی اولیه ابزارهای فیگما ۱ (Select)
معرفی اولیه ابزارهای فیگما ۲ (Shapes)
معرفی اولیه ابزارهای فیگما ۲ (Pen, Vector Networks)
آشنایی با Color Picker و ذخیره سازی پالت رنگی پروژه
اضافه کردن فایل های جانبی به پروژه
بررسی کلی پنل Design
برسی کلی پنل Layers
بررسی مفاهیم Alignment & Distribution
کار با Gradient در فیگما (Linear, Radial, Angular,Diamond)
معرفی افکتها در فیگما ۱ (Drop Shadow)
معرفی افکتها در فیگما ۲ (Inner Shadow)
معرفی افکتها در فیگما ۳ (Layer Blur)
معرفی افکتها در فیگما ۴ (Background Blur)
برسی بخش Stroke در فیگما (Color, Style, Spacing, Join)
مدیریت تیمی پروژه ۱ (ساخت تیم و اضافه کردن پروژه)
مدیریت تیمی پروژه ۲ (Share کردن پروژه و تیم با دیگران)
بررسی کلاینت موبایل فیگما
خروجی گرفتن از آرتبوردها و بخش های جانبی پروژه
خروجی گرفتن کل پروژه به کمک فایل Fig
شروع کار با Auto Layout در ورژن جدید
آشنایی با بخش مهم Constraints
ایجاد Style های مختلف در Figma
برسی Layout Grids
شروع کار با Component
کار با Variant در فیگما
تعریف Boolean Operator در کامپوننت ها
برسی Instance Swap در کامپوننت ها
آشنایی با Interactive Component
اضافه کردن امکان Dynamic Content در فیگما
معرفی Blending Modes پیشرفته ۱ (Pass through, Normal)
معرفی Blending Modes پیشرفته ۲ (Darken, Multiply ,Color Burn )
معرفی Blending Modes پیشرفته ۳ (Lighten , Screen, Color Dodge )
معرفی Blending Modes پییشرفته ۴ (Overlay , Soft Light, Hard Light )
معرفی Blending Modes پیشرفته ۵ (Hue, Saturation, Color )
شروع کار با Masking در فیگما
بررسی Branching & Merging
معرفی مفهوم دیزاین سیستم
چرا به دیزاین سیستم نیاز داریم ؟
اجرای یک دیزاین سیستم
معرفی دیزاین سیستم های معروف ۱ ( Human, AWS, Ant, Fluent, Flowbite)
معرفی دیزاین سیستم های معروف ۱ (Material Design , Material Ui,Moon)
معرفی دیزاین سیستم های معروف ۱ (Shopify, Garden, Goldman Sache)
الهام از دیزاین سیستم ها برای ایجاد دیزاین سیستم اختصاصی
شروع کار با Auto Layout در ورژن جدید
آشنایی با بخش مهم Constraints
ایجاد Style های مختلف در Figma
برسی Layout Grids
شروع کار با Component
کار با Variant در فیگما
تعریف Boolean Operator در کامپوننت ها
برسی Instance Swap در کامپوننت ها
آشنایی با Interactive Component
اضافه کردن امکان Dynamic Content در فیگما
معرفی Blending Modes پیشرفته ۱ (Pass through, Normal)
معرفی Blending Modes پیشرفته ۲ (Darken, Multiply ,Color Burn )
معرفی Blending Modes پیشرفته ۳ (Lighten , Screen, Color Dodge )
معرفی Blending Modes پییشرفته ۴ (Overlay , Soft Light, Hard Light )
معرفی Blending Modes پیشرفته ۵ (Hue, Saturation, Color )
شروع کار با Masking در فیگما
بررسی Branching & Merging
شروع کار با Auto Layout در ورژن جدید
آشنایی با بخش مهم Constraints
ایجاد Style های مختلف در Figma
برسی Layout Grids
شروع کار با Component
کار با Variant در فیگما
تعریف Boolean Operator در کامپوننت ها
برسی Instance Swap در کامپوننت ها
آشنایی با Interactive Component
اضافه کردن امکان Dynamic Content در فیگما
معرفی Blending Modes پیشرفته ۱ (Pass through, Normal)
معرفی Blending Modes پیشرفته ۲ (Darken, Multiply ,Color Burn )
معرفی Blending Modes پیشرفته ۳ (Lighten , Screen, Color Dodge )
معرفی Blending Modes پییشرفته ۴ (Overlay , Soft Light, Hard Light )
معرفی Blending Modes پیشرفته ۵ (Hue, Saturation, Color )
شروع کار با Masking در فیگما
بررسی Branching & Merging
این فصل توسط مدرس میهمان دوره حامد قانعی (قاف) تدریس خواهد شد!
پروژه فروشگاهی/پنل مدیریتی/صرافی آنلاین/واسط ماشین های تسلا/پروژه متاورس
نکاتی مهم برای گرفتن خروجی درست
بررسی سبک های مختلف پرزنت دیزاین
معرفی Ui Motion برای پرزنت کارها
انتشار نمونه کار ها در Dribbble
انتشار نمونه کارها در Behance
هیچ دیدگاهی برای این محصول نوشته نشده است.