طراحی واکنش‌گرا در Figma Deep Dive: طرح‌بندی خودکار Figma، محدودیت‌ها، نقاط شکست و حالت‌ها (2024)

Responsive Design in Figma Deep Dive: Figma Auto Layout, Constraints, Breakpoints & Modes (2024)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

Deep Dive: طرح بندی خودکار Figma، محدودیت ها، حالت های نقطه شکست

لطفاً توجه داشته باشید، در صورتی که هنوز به رابط کاربری جدید Figma دسترسی ندارید، می‌توانید از دوره قبلی آرشیو شده که در اینجا یافت شده است نیز استفاده کنید: (این را در ویدیوی 2 توضیح می‌دهم).

طرح بندی خودکار شما را دیوانه می کند؟ از اینکه با طراحی شما در مرورگر چه اتفاقی خواهد افتاد می ترسید؟ پس این کلاس فقط برای شما مناسب است! ما همه چیز را در مورد نحوه تنظیم طرح های واکنش گرا در Figma یاد خواهیم گرفت.

این یک بررسی عمیق واقعی در طرح‌بندی خودکار، محدودیت‌ها، و مهم‌تر از همه اما به ندرت مورد بحث قرار گرفته است، نحوه برخورد با نقاط شکست برای طراحی UI شما است، از یک راه‌اندازی ساده تا رویکرد پیشرفته‌تر با متغیرها و حالت‌ها .

درک و ترکیب این ابزارها به شما کمک می کند تا مؤلفه ها، الگوهای طراحی و کل صفحات را تنظیم کنید که با تنظیمات کد هماهنگ شوند.

با فایل مطالب دوره Figma می‌توانید در کنار من کار کنید یا با دستورالعمل‌های دقیق در زمان خود به تمرینات بازگردید.

اگر دانش پایه ای از Figma دارید یا اگر یک کاربر پیشرفته Figma هستید و می خواهید مهارت های خود را تقویت کنید، این کلاس برای شما مناسب است.

طرح‌بندی خودکار غواصی عمیق

  1. چیدمان خودکار چیست؟
  2. تنظیم قاب های طرح بندی خودکار
  3. منوی طرح بندی خودکار
  4. تنظیم خودکار
  5. منوی طرح‌بندی خودکار پیشرفته
  6. تغییر اندازه تنظیمات
  7. نکات تغییر اندازه عمودی
  8. طرح‌بندی خودکار را نادیده بگیرید
  9. اجزاء و متغیرهای طرح بندی خودکار
  10. تنظیم مقادیر حداقل و حداکثر
  11. بسته بندی طرح بندی خودکار
  12. تصاویر نسبت تصویر ثابت (هک)
  13. درباره لانه سازی بیاموزید: رابطه والد و فرزند
  14. پیشنهاد طرح‌بندی خودکار
  15. چند جادو با جداول: طرح‌بندی خودکار و هوش مصنوعی
  16. تنظیمات پیشرفته تر (نمونه)
  17. صفحات طرح بندی خودکار
  18. طرح‌بندی خودکار و CSS flexbox
  19. اجزای اسلات با چیدمان خودکار

محدودیت‌ها

  1. محدودیت ها در Figma چیست؟
  2. محدودیت ها و شبکه ها
  3. معرفی سریع شبکه‌ها در Figma

حالت های نقطه انفصال

  1. معرفی نقاط شکست CSS
  2. نقاط شکست در Figma
  3. حالت‌ها و اندازه‌های صفحه: مقدمه‌ای سریع
  4. اتصال انواع به حالت‌ها
  5. مخفی کردن و نمایش با Booleans
  6. تایپوگرافی پاسخگو با حالت ها

فایل مطالب دوره پلاس Figma

این یک دوره آموزشی توسط moonlearning، moonlearning.io یادگیری ماه است


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

نمایش نظرات

طراحی واکنش‌گرا در Figma Deep Dive: طرح‌بندی خودکار Figma، محدودیت‌ها، نقاط شکست و حالت‌ها (2024)
جزییات دوره
1h 43m
31
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
13
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christine Vallaure Christine Vallaure

UI/UX DESIGN + CODE

طراح UX/UI با علاقه به کد و بنیانگذار .

من در سطح بین‌المللی، داخلی و از راه دور روی پروژه‌هایی برای برندها، آژانس‌ها و استارت‌آپ‌های پیشرو کار کرده‌ام. من عمیقاً به ایجاد محصولاتی با فکر و زیبایی اهمیت می دهم. کارهای من از ایده‌های اولیه گرفته تا طرح‌ها، وایرفریم‌ها، نمونه‌سازی اولیه و تنظیم جلویی را شامل می‌شود.

علاوه بر پروژه‌های مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.

برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .