×
۱۳۰,۰۰۰ تومان
۲۹,۰۰۰ تومان

آموزش مقدماتی فیگما – اصول طراحی رابط کاربری UI با Figma

آموزش مقدماتی فیگما – اصول طراحی رابط کاربری UI با Figma

هزینه آموزش
۱۳۰,۰۰۰ تومان
در طرح تخفیف
۲۹,۰۰۰ تومان

تعداد دانشجو
۱۵۸ نفر
مدت زمان
۵ ساعت و ۹ دقیقه
محتوای این آموزش
تضمین کیفیت

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

آموزش مقدماتی فیگما – اصول طراحی رابط کاربری UI با Figma

تعداد دانشجو
۱۵۸ نفر
مدت زمان
۵ ساعت و ۹ دقیقه
هزینه عادی آموزش
۱۳۰,۰۰۰ تومان
در طرح تخفیف
۲۹,۰۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
تضمین کیفیت

آرمان کهریزی

کارشناسی مهندسی فناوری اطلاعات (IT)

ایشان دارای 15 سال سابقه تدریس در زمینه طراحی وب، UI/UX و همچنین اولین مولف کتاب‌های تخصصی در زمینه استخدامی رشته‌های کامپیوتر و فناوری اطلاعات نیز هستند.

توضیحات تکمیلی

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

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

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

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

 

فهرست سرفصل‌ها و رئوس مطالب مطرح شده در اين مجموعه آموزشی، در ادامه آمده است:
  • فصل یکم: رابط کاربری و تجربه کاربری (UI / UX)
    • درس یکم: تعریف رابطه کاربری و تجربه کاربری
    • درس دوم: تفکر طراحی و مراحل آن
    • درس سوم: تفکر خارج از چارچوب و جایگاه علم در تفکر طراحی
    • درس چهارم: روانشناسی رنگ‌ها – رنگ قرمز
    • درس پنجم: رنگ‌های آبی، سبز و زرد
    • درس ششم: رنگ‌های نارنجی، صورتی، قهوه‌ای و بنفش
    • درس هفتم: رنگ‌های سفید، سیاه و خاکستری
    • درس هشتم: منابع مورد نیاز طراحان
  • فصل دوم: شروع کار با فیگما
    • درس نهم: نصب فیگما
    • درس دهم: آشنایی با محیط فیگما
  • فصل سوم: طراحی با فیگما
    • درس یازدهم: صفحه، لایه‌ها و فریم (Frame)
    • درس دوازدهم: معرفی نوار ابزار فیگما
    • درس سیزدهم: ترسیم شکل و پنل طراحی (Design Panel)
    • درس چهاردهم: ابزار Pen و Pencil
    • درس پانزدهم: متن و تنظیمات آن در فیگما
    • درس شانزدهم: Boolean operation و Mask
    • درس هفدهم: کامپوننت (Component)
    • درس هجدهم: Responsive و Grid
    • درس نوزدهم: Auto Layout
    • درس بیستم: افزونه‌ها (Plugins)
    • درس بیست‌ویکم: کلیدهای میانبر (Shortcuts)
  • فصل چهارم: خروجی و نکات پایانی
    • درس بیست‌ودوم: انواع خروجی در فیگما
    • درس بیست‌وسوم: نکات پایانی

 

مفید برای
  • طراحی سایت
  • گرافیک

پیش نیاز

آشنایی با مفاهیم UI

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده
فایل PDF یادداشت‌ های ارائه مدرس

نرم افزارهای مرتبط با آموزش

Figma

پیش نمایش‌ها

۱. تعریف رابطه کاربری و تجربه کاربری
۲. فکر طراحی و مراحل آن
۳. تفکر خارج از چارچوب و جایگاه علم در تفکر طراحی
۴. روانشناسی رنگ‌ها – رنگ قرمز
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۵. رنگ‌های آبی، سبز و زرد
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. رنگ‌های نارنجی، صورتی، قهوه‌ای و بنفش
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. رنگ‌های سفید، سیاه و خاکستری
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸. منابع مورد نیاز طراحان
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹. نصب فیگما
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰. آشنایی با محیط فیگما
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
این آموزش شامل ۲۴ جلسه ویدئویی با مجموع ۵ ساعت و ۹ دقیقه است.
با تهیه این آموزش، می‌توانید به همه بخش‌ها و جلسات آن، دسترسی داشته باشید.

راهنمای سفارش آموزش‌ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش مقدماتی فیگما – اصول طراحی رابط کاربری UI با Figma
ناشر فرادرس
کد آموزش FVFGM006
مدت زمان ۵ ساعت و ۹ دقیقه
زبان فارسی
نوع آموزش آموزش ویدئویی (نمایش آنلاین + دانلود)
حجم دانلود ۳۵۵ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس)


تضمین کیفیت و گارانتی بازگشت هزینه
توجه: کیفیت این آموزش توسط فرادرس تضمین شده است. در صورت عدم رضایت از آموزش، به انتخاب شما:
  • ۱۰۰ درصد مبلغ پرداختی در حساب کاربری شما شارژ می‌شود.
  • و یا ۷۰ درصد مبلغ پرداختی به حساب بانکی شما بازگشت داده می‌شود.


نظرات

تا کنون ۱۵۸ نفر از این آموزش استفاده کرده‌اند و هنوز نظری ثبت نشده است.
دسته‌بندی موضوعی: طراحی سایت | طراحی و گرافیک
برچسب‌ها:
Auto Layout in Figma | Boolean operation in Figma | Component in Figma | Design Panel in Figma | Figma | Frame in Figma | Grid in Figma | Mask in Figma | Pen Tool in Figma | Pencil Tool in Figma | Plugins in Figma | Responsive in Figma | Shortcuts in Figma | UI in Figma | UX in Figma | آشنایی با محیط فیگما | آموزش پروژه محور فیگما | آموزش فیگما | ابزارهای فیگما | افزونه‌ ها در فیگما | انواع خروجی در فیگما | برنامه فیگما | برنامه ویرایش گرافیکی فیگما | پنل طراحی در فیگما | تجربه کاربری در فیگما | ترسیم شکل در فیگما | تعریف تجربه کاربری | تعریف رابطه کاربری | تنظیمات متن در فیگما | رنگ‌ آبی در طراحی کاربری | رنگ بنفش در طراحی کاربری | رنگ خاکستری در طراحی کاربری | رنگ زرد در طراحی کاربری | رنگ سبز در طراحی کاربری | رنگ سفید در طراحی کاربری | رنگ سیاه در طراحی کاربری | رنگ صورتی در طراحی کاربری | رنگ قرمز در طراحی کاربری | رنگ قهوه ‌ای در طراحی کاربری | رنگ‌ نارنجی در طراحی کاربری | روانشناسی رنگ‌ ها در طراحی کاربری | شروع کار با فیگما | صفحه در فیگما | طراحی با فیگما | طراحی رابط کاربری با فیگما | فریم در فیگما | فکر طراحی در فیگما | کامپوننت در فیگما | کلیدهای میانبر در فیگما | لایه‌ ها در فیگما | متن در فیگما | محیط فیگما | مراحل طراحی در فیگما | مفاهیم اصلی فیگما | نصب فیگما | نوار ابزار فیگما | ویرایش گرافیکی با فیگما
مشاهده بیشتر مشاهده کمتر
×
فهرست جلسات ۲۴ جلسه ویدئویی
×