آموزش تسلط بر Figma: The Magic of Auto Layout
Mastering Figma: The Magic of Auto Layout
به‌روزرسانی: Figma رابط کاربری طرح‌بندی خودکار را در 10 مه 2022 به‌روزرسانی کرد. حتی اگر ویژگی‌های اصلی طرح‌بندی خودکار ثابت باقی می‌مانند، بخش‌هایی از رابط کاربری را خواهید دید که در این کلاس در مکانی متفاوت یا پنهان شده‌اند. پنل در آخرین نسخه Figma. این یک به روز رسانی رابط کاربری است که بسیار مورد نیاز است و نه یک تعمیر اساسی. به‌روزرسانی نباید مانعی برای شرکت در این کلاس ایجاد کند. حتی اگر نظری در بحث بگذارد و من مطمئناً وارد می‌شوم و کمک می‌کنم.
Figma یک ابزار طراحی پیشرو برای اکثر طراحان رابط کاربری امروزه است. و هر روز این تعداد به لطف مجموعه ویژگی های قوی، تیمی عالی از مهندسان و طراحان، و جامعه چند استعدادی از طراحان پر جنب و جوش که در اطراف Figma رشد کرده اند، افزایش می یابد.
با افزایش تقاضا برای ابزارهای طراحی برای انجام کارهای بیشتر، ابزارها به طور فزاینده ای پیچیده می شوند و دیر یا زود به یک منحنی یادگیری دست می یابند. چیزی که طراحان برای رسیدن به طرف مقابل و لذت بردن از ویژگی‌های صرفه‌جویی در زمان باید آن را مقیاس‌بندی کنند. یکی از این ویژگی ها در Figma، Auto Layout است.
من متوجه شدم که به طور منظم از طرح‌بندی خودکار برای کار و پروژه‌های شخصی‌ام استفاده می‌کنم. اگرچه در ابتدا برای امتحان کردن آن مردد بودم و آن را پیچیده می‌دانستم، اما اکنون، با طراحی بدون آن مطمئن هستم که احساس می‌کنم یک پرنده فلج شده‌ام.
اگر تازه وارد فیگما هستید یا تازه وارد هستید. به طرح بندی خودکار این کلاس فقط برای شما مناسب است. امیدوارم لحظه‌ای آها به شما برسد، همانطور که وقتی متوجه شدم همه چیز با استفاده از طرح‌بندی خودکار Figma ممکن است، به شما برسد.
در این کلاس شرکت کنید: برای یادگیری Figma (از آنجایی که تقاضا برای آن در بازار کار به سرعت در حال افزایش است)، می خواهید ویژگی طرح بندی خودکار Figma را یاد بگیرید.
نرم افزار مورد نیاز برای شرکت در این کلاس
Figma (موجود برای )
برنامه دسک‌تاپ اختیاری برای بارگیری از اینجا موجود است.
P.S: قبل از شروع حتماً منابع را از زیر «منابع پروژه‌ها» در Skillshare دانلود کنید کلاس.
بهترین موفقیت،
نش.
همانطور که کلاس را دنبال میکنید، یک مخزن از عناصر رابط کاربری طراحی میکنید که در صفحات مختلف در داخل فایل شروع کننده خود جدا شده‌اند.
پروژه نهایی شما شامل موارد زیر خواهد بود:
1. ایجاد یک صفحه جدید در داخل فایل شروع به نام: پروژه نهایی
2. کپی، چسباندن و مرتب کردن تمام عناصر رابط کاربری که در صفحه پروژه نهایی طراحی کرده اید.
3. گرفتن اسکرین شات از صفحه پروژه نهایی و ارسال آن به عنوان پروژه برای این کلاس.
4. در توضیحات پروژه حتماً یک لینک به فایل شروع خود وارد کنید. لینک را می توان با کلیک کردن روی دکمه اشتراک گذاری در بالا سمت راست دریافت کرد. این فرآیند همچنین در فصل 2 توضیح داده شده است: پروژه و راه اندازی
ارسال پروژه شما باید چیزی شبیه به این باشد:
درس ها Lessons
-
به روز رسانی طرح بندی خودکار Auto Layout Update
-
چالش 1: پانل ستایش Challenge 1: Praise Panel
-
معرفی Introduction
-
درس در دکمه ها - قسمت 2 A lesson in Buttons - Part 2
-
دو طرح بندی پنل Two Panel Layouts
-
پروژه و راه اندازی Project & Setup
-
ساخت یک کشویی Making of a Dropdown
-
چالش جایزه: نوار لغزنده طرح بندی خودکار Bonus Challenge : Auto Layout Slider
-
درس در دکمه ها - قسمت 1 A lesson in Buttons - Part 1
-
چالش 2: کارت بازی Challenge 2: Game Card
-
نتیجه Conclusion
https://donyad.com/d/7921b8
Nash Vail
من می نویسم و طراحی می کنم و طراحی و کدنویسی می کنم.
سلام، من نش هستم. من یک توسعه دهنده، طراح هستم و کاملاً عاشق تدریس هستم. من بیش از 6 سال است که در این زمینه حرفه ای هستم. من این شانس را پیدا کردم که با برخی از شرکت های بزرگ و سازمان های منبع باز به همان اندازه عالی از جمله بنیاد jQuery کار کنم. من یکی از بنیانگذاران و رئیس طراحی @
من طرفدار بزرگ به اشتراک گذاری دانش هستم و سعی می کنم این کار را از طریق وبلاگ خود و سایت های دیگر مانند Smashing Magazine انجام دهم که در آن چند مقاله دارم. در اینجا در Skillshare، هدف من این است که همان دانش را از طریق ویدیوها به اشتراک بگذارم.
اگر آنچه را که من آموزش دادم ارزشمند یافتید، من را دنبال کنید، توییت کنید، من همیشه آماده یک مکالمه عالی هستم. یادگیری مبارک!
نمایش نظرات