طراحی واکنش‌گرا در 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 هستید و می خواهید مهارت های خود را تقویت کنید، این کلاس برای شما مناسب است.
طرح‌بندی خودکار غواصی عمیق
- چیدمان خودکار چیست؟
- تنظیم قاب های طرح بندی خودکار
- منوی طرح بندی خودکار
- تنظیم خودکار
- منوی طرح‌بندی خودکار پیشرفته
- تغییر اندازه تنظیمات
- نکات تغییر اندازه عمودی
- طرح‌بندی خودکار را نادیده بگیرید
- اجزاء و متغیرهای طرح بندی خودکار
- تنظیم مقادیر حداقل و حداکثر
- بسته بندی طرح بندی خودکار
- تصاویر نسبت تصویر ثابت (هک)
- درباره لانه سازی بیاموزید: رابطه والد و فرزند
- پیشنهاد طرح‌بندی خودکار
- چند جادو با جداول: طرح‌بندی خودکار و هوش مصنوعی
- تنظیمات پیشرفته تر (نمونه)
- صفحات طرح بندی خودکار
- طرح‌بندی خودکار و CSS flexbox
- اجزای اسلات با چیدمان خودکار
محدودیت‌ها
- محدودیت ها در Figma چیست؟
- محدودیت ها و شبکه ها
- معرفی سریع شبکه‌ها در Figma
حالت های نقطه انفصال
- معرفی نقاط شکست CSS
- نقاط شکست در Figma
- حالت‌ها و اندازه‌های صفحه: مقدمه‌ای سریع
- اتصال انواع به حالت‌ها
- مخفی کردن و نمایش با Booleans
- تایپوگرافی پاسخگو با حالت ها
فایل مطالب دوره پلاس Figma
این یک دوره آموزشی توسط moonlearning، moonlearning.io یادگیری ماه است
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.
https://donyad.com/d/a35d1e
Christine Vallaure
UI/UX DESIGN + CODE
طراح UX/UI با علاقه به کد و بنیانگذار .
من در سطح بین‌المللی، داخلی و از راه دور روی پروژه‌هایی برای برندها، آژانس‌ها و استارت‌آپ‌های پیشرو کار کرده‌ام. من عمیقاً به ایجاد محصولاتی با فکر و زیبایی اهمیت می دهم. کارهای من از ایده‌های اولیه گرفته تا طرح‌ها، وایرفریم‌ها، نمونه‌سازی اولیه و تنظیم جلویی را شامل می‌شود.
علاوه بر پروژه‌های مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.
برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .
نمایش نظرات