آموزش فیگما برای افراد پرمشغله: تسلط بر اتو لی‌اوت - آخرین آپدیت

دانلود Figma for Busy People: Mastering Auto Layout

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

آموزش جامع اتولایوت فیگما: از مبتدی تا حرفه‌ای شوید

` `

با این دوره آموزشی فیگما، بر قابلیت اتولایوت (Auto Layout) مسلط شوید! طراحی‌های پیچیده را به درس‌هایی ساده، جذاب و قابل فهم برای تمام سطوح مهارت تبدیل کنید.

` `

چرا این دوره آموزشی اتولایوت فیگما را بگذرانید؟

` `

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

` `

مرور کلی دوره آموزش اتولایوت فیگما

` `

با آموزش نحوه افزودن اتولایوت و سازماندهی و چیدمان اشیاء شروع خواهیم کرد. سپس به شما کار با فریم‌های تو در تو (Nested Frames)، تنظیم جهت و موقعیت‌دهی عناصر، کار با فاصله‌ها (Gaps) و پدینگ‌ها (Paddings)، نحوه هم‌ترازی صحیح عناصر و استفاده از گزینه‌های تغییر اندازه (Resizing Options) برای ایجاد طراحی‌های واکنش‌گرا و تطبیق‌پذیر را آموزش خواهم داد.

` `

آنچه در این دوره اتولایوت فیگما خواهید آموخت:

` `
    ` `
  • روش‌های مختلف افزودن اتولایوت به فریم

  • ` `
  • نحوه افزودن، تکثیر و حذف اشیاء درون فریم اتولایوت

  • ` `
  • چگونگی چیدمان و مرتب‌سازی اشیاء در فریم اتولایوت فیگما

  • ` `
  • نحوه حذف اتولایوت از فریم

  • ` `
  • تکنیک‌های تو در تو کردن اتولایوت (Nesting)

  • ` `
  • نحوه تغییر جهت اشیاء در فریم اتولایوت

  • ` `
  • موقعیت‌دهی مطلق اشیاء (Absolute Positioning)

  • ` `
  • اهمیت و موارد استفاده از ترتیب چینش (Stacking Order) روی بوم فیگما

  • ` `
  • چگونگی تغییر فاصله بین آیتم‌ها

  • ` `
  • زمان و نحوه استفاده از فاصله منفی (Negative Spacing)

  • ` `
  • نحوه افزودن پدینگ (Padding) به اشیاء

  • ` `
  • چگونگی تنظیم تراز (Alignment) برای اشیاء فرزند

  • ` `
  • نحوه استفاده از تراز خط مبنای متن (Text Baseline Alignment)

  • ` `
  • قدرت استفاده از ابعاد حداقل و حداکثر (Min/Max Dimensions)

  • ` `
  • چگونگی تنظیم ابعاد ثابت (Fixed Dimensions)

  • ` `
  • نحوه تنظیم فریم‌ها برای تناسب کامل با محتوایشان

  • ` `
  • چگونگی تنظیم فریم‌ها برای اشغال تمام فضای موجود درون کانتینر والد

  • ` `
` `

کاربردهای عملی و تمرینات اتولایوت فیگما

` `

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

` `

این دوره آموزش اتولایوت فیگما برای چه کسانی مناسب است؟

` `

کاملا! این کلاس هم برای مبتدیان کامل در فیگما و هم برای طراحان باتجربه ارزشمند خواهد بود. نیازی به تجربه گسترده با فیگما ندارید، اما آشنایی نسبی با رابط کاربری فیگما دنبال کردن کلاس را آسان‌تر خواهد کرد. هدف این دوره، لذت‌بخش و آسان کردن یادگیری اتولایوت است، فارغ از سطح مهارت فعلی شما.

` `

چه چیزهایی برای شرکت در دوره آموزش فیگما نیاز دارید؟

` `

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

`

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

مقدمه Introduction

  • به دوره خوش آمدید Welcome to the Course

شروع کار Getting Started

  • افزودن Auto Layout به طراحی‌های شما Adding Auto Layout to Your Designs

  • تمرین اصول اولیه Practice the Basics

تو در تویی Nesting

  • تو در تو کردن فریم‌های Auto Layout Nesting Auto Layout Frames

  • تمرین تو در تویی Practice Nesting

جریان چیدمان Layout Flow

  • کاوش جریان چیدمان در فریم‌های Auto Layout Exploring Layout Flow in Auto Layout Frames

  • تمرین کار با جریان چیدمان Practice Working with the Layout Flow

فاصله‌گذاری Spacing

  • تسلط بر فاصله‌گذاری Auto Layout Mastering Auto Layout Spacing

  • تمرین فاصله‌گذاری Practice Spacing

تراز Alignment

  • دستیابی به تراز بی‌نقص Achieving Perfect Alignment

  • تمرین تراز Practice Alignment

تغییر اندازه Resizing

  • تغییر اندازه با Auto Layout Resizing with Auto Layout

  • تمرین تغییر اندازه Practice Resizing

نتیجه‌گیری Conclusion

  • نتیجه‌گیری و افکار پایانی Conclusion and Final Thoughts

نمایش نظرات

آموزش فیگما برای افراد پرمشغله: تسلط بر اتو لی‌اوت
جزییات دوره
1 hour
8
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
140
4.8 از 5
ندارد
دارد
دارد
Adi Purdila
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Adi Purdila Adi Purdila

طراح و توسعه دهنده وب

من Adi هستم و یک طراح وب از رومانی هستم.

از زمانی که چشمم به کامپیوتر افتاد (فکر می‌کنم حدود 8 ساله بودم)، طراحی، رابط‌های کاربری و رنگ‌ها را داشتم. و بازی های ویدیویی بعدها در زندگی، من این فرصت را پیدا کردم که از علاقه خود به خوبی استفاده کنم و شروع به ایجاد لوگو و وب سایت های ساده کردم. چندین سال به جلو بروید و من این فرصت را دارم تا دانش و اشتیاق خود را برای طراحی وب با شما به اشتراک بگذارم.

من اکنون بیش از یک دهه است که به عنوان یک طراح وب کار می کنم، چند سالی است که تدریس می کنم و می خواهم این کار را برای آینده قابل پیش بینی ادامه دهم. من می‌خواهم دوره‌هایی ایجاد کنم که دنبال کردن آنها آسان باشد و ارزش زیادی برای دانش‌آموزان ارائه دهد.

من متاهل هستم و 2 فرزند دارم. خوب، اگر 9 سگ و 10 گربه را هم حساب کنید، در واقع 21 بچه.

در اوقات فراغت خود دوست دارم در باغ خود کار کنم، به جوجه ها رسیدگی کنم و همچنین کمی نجاری انجام دهم. من در آن مرحله آخر خیلی خوب نیستم، اما تا کنون فقط یک بار موفق به مصدومیت شدم بنابراین فکر می کنم در مسیر درستی هستم.

هدف من کمک به شما برای تبدیل شدن به یک طراح و توسعه دهنده وب بهتر است، بنابراین از اینکه در این تلاش به من ملحق شدید متشکرم.

آدریان جورج پوردیلا

"معلم عالی. در تئوری طراحی کمک کرد. امیدوارم کلاس های بیشتری در مورد طراحی وب و چیدمان رابط کاربری برگزار کند. متشکرم"

Pala Otz - طراحی با Figma: صفحه فرود برای برنامه موبایل

"پیگیری آسان، کلاس بسیار مفید با دستورالعمل های واضح و نکات و ترفندهای حرفه ای. واقعاً از آن لذت بردم، متشکرم ادی!"

Keresztes Kriszta Kincső - طراحی با Figma: صفحه فرود برای برنامه موبایل

"این به سادگی یک تجربه عالی بود. من کاملاً در فیگما تازه کار نبودم، اما چیزهای زیادی برای یادگیری با این دوره وجود داشت. سبک تدریس آرام و منظم آدی واقعاً هنگام پیگیری به من کمک زیادی کرد. او مانند استاد ذن است. Figma. متشکرم Adi. BTW، اگر تصمیم گرفتید یک دوره آموزشی در وب‌فلو برگزار کنید، من را در آن حساب کنید!"

Jochen Baum - طراحی با Figma: صفحه فرود برای برنامه موبایل

"دوره عالی و معلم جذاب واقعاً چیزهای زیادی یاد گرفت، نکات از معدن طلا بود"

آنتونی یائو - طراحی با Figma: صفحه فرود برای برنامه موبایل

"این کلاس نه تنها Figma را پوشش می‌دهد، بلکه نکات جالب UX/UI/Designer را نیز پوشش می‌دهد که من هرگز در مورد آنها نمی‌دانستم. قبلاً برخی از Figma را می‌شناختم که وارد این کلاس می‌شوند، اما پس از اتمام این کلاس، صادقانه می‌توانم بگویم من حتی با Figma راحت تر هستم. به طور کلی، از ساختار و گردش کار این کلاس لذت بردم. با تشکر Adi!"

کوین ویزکوند - طراحی با Figma: صفحه فرود برای برنامه موبایل

"متشکرم آدی، آموزش شما عالی است!"

آندرس لوپز - طراحی با Figma: صفحه فرود برای برنامه موبایل

"دوره فوق العاده و مربی عالی! با تشکر. من چیزهای زیادی یاد گرفتم و مشتاقانه منتظر دوره های اضافی در مورد Figma توسط آدی پوردیلا هستم."

Pawan Vora - طراحی با Figma: صفحه فرود برای برنامه موبایل

"این کلاس شگفت انگیز است! آدی پوردیلا یکی از کارآمدترین معلمانی است که من دیده ام. روش تدریس او به من انگیزه می دهد تا هر روز طراحی UI را مطالعه کنم. من دوست دارم کلاس های بیشتری از این قبیل ببینم!"

Aybike Anaçali - طراحی با Figma: صفحه فرود برای برنامه موبایل

"این کلاس برای مبتدیان در طراحی Figma و UI عالی است. Adi Purdila دروس را به شیوه ای واضح و جذاب می گذراند که برای مبتدیان منطقی است. کلاس های او ساختار خوبی دارند و پر از اطلاعات هستند بدون اینکه خیلی زیاد باشد. او همچنین پاسخگوی سوالات دانش آموزان در مورد درس است که برای یادگیری بسیار مفید است. :)"

جاش خاویر - طراحی با Figma: صفحه فرود برای برنامه موبایل