آموزش 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 که برای مقابله با هر پروژه ای نیاز دارید، خواهید فهمید. بیایید شروع کنیم!

© moonlearning.io با یادگیری ماه

ما یک برنامه ردیابی خلق و خوی کامل را از ابتدا در 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

نمایش نظرات

آموزش Figma 2023: The Absolute Beginner to Pro Class
جزییات دوره
1h 58m
47
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
5,393
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christine Vallaure Christine Vallaure

UI/UX DESIGN + CODE

طراح UX/UI با علاقه به کد و بنیانگذار .

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

علاوه بر پروژه‌های مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.

برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .