آموزش پیشرفته فیگما (بخش اول): اتو لی‌اوت، گریدها و کامپوننت‌ها - آخرین آپدیت

دانلود Figma Pro Pt. 1: Auto Layouts, Grids & Components

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: با تسلط بر ارکان طراحی ریسپانسیو و سیستم‌های UI مقیاس‌پذیر، مهارت‌های فیگما (Figma) خود را به سطح حرفه‌ای برسانید. در این دوره که توسط دنیل اسکات تدریس می‌شود، شما به‌طور عمیق وارد مباحث Auto Layout، استراتژی‌های فاصله‌گذاری (Spacing) و گردش‌کارهای قدرتمند کامپوننت خواهید شد که دقیقاً مشابه متدهای مورد استفاده توسط متخصصان تراز اول UX است. در پایان این دوره، شما قادر خواهید بود: * لایه‌های ریسپانسیو و مستحکم را با استفاده از Auto Layoutهای تو در تو و Constraints بسازید. * از بهترین متدهای فاصله‌گذاری در طراحی رابط کاربری موبایل و وب استفاده کنید. * کامپوننت‌های قابل استفاده مجدد و Variantها را به‌طور بهینه ایجاد و مدیریت کنید. این دوره برای کاربرانی طراحی شده است که درک پایه‌ای از فیگما دارند، طراحان خودآموزی که به دنبال استانداردسازی جریان کاری خود هستند، یا متخصصان باسابقه UX/UI که قصد دارند منطق لایه‌بندی و کامپوننت‌های خود را بهینه‌سازی کنند. برای موفقیت در این دوره، باید با مفاهیم پایه فیگما مانند Frameها، Layerها و نمونه‌سازی (Prototyping) ساده آشنا باشید. شما مهارت‌های پیشرفته‌ای در لایه‌بندی کسب خواهید کرد که نگهداری و گسترش طرح‌هایتان را آسان‌تر می‌کند و همزمان با استفاده از میان‌برهای حرفه‌ای، سیستم‌های گرید و منطق ریسپانسیو، سریع‌تر و هوشمندتر کار خواهید کرد. درباره مدرس: دنیل والتر اسکات طراح دیجیتال، مدرس تایید شده ادوبی (Adobe Certified Instructor) و موسس Bring Your Own Laptop (BYOL) است. او با بیش از ۱۴ سال تجربه تدریس، به هزاران دانشجو در سراسر جهان کمک کرده تا بر نرم‌افزارهای طراحی و خلاقیت در زمینه‌های چاپ، وب، ویدیو و اکنون سه بعدی مسلط شوند. دنیل تخصص صنعتی خود را با سبک تدریسی کاربردی، جذاب و ماندگار ترکیب کرده است. دنیل که اصالتاً اهل نیوزلند است، در استرالیا، ایرلند و نقاط دیگر زندگی و تدریس کرده و مهارت‌های خود را با جامعه خلاق جهانی به اشتراک گذاشته است. او مشتاق است به دانشجویان کمک کند تا مهارت‌های دنیای واقعی را برای پیشرفت در مسیر شغلی و پروژه‌های خلاقانه خود کسب کنند.

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

شروع کار با ابزارهای پیشرفته فیگما Getting Started with Figma Pro Tools

  • مقدمه‌ای بر دوره پیشرفته فیگما Intro to the Figma Advanced Course

  • شروع یادگیری در دوره پیشرفته فیگما Getting Started in Figma Advanced Course

  • مبانی Auto Layout و طراحی ریسپانسیو: کاربرد در طراحی واکنش‌گرا Auto Layout & Responsive Design 101: It's use in responsive design

  • طراحی در فیگما با استفاده از Auto Spacing در اتو لی‌اوت‌ها Designing in Figma with Auto Spacing in Auto Layouts

  • چه زمانی از کامپوننت‌ها در فیگما استفاده کنیم و چه زمانی نکنیم When and when not to use Components in Figma

تسلط بر فاصله‌گذاری، محدودیت‌ها و لایه‌بندی Spacing, Constraints & Layout Mastery

  • بهترین فاصله‌گذاری‌ها برای استفاده در فیگما چیست What is good spacing to use in Figma

  • برای طراحی وب و اپلیکیشن در فیگما از چه فاصله‌گذاری‌هایی استفاده کنم What spacing should I use for web & app design in Figma

  • مقایسه Auto Layout در مقابل Constraints در فیگما Auto Layout vs Constraints in Figma

  • میان‌برهای Auto Layout: نکات و ترفندهایی برای سرعت بیشتر Autolayout shortcuts: Tips and tricks to work with Auto Layout faster

  • پروژه کلاسی ۱: طراحی نویگیشن پایین ریسپانسیو Class Project 01 - Responsive Lower Navigation

بهره‌وری کاربر حرفه‌ای و مدیریت فایل‌ها Power User Productivity & File Mastery

  • نحوه مدیریت فایل‌ها در فیگما و تبدیل شدن به استاد مدیریت فایل How to handle files in Figma and become a File Handling Master

  • استفاده از ترفندهای پیشرفته کپی، پیست و انتخاب در فیگما How to use advanced Copy, Paste, and Selection Tricks in Figma?

  • انجام کارهای حرفه‌ای با فیلدهای فیگما How to do crazy things with your Figma fields?

  • ترفندهای Frame: نکات کاربردی برای کار موثر با فریم‌های فیگما Frame Tricks: Tips and Tricks to work with Figma frames effectively

  • تکنیک‌های پیشرفته Zoom برای کارهای دقیق در فیگما Advanced Zooming Techniques for precision work in Figma

  • تم لایت، دارک یا سیستمی: کدام یک در فیگما بهتر است Light or Dark vs System Theme: Which one to use in Figma?

محدودیت‌های ریسپانسیو و سیستم‌های گرید Responsive Constraints & Grid Systems

  • پروژه کلاسی ۲: محدودیت‌های کارت رویداد (Constraints) Class Project 02 - Event Card Constraints

  • پروژه کلاسی ۲: تکمیل محدودیت‌های کارت رویداد Class Project 02 - Event Card Constraints - Completed

  • مقایسه گرید، Constraints و Auto Layout: چه زمانی از کدام استفاده کنیم Grid v Constraints v Autolayout in Figma: Which one to use and when?

  • نحوه کپی، پیست گریدها و خروجی گرفتن از استایل‌های گرید How to copy & paste grids and export grid styles in Figma

  • نحوه افزودن گریدهای ردیفی و ستونی به یک لایه در فیگما How to add rows and column grids to one layout in Figma

  • نحوه به‌روزرسانی استایل‌های گرید در فیگما How to update Grid Styles in Figma

  • استفاده از گریدها در فریم‌های داخلی (غیر از فریم اصلی) Grids inside of frames that aren't the main frame

  • پروژه کلاسی ۳: برندینگ رویداد Class project 03 - Event Branding

ویجت‌ها، پلاگین‌ها و واریانت‌های سفارشی Widgets, Plugins & Custom Variants

  • طراحی لوگو با Iconscout: نحوه استفاده از Iconscout برای ساخت لوگو در فیگما Logos using Iconscout: How to use Iconscout to create logos in Figma?

  • تفاوت ویجت‌ها (Widgets) در مقابل پلاگین‌ها در فیگما What are widget compared to plugins in Figma?

  • نحوه ایجاد واریانت‌های رنگی UX با استفاده از ویجت فیگما How to create ux color variants using a Figma Widget ?

نمایش نظرات

آموزش پیشرفته فیگما (بخش اول): اتو لی‌اوت، گریدها و کامپوننت‌ها
جزییات دوره
7h 8m
27
(آخرین آپدیت)
4,798
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده