آموزش Figma - UI/UX Design Essential را بیاموزید

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

مقدمه دوره Introduction to the Course

• مقدمه دوره Introduction to the Course

• استفاده از فایل های تمرین Using the Exercise Files

آموزش رابط Figma Learning the Figma Interface

• بخش مقدمه Section Introduction

• فیگما چیست؟ What is Figma?

• Figma را از کجا پیدا کنیم Where to find Figma

• برنامه مرورگر در مقابل برنامه دسکتاپ The Browser App vs. The Desktop App

• صفحه شروع The Start Screen

• مقدمه ای بر اینترفیس Introduction to the Interface

• واردات و صادرات فایل ها Importing and Exporting Files

• استفاده از قالب ها Using Templates

• نوار ابزار The Toolbar

• پنل لایه ها و صفحات The Layers and Pages Panel

• پنل دارایی ها The Assets Panel

• پنل طراحی The Design Panel

• پنل نمونه اولیه The Prototype Panel

• پنل کد The Code Panel

• بوم The Canvas

• استفاده از میانبرهای صفحه کلید Using Keyboard Shortcuts

• کار با تاریخچه نسخه Working with the Version History

راه اندازی یک پروژه جدید Setting up a new project

• ایجاد پروژه و فایل جدید Creating a New Project and File

• وارد کردن فایل های طرح Importing Sketch Files

• کار با تیم ها Working with Teams

• کار با قالب ها Working with Templates

افزودن و ویرایش محتوا Adding and Editing Content

• کار با فریم ها Working with Frames

• کار با Shapes Working with Shapes

• طراحی نمادها با استفاده از ابزار Pen Drawing Icons using the Pen Tool

• طراحی اشکال با استفاده از ابزار Pencil Drawing Shapes Using the Pencil Tool

• کار با متن Working with Text

• پوشاندن تصاویر و اشکال Masking Images and Shapes

• وارد کردن آیکون ها و سایر گرافیک ها Importing Icons and other Graphics

• کار با رنگ Working with Color

• کار با Styles Working with Styles

• راه اندازی کامپوننت ها Setting up Components

• استفاده از محدودیت ها برای طراحی پاسخگو Using Constraints for Responsive Design

• کار با Version Control Working with Version Control

تکمیل طراحی Completing the Design

• طراحی یک منوی کشویی Designing a Slide-out Menu

• طراحی روکش روی صفحه Designing an on-screen Overlay

• طراحی بخش نظرات Designing a comments section

• طراحی چندین حالت تخته هنری Designing Multiple Artboard States

• به این طرح شخصیت منحصر به فرد خود بدهید Give this design it's own unique personality

نمونه سازی، اشتراک گذاری و صادرات Prototyping, Sharing, and Exporting

• ایجاد یک نمونه اولیه Creating a prototype

• مشاهده نمونه اولیه خود در دستگاه تلفن همراه Viewing your prototype on a mobile device

• پیش نمایش زنده دستگاه Live device preview

• طرح خود را به اشتراک بگذارید Sharing your design

• به دیگران اجازه دهید در مورد طرح شما نظر دهند Allowing others to comment on your design

• صادرات گرافیک و دارایی Exporting graphics and assets

نتیجه Conclusion

• مراحل بعدی Next Steps