آموزش Auto Layout در فیگما - از مقدماتی تا طراحی واکنشگرا
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- چگونه میتوان از Auto Layout استفاده کرد؟
- چگونه میتوان منوها، لیستها، کارتها، جدولها و موارد مشابه را ایجاد کرد؟
- چگونه از Auto Layout برای طراحی واکنشگرا استفاده میشود؟
- چگونه میتوان محتوا را با استفاده از Auto Layout سازماندهی کرد؟
پیشنیازهای دوره
- دسترسی به اینترنت
- حساب کاربری رایگان Figma
- کامپیوتر Mac یا Windows
توضیحات دوره
برای پیشنمایش رایگان، لطفاً بخشهای 3، 6 و 11 (درسهای 16، 26 و 53) را بررسی کنید.
قابلیت Auto Layout ویژگی خاص فیگما است که کار با آن را بسیار لذتبخش میکند. با این حال، یادگیری آن به سادگی آنچه به نظر میرسد نیست و میتواند چالشبرانگیز باشد، بهویژه اگر هدف طراحی طرح بندیهای واکنشگرا باشد.
پس از برنامهریزی دقیق سرفصلها، میتوان با اطمینان گفت که این دوره آموزشی تنها منبعی است که دانشجویان برای یادگیری موثر چگونگی استفاده از Auto Layout نیاز خواهند داشت.
آنچه این دوره را منحصر به فرد میکند، رویکرد عملی آن است. تمرین باعث کمال میشود. به همین دلیل، مدرس تأکید زیادی بر تمرینهای هدایتشده دارد و تنها ساعات اندکی به مباحث تئوری اختصاص یافته است.
با این وجود، حتی افراد تازهکار نیز نباید دلسرد شوند، زیرا این دوره به صورت گامبهگام برای مبتدیان طراحی شده است. هدف دوره معرفی تدریجی مفاهیم اساسی است که به تفصیل شرح داده میشوند تا فرآیند یادگیری به طور قابل توجهی ساده شود.
پس از اتمام دوره، دانشجویان تجربه و دانش لازم برای ایجاد هر نوع المانی نظیر کارتها، جدولها، منوها و غیره و استفاده از آنها در طرحهای واکنشگرا را کسب خواهند کرد. علاوه بر این، بهترین شیوه ها و چگونگی عیبیابی طرحهایی که به درستی کار نمیکنند، آموزش داده میشود.
باید به خاطر داشت که این دوره برای مبتدیان مناسب است. تمام مراحل با جزئیات کامل توضیح داده میشوند تا دانشجویان بتوانند به راحتی با آموزشها پیش بروند.
امید است که به این دوره بپیوندید. مشتاقانه منتظر حضور شما در کلاس هستیم.
این دوره برای چه کسانی مناسب است؟
- طراحان UI/UX
- طراحان وب
- طراحان گرافیک
آموزش Auto Layout در فیگما - از مقدماتی تا طراحی واکنشگرا
-
مقدمه 03:25
-
ایجاد دکمه 11:34
-
لیست دکمهها 11:36
-
منوی متنی 06:15
-
کارت واکنشگرا 12:22
-
فاصلهگذاری منفی 07:09
-
فریم داخل فریم 05:13
-
Auto Layout چیست؟ 09:37
-
Constraints 04:40
-
کلیدهای میانبر 09:19
-
پدینگ قسمت 1 13:24
-
پدینگ قسمت 2 02:29
-
پدینگ قسمت 3 04:19
-
پدینگ قسمت 4 08:04
-
دستهبندیها و سوییچ قسمت 1 15:56
-
دستهبندیها و سوییچ قسمت 2 10:02
-
منو قسمت 1 17:21
-
منو قسمت 2 09:18
-
منو قسمت 3 11:10
-
متن و تصویر واکنشگرا قسمت 1 04:58
-
متن و تصویر واکنشگرا قسمت 2 09:12
-
متن و تصویر واکنشگرا قسمت 3 10:22
-
متن و تصویر واکنشگرا قسمت 4 08:50
-
متن و تصویر واکنشگرا قسمت 5 07:44
-
کارت واکنشگرا قسمت 1 08:23
-
کارت واکنشگرا قسمت 2 03:05
-
کارت واکنشگرا قسمت 3 14:36
-
کارت واکنشگرا قسمت 4 13:01
-
کارت واکنشگرا قسمت 5 04:22
-
کارت واکنشگرا قسمت 6 12:25
-
واقعیت طراحی UX UI قسمت 1 03:40
-
واقعیت طراحی UX UI قسمت 2 06:14
-
واقعیت طراحی UX UI قسمت 3 06:27
-
واقعیت طراحی UX UI قسمت 4 05:25
-
واقعیت طراحی UX UI قسمت 5 05:03
-
واقعیت طراحی UX UI قسمت 6 04:49
-
طرح بندی ساده قسمت 1 13:19
-
طرح بندی ساده قسمت 2 08:26
-
طرح بندی ساده قسمت 3 10:43
-
طرح بندی ساده قسمت 4 06:14
-
طرح بندی ساده قسمت 5 11:34
-
طرح بندی ساده قسمت 6 08:33
-
طرح بندی ساده قسمت 7 05:51
-
موقعیت مطلق قسمت 1 05:26
-
موقعیت مطلق قسمت 2 09:39
-
موقعیت مطلق قسمت 3 04:51
-
جدولها قسمت 1 13:16
-
جدولها قسمت 2 11:53
-
جدولها قسمت 3 07:08
-
جدولها قسمت 4 12:45
-
جدولها قسمت 5 13:45
-
جدولها قسمت 6 11:53
-
طرح بندی ساده 2 قسمت 1 07:45
-
طرح بندی ساده 2 قسمت 2 10:16
-
طرح بندی ساده 2 قسمت 3 07:28
-
طرح بندی ساده 2 قسمت 4 10:55
-
طرح بندی ساده 2 قسمت 5 09:07
-
طرح بندی ساده 2 قسمت 6 09:41
-
پرسش و پاسخ 00:43
مشخصات آموزش
آموزش Auto Layout در فیگما - از مقدماتی تا طراحی واکنشگرا
- تاریخ به روز رسانی: 1404/10/04
- سطح دوره:مقدماتی
- تعداد درس:59
- مدت زمان :08:33:00
- حجم :6.71GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy