آموزش طراحی پاسخگو UX/UI در Figma: چیدمان خودکار، محدودیت ها و نقاط شکست (آخرین نسخه 2022)

درس ها Lessons

• AUTO LAYOUT: 16 محدودیت و مقایسه طرح خودکار AUTO LAYOUT: 16 Constraints and auto layout comparison

• AUTO LAYOUT: 06 تغییر اندازه طرح بندی خودکار AUTO LAYOUT: 06 Auto layout resizing

• 1 AUTO LAYOUT: 18 تنظیم حداقل عرض 1AUTO LAYOUT: 18 setting a minimum width

• طرح بندی خودکار: 13 ارتفاع یکسان برای همه کودکان AUTO LAYOUT: 13 Same height for all children

• نقاط شکست: 08 هک انواع پاسخگو BREAKPOINTS: 08 Responsive variants hack

• طرح بندی خودکار: 03 از کجا می توانم طرح بندی خودکار را اعمال کنم؟ AUTO LAYOUT: 03 Where can I apply auto layout ?

• نقاط شکست: 03 نقطه شکست در CSS BREAKPOINTS: 03 Breakpoints in CSS

• ویدئوی تبلیغاتی Promo Video

• محدودیت ها: 03 محدودیت ها و شبکه ها CONSTRAINTS: 03 Constraints and grids

• نقاط شکست: 10 تایپوگرافی خود را فراموش نکنید BREAKPOINTS: 10 Do not forget your Typography

• محدودیت ها: 05 موقعیت را هنگام پیمایش ثابت کنید CONSTRAINTS: 05 Fix position when scrolling

• AUTO LAYOUT: 08 اجزا و نمونه های طرح بندی خودکار AUTO LAYOUT: 08 Auto layout components and instances

• در مورد این دوره About this course

• طرح بندی خودکار: 17 تصویر با نسبت تصویر ثابت AUTO LAYOUT: 17 Fixed aspect ratio images

• AUTO LAYOUT: 15 محدودیت طرح خودکار و راه حل آنها AUTO LAYOUT: 15 limitations of auto layout and their solution

• محدودیت ها: 01 محدودیت ها در Figma چیست؟ CONSTRAINTS: 01 What are Constraints in Figma?

• نقاط شکست: 11 اطلاعات بیشتر در مورد تایپوگرافی و شبکه های پاسخگو BREAKPOINTS: 11 More about responsive Typography and Grids

• نقاط شکست: 05 تنظیم نقاط شکست در Figma BREAKPOINTS: 05 Setting up breakpoints in Figma

• طرح بندی خودکار: 05 تنظیمات پیشرفته AUTO LAYOUT: 05 Advanced Settings

• نقاط شکست: 02 به اجزای منفرد فکر کنید که تطبیق می‌کنند، نه کل صفحات! BREAKPOINTS: 02 Think of single components adapting, not entire pages!

• مواد درسی Course Material

• محدودیت ها: 06 تصاویر سرگرم کننده با محدودیت ها CONSTRAINTS: 06 Fun illustrations with constraints

• چیدمان خودکار: 14 تکنیک چیدمان AUTO LAYOUT: 14 Stacking techniques

• AUTO LAYOUT: 01 طرح خودکار چیست؟ AUTO LAYOUT: 01 What is auto layout?

• طرح بندی خودکار: 12 راه اندازی کل صفحه طرح بندی خودکار AUTO LAYOUT: 12 Setting up an entire auto layout page

• محدودیت ها: 07 محدودیت های محدودیت ها CONSTRAINTS: 07 Limitations of Constraints

• طرح بندی خودکار: 10 موقعیت یابی مطلق AUTO LAYOUT: 10 Absolute positioning

• نقاط شکست: 07 مستندسازی اجزای پاسخگو BREAKPOINTS: 07 Documenting responsive components

• نقاط شکست: 04 از کدام نقاط شکست استفاده کنم؟ BREAKPOINTS: 04 Which breakpoints should I use?

• نقاط شکست: 06 آزمایش اجزای پاسخگو BREAKPOINTS: 06 Testing responsive components

• AUTO LAYOUT: 04 منوی طرح بندی خودکار AUTO LAYOUT: 04 the auto layout menu

• نقاط شکست: 09 نقطه شکست و یک شبکه BREAKPOINTS: 09 Breakpoints and a grids

• طرح‌بندی خودکار: 09 تودرتوی قاب‌های طرح‌بندی خودکار ساخت یک ناوبری AUTO LAYOUT: 09 Nesting auto layout frames Building a navigation

• AUTO LAYOUT: 07 ساخت یک کارت پاسخگو با تغییر اندازه طرح بندی خودکار AUTO LAYOUT: 07 Building a responsive card with auto layout resize

• طرح‌بندی خودکار: 11 تنظیمات طرح‌بندی خودکار پیچیده‌تر AUTO LAYOUT: 11 More complex auto layout setups

• 99 متشکرم 99 Thank You

• محدودیت ها: 02 کار با محدودیت های افقی و عمودی بررسی اجمالی CONSTRAINTS: 02 Working with Horizontal and Vertical Constraints Overview

• نقاط شکست: 12 افزونه نقطه شکست BREAKPOINTS: 12 Breakpoint Plugin

• AUTO LAYOUT: 02 تنظیم یک قاب طرح بندی خودکار AUTO LAYOUT: 02 Setting up an auto layout frame

• نقاط شکست: 01 یک طرح برای همه اندازه ها کار نمی کند BREAKPOINTS: 01 One design will not work for all sizes