آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی
آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

در این مطلب، قصد داریم طراحی رابط کاربری (UI/UX) را با استفاده از ابزار فیگما (Figma) را از مبتدی تا پیشرفته با یک مثال عملی از طراحی یک اپلیکیشن سفارش غذا در 30 دقیقه به شما آموزش دهم.

Figma – ابزار قدرتمند طراحی وب:

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

مراحل آموزش:

  • معرفی مثال عملی مورد استفاده در طول آموزش
  • مهمترین نکات مرتبط با فیگما قبل از شروع
  • نصب و ثبت‌نام در Figma
  • دانلود و نصب نسخه محلی Figma (در صورت لزوم)
  • ورود به حساب کاربری Figma
  • دانلود نمونه‌ی رابط کاربری برای آموزش
  • زوم کردن و بزرگ‌نمایی (Zoom In/Out) در Figma
  • معرفی و ساخت فریم‌ها (Frames) در Figma
  • نوع‌های مختلف فریم‌ها برای طراحی وب، تبلت و موبایل
  • کپی کردن و جابه‌جایی شیء‌ها و فریم‌ها در Figma
  • طراحی صفحه ورود به سیستم (Login Page) در Figma
  • گرد کردن گوشه‌های فریم‌ها در Figma
  • افزودن سایه به شیء‌ها در Figma
  • دانلود و مدیریت آیکون‌های SVG
  • شروع طراحی صفحه سفارش غذا
  • گروه‌بندی اشیاء در Figma
  • تنظیم فاصله‌های یکسان بین اشیاء در Figma

در این آموزش کامل، با تمرین‌های عملی و مثال‌های کاربردی، مهارت‌های مورد نیاز برای طراحی رابط کاربری با Figma را درک خواهید کرد. به همین ترتیب، تجربه کاربری شما نیز بهبود خواهد یافت.

 

(برای دیدن این ویدیو باید VPN شما روشن باشد. بعد از روشن کردن VPN یا فیلترشکن، بر روی لینک زیر بزنید و در یوتیوب ویدیو را تماشا کنید)

YouTube ویدئو

آموزش فیگما از صفر در 30 دقیقه با مثال کاربردی

 

چطور در دوره‌های آموزشی طراحی UI/UX شرکت کنید؟

شما نیز می‌توانید تجربه حرفه‌ای طراحی رابط کاربری (UI) و تجربه کاربری (UX) را بصورت مرحله به مرحله، کاربردی و پروژه محور یاد بگیرید. در حال حاضر، از طریق صفحه اصلی سایت می توانید پکیج های خودآموز ویدیویی زیر را تهیه کنید:

  1. آموزش طراحی رابط کاربری – UI Design: این دوره به شما اصول و تکنیک‌های مهم طراحی رابط کاربری را آموزش می‌دهد. از طراحی اینترفیس های کاربردی که در کنار حل مشکلات کاربران بسیار زیبا هستند تا انتخاب رنگ‌ها، تایپوگرافی و تجربه کاربری، شما مهارت‌های لازم را خواهید آموخت.
  2. آموزش طراحی تجربه کاربری – UX Design: این دوره به شما نحوه طراحی تجربه کاربری مفهومی و مؤثر را در وب‌سایت‌ها و اپلیکیشن‌ها آموزش می‌دهد. از ابزارها و متدولوژی‌های UX تا تست و بهینه‌سازی، همه چیز در این دوره پوشش داده شده است.
  3. آموزش ساخت دیزاین سیستم در Figma: این دوره به شما نحوه ساخت یک دیزاین سیستم کامل در ابزار Figma را به صورت جامع آموزش می‌دهد. از ایجاد کامپوننت‌ها تا مدیریت کتابخانه‌ها، مهارت‌های شما در دیزاین سیستم به سطح جدیدی خواهند رسید.
  4. آموزش پروداکت دیزاین: این دوره به شما نکات و تکنیک‌هایی را برای طراحی محصولات دیجیتال و تجربه کاربری بهتر در پروژه‌های محصولی آموزش می‌دهد.

برای ثبت نام در این دوره‌های آموزشی، به وب‌سایت Learnuix.com مراجعه کنید. با دسترسی به این پکیج های آموزشی شما می توانید مهارت های خود را در این زمینه بصورت تخصصی افزایش دهیدو به دنیای جذاب و متنوع UI/UX دیزاین وارد شوید.

 

 

گروه تلگرام برای بحث و تبادل نظر در حوزه دیزاین رابط و تجربه کاربری

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

عضویت در گروه تلگرام UIXFamily

کانال تلگرام برای معرفی آموزش ها، مطالب، کتاب‌ها و نکات کاربردی دیزاین و آموزش‌های مختلف دیگر

کانال تلگرام AsteriXarts مکانی است که به شما امکان دسترسی به محتوای تخصصی در زمینه‌های دیزاین و به خصوص UI/UX را فراهم می‌کند. در این کانال، شما می‌توانید به معرفی کتاب‌های مفید، نکات کاربردی و آموزش‌های متنوع دسترسی پیدا کنید. اگر تمایل دارید به این منبع آموزشی و اطلاعاتی بپیوندید، می‌توانید با کلیک بر روی لینک زیر در کانال تلگرام AsteriXarts عضو شوید:

عضویت در کانال تلگرام AsteriXarts

 

 

به اشتراک بگذارید
Hossein-Mahmoodi-Profile
حسین محمودی

طراح محصول | مدرس | یوتیوبر

مقاله‌ها: 60