آموزش فیگما - Auto Layout و طراحی ریسپانسیو با آن در Figma

در این آموزش فیگما - Figma قصد دارم با استفاده از ویژگی Auto Layout یک جدول ریسپانسیو طراحی کنم.

ویژگی Auto Layout در فیگما این امکان را به ما می دهد که بتوانیم UI هایی رو طراحی بکنیم که بسته به شرایط مختلف از جمله تغییر سایز اسکرین یا صفحه نمایش بتونن خودشون رو تغییر شکل بدن و به عبارتی Auto Layout به ما کمک می کنه که بتونیم طرحمون رو راحت تر ریسپانسیو کنیم.

بعد از دیدن این آموزش شما شما دیگه برای ساخت یک دکمه در فیگما نمی آیید یک Rectengle درست کنید و یک تکست در داخل آن بنویسید ، بلکه با فریم ها همه ی دکمه های خود را درست می کنید. درست شنید اساس و پایه ی Auto Layout در فیگما بر اساس فریم هاست و در نتیجه هر چیزی رو که شما تبدیل به Auto Layout کنید در واقع دارید آن را در داخل یک فریم قرار می دهید.

به دلیل اینکه فیلم بر روی یوتیوب قرار دارد، برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید تا بتوانید آن را مشاهده کنید.

آموزش فیگما - Auto Layout و طراحی ریسپانسیو با آن در Figma

‌ ‎

در آموزش فیگما - Auto Layout و طراحی ریسپانسیو با آن در Figma چه مواردی بررسی می شود؟

محتوای این فیلم آموزشی فیگما Figma:

1. 00:19 | Auto Layout در فیگما چیست؟
2. 01:29 | آموزش کار با Auto Layout در فیگما
3. 01:51 | ساخت Auto Layout از هر عنصری در فیگما
4. 03:56 | اضافه کردم آیکان به فریم Auto Layout
5. 04:25 | ادامه آموزش تنظیمات مختلف Auto Layout در فیگما
6. 16:00 | نکاتی در مورد Auto Layout و طراحی ریسپانسیو

قسمت های دیگر آموزش Figma را در کجا ببینیم؟

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

شما می توانید از طریق لینک زیر در کانال یوتیوب یا خبرنامه وبلاگ شخصی من عضو شوید تا از جدیدترین آموزش ها سریع مطلع گردید.

لینک های مفید + ارتباط با من + آموزش های رایگان طراحی و بهبود فردی و شغلی

این پست اولین بار در وبلاگ شخصی من منتشر شده است.