چیدمان خودکار را در Figma برای طراحی وب و رابط کاربری مسلط کنید

Master Auto Layouts in Figma for Web & UI Design

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

با تسلط بر طرح‌بندی‌های خودکار در Figma، پتانسیل کامل طراحی‌های وب و رابط کاربری خود را باز کنید. این دوره برای طراحان مبتدی تا متوسط ​​طراحی شده است که اغلب از پیچیدگی های طرح بندی خودکار احساس می کنند.

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

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

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

بیایید اسرار استفاده از طرح‌بندی خودکار در Figma را باز کنیم!


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

درس ها Lessons

  • 06 انتساب نوار ناوبری پاسخگو در طرح خودکار Figma 06 Assignment Responsive Nav Bar in Figma autolayout

  • 02 تکلیف یک کارت رابط کاربری Autolayout با پاسخگویی ایجاد کنید 02 Assignment Create an Autolayout UI Card with Responsiveness

  • 08 طراحی نوار ناوبری پاسخگو با طرح‌بندی خودکار Figma 08 Responsive nav Bar design with Figma Auto Layouts

  • 03 تکلیف یک رابط کاربری با پس‌زمینه کاملاً موقعیت‌یافته ایجاد کنید 03 Assignment Create a UI with absolute positioned background

  • 05 طرح های خودکار پاسخگو پیچیده با موقعیت مطلق 05 Complex responsive Autolayouts with absolute position

  • 06 ورودی فرم پاسخگوی کامل با طرح‌بندی خودکار Figma 06 Perfect Responsive Form Input with Figma Autolayouts

  • 07 استفاده از Autolayout برای چیدمان و فاصله گذاری در طراحی وب 07 Use of Autolayout for layout and spacing in Web Design

  • 09 طراحی گام به گام بخش طراحی وب با طرح بندی خودکار 09 Design Step by Step a Web Design Section with Auto Layouts

  • 04 طراحی کارت با دکمه ها و نمادها در Autolayout 04 Card Design with buttons and icons in Autolayout

  • 02 توضیح همه کنترل ها و ترازهای طرح خودکار 02 Explaining all autolayout Controls and alignments

  • 05 کل بخش ویژه وب سایت را با Autolayout ایجاد کنید 05 Create whole Featured section of website with Autolayout

  • 01 انتساب ایجاد Autolayout Figma دکمه های مجموعه 01 Assignment Create Autolayout Figma buttons set

  • 01 AutoLayouts Figma Intro 19 8 24 01 AutoLayouts Figma Intro 19 8 24

  • 04 تکلیف ایجاد فیلد ورودی پاسخگو 04 Assignment Create Responsive Input field

  • 03 چیدمان تراز متن با طرح بندی خودکار 03 Text alignment layout with autolayouts

  • 10 طرح خودکار و کامپوننت در Figma 10 Autolayouts and Components in Figma

نمایش نظرات

Skillshare (اسکیل شیر)

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

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

چیدمان خودکار را در Figma برای طراحی وب و رابط کاربری مسلط کنید
جزییات دوره
1h 32m
16
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Muhammad Ahsan Pervaiz Muhammad Ahsan Pervaiz

UI UX Designer + Freelancer + Web Developer من حرفه حرفه ای خود را از 10 سال پیش شروع کردم و خودم همه چیز را به سختی یاد گرفتم. من از ابتدا رفتم و در نهایت برای شرکتهای FORTUNE 500 مانند INTEL ، PANASONIC و کوکا کولا کار کردم. فقط در 1 سال طراحی UI جدی ، جای خودم را در DRIBBBLE گرفتم کار با مدیران هنری کوکاکولا و مدیران پروژه از انگلستان ، در مدت زمان کوتاه چیزهای زیادی آموختم. تجربه کاربر پیشرفته برنامه موبایل GP UK انگلستان ، چند وب سایت بازی و تجارت الکترونیکی و ایجاد الگوهای طراحی جدید برای نمایش ایمن رمزهای عبور در قسمت های رمز عبور از طراحی آیکون برنامه تا طراحی رابط کاربر برنامه ، از قاب های سیم ، نمونه های اولیه و طراحی ماکت کار کرده است. من گرسنه هستم که رابط کاربری را از همه جنبه ها کامل کنم من فردی با استعداد بالا هستم که برنده یک مدال طلا ، برنده یک مسابقه طراحی پوستر در سراسر کشور از PANASONIC شده و برنده بسیاری از مسابقات طراحی صفحه فرود در 99 طراحی شده ام.