لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش Figma 2023: The Absolute Beginner to Pro Class
Figma 2023: The Absolute Beginner to Pro Class
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
در این کلاس، من قصد دارم هر آنچه را که باید در مورد Figma به عنوان یک طراح UX/UI بدانید را به شما آموزش دهم.
ما را از صفر شروع می کنیم ، یک حساب کاربری ایجاد می کنیم و با ساختار Figma آشنا می شویم.
سپس شما را با خلاصهای معرفی میکنم زیرا در طول دوره ما روی یک پروژه واقعی کار خواهیم کرد تا یک برنامه ردیابی از اولین مرحله تا پایان طراحی ایجاد کنیم.
ما را با تنظیم وایرفریم و فلوچارت با استفاده از Figma شروع میکنیم که به موجب آن تمام اصول اولیه Figma مانند
را به شما نشان خواهم داد.
تنظیم فریم ها
افزودن اشکال، متن و رنگ
نقشه های برداری در Figma
درباره پانل لایه ها، گروه بندی و موقعیت یابی بیاموزید
جادوی طرح بندی خودکار
استفاده از صفحات در Figma برای ساختار
ایجاد نمودارهای جریان ساده
سپس وایرفریم را زنده میکنیم و طراحی رابط کاربری را راهاندازی میکنیم، که در آن با ویژگیهای قدرتمندی مانند
آشنا میشویم.
سبکهای تنظیمات رنگ و تایپوگرافی شما برای ایجاد سلسله مراتب
راه اندازی Grids در Figma
اطلاعات در مورد اجزا و انواع مختلف، برای هر طراح UX/UI ضروری است
برای آزمایش طراحی خود در اندازه های مختلف صفحه نمایش از محدودیت ها استفاده کنید
نحوه استفاده از بخش انجمن Figma
را بیاموزید
برش و رفع عناصر برای حالت ارائه
برای پایان دادن به کار، به شما نشان خواهم داد که چگونه یک کتابخانه تیمی ایجاد کنید و فایل های خود را با تیم طراحی و توسعه خود به اشتراک بگذارید.
در کمتر از دو ساعت، همه چیز را در مورد Figma که برای مقابله با هر پروژه ای نیاز دارید، خواهید فهمید. بیایید شروع کنیم!
ما یک برنامه ردیابی خلق و خوی کامل را از ابتدا در Figma ایجاد خواهیم کرد. ما با Wireframe شروع می کنیم و آن را به یک طراحی UI واقعی تبدیل می کنیم. شما می توانید با استفاده از فایل کاری اصلی من همراه باشید.
برای دانلود فایلهای تمرین،
لطفاً توجه داشته باشید که من فقط در Figma تدریس می کنم و بنابراین فقط فایل های Figma را ارائه می دهم . ما یاد می گیریم که یک حساب کاربری رایگان Figma را در اولین درس ها راه اندازی کنیم و همچنین نحوه وارد کردن مواد کار را به شما نشان خواهم داد.
فونتی که من استفاده می کنم Poppins است، یک فونت گوگل. اگر برنامه Figma را نصب کردهاید (نگران نباشید این موضوع را با جزئیات بیشتر توضیح خواهم داد)، باید به طور خودکار نشان داده شود. اگر با Figma در مرورگر کار می کنید، لطفاً حتما دانلود و نصب کنید: https://fonts.google.com/specimen/Poppins
سرفصل ها و درس ها
درس ها
Lessons
0138 Figma Mirror – پیش نمایش در دستگاه شما
0138 Figma Mirror – Preview on Your Device
0109 در حال تکرار
0109 Duplicating
0103 دریافت Figma – فرآیند ثبت
0103 Getting Figma – Registration Process
0113 تعیین موقعیت و تراز کردن
0113 Positioning Alignment and Nudging
0134 محدودیت های بیشتر ایجاد یک تقویم پاسخگو
0134 More Constraints Creating a Responsive Calendar
0104 ساختار کاری Figma
0104 Figma Working Structure
0120 بخش انجمن Figma
0120 Figma Community Section
0111 ایجاد گروه ها
0111 Creating Groups
0114 تغییر خطوط و پر کردن رنگ
0114 Changing Colour Strokes and Fills
0125 از کدام اندازه فریم استفاده کنم؟
0125 Which Frame Size Should I Use?
0107 میانبرهای مفید پان، زوم و موارد دیگر
0107 Useful Shortcuts Pan, Zoom and More
0119 ایجاد یک فلوچارت ساده با یک پلاگین
0119 Creating a Simple Flowchart With a Plugins
0135 مقیاس گذاری در Figma ایجاد صفحات خلق و خوی
0135 Scaling in Figma Building the Mood Pages
0126 راه اندازی Grids در Figma
0126 Setting up Grids in Figma
0140 Figma Inspect Panel
0140 Figma Inspect Panel
0130 طرح بندی پاسخگو با محدودیت
0130 Responsive Layouts With Constraints
0108 اضافه کردن اشکال به یک قاب
0108 Adding Shapes to a Frame
به روز رسانی: طرح بندی خودکار
UPDATE: Auto Layout
0141 صادرات دارایی
0141 Exporting Assets
پروژه دوره 0102 - آنچه ما خواهیم ساخت
0102 Course Project – What We Will Build
0136 برش محتوا ساخت صفحات مجله
0136 Clipping Content Building the Magazine Pages
متشکرم
Thank You
0121 Auto Layout مقدمه
0121 Auto Layout Introduction
0139 به اشتراک گذاری فایل ها با طراحان و توسعه دهندگان
0139 Sharing Files With Designers and Developers
0122 Nested Auto Layout – ساختن یک کارت تودرتو
0122 Nested Auto Layout – Building a Nested Card
0142 کتابخانه تیم Figma
0142 Figma Team Library
0133 اطلاعات بیشتر درباره انواع ایجاد نوار تقویم
0133 More About Variants Creating the Calendar Bar
0115 ایجاد سبک در Figma
0115 Creating Styles in Figma
توجه: قبل از شروع طرح خودکار
Note: Before we start with auto layout
0132 اجزاء و انواع تودرتو
0132 Nested Components and Variants
0124 سازماندهی فایل ما برای شروع طراحی UI
0124 Organizing our File to Start the UI Design
0127 سبک های رنگ و قراردادهای نامگذاری
0127 Colour Styles and Naming Conventions
0112 افزودن و استایل دادن به متن
0112 Adding and Styling Text
0123 در حال اتمام وایرفریم ما
0123 Finishing off Our Wireframe
0131 عملیات بولی در Figma
0131 Boolean Operations in Figma
0106 راه اندازی فریم های اول
0106 Setting up First Frames
0137 حالت ارائه با عناصر قابل پیمایش و ثابت
0137 Presentation Mode with Scrollable and Fixed Elements
0129 تصاویر در فیگما
0129 Images in Figma
--> مطالب دوره
--> COURSE MATERIAL
0118 صفحه در Figma
0118 Pages in Figma
0110 طراحی در Figma
0110 Drawing in Figma
0105 Figma در مرورگر در مقابل برنامه Figma
0105 Figma in the Browser vs Figma App
0143 تنظیم یک تصویر کوچک
0143 Setting up a Thumbnail
0128 تنظیم Typescale
0128 Setting up a Typescale
0000 Figma Intro
0000 Figma Intro
0101 Figma چیست؟ چه کسی کدنویسی را انجام می دهد؟
0101 What Is Figma? Who Does the Coding?
0116 کار با کامپوننت ها و ایستانس ها تبدیل به comp و لغو می شود
0116 Working with Components and Istances make into comp and overrides
من در سطح بینالمللی، داخلی و از راه دور روی پروژههایی برای برندها، آژانسها و استارتآپهای پیشرو کار کردهام. من عمیقاً به ایجاد محصولاتی با فکر و زیبایی اهمیت می دهم. کارهای من از ایدههای اولیه گرفته تا طرحها، وایرفریمها، نمونهسازی اولیه و تنظیم جلویی را شامل میشود.
علاوه بر پروژههای مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.
برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .
نمایش نظرات