آموزش پروژه های کاربردی UIUX-Figma

Practical UIUX Projects-Figma

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: مبتدیان- پروژه های Figma طراحی رابط های کاربری برای وب سایت ها طراحی رابط های کاربری برای برنامه ها استفاده هوشمندانه از ابزارهای Figma Design پیش نیازها: Figma اینترنت کامپیوتر علاقه به یادگیری

طراحی رابط کاربری (UI) و طراحی تجربه کاربر (UX) بخش‌های بسیار مهمی در تعیین خروجی نهایی نرم‌افزار، برنامه‌ها یا فرآیند است. طراحی رابط کاربری و طراحی تجربه کاربر (UI/UX) مزایای زیادی دارد زیرا تأثیر بیشتری بر نحوه استفاده یا حذف نصب کاربران از یک برنامه یا میزان نگهداری یک برنامه یا نرم افزار و موارد مشابه دارد. به طراحان آینده این دوره خوش آمدید، در این دوره، طراحی رابط ها را با استفاده از Figma به عنوان ابزار اصلی طراحی می آموزیم. با برخی از منابع/پیوندهای مفید آشنا خواهید شد که به شما کمک می کند در دنیایی که همیشه در حال تغییر است، پیشرفت کنید. Figma سرعت بخشیدن به طرح‌های خود را با نتایج مثبت آسان‌تر و سرگرم‌کننده می‌کند، به‌ویژه زمانی که از یک رویکرد خلاقانه برای انجام کاری که دوست دارید بهترین کار را انجام دهید، استفاده می‌کنید. در این درس، شما یاد خواهید گرفت که از شکل ها (مؤلفه ها) و ابزارها برای ایجاد رابط های کاربری خیره کننده استفاده کنید. برخی از اصول اساسی طراحی در این دوره آموزش داده و نشان داده می شود. پروژه های دوره اصلی شامل چندین مرحله برای یادگیری ساخت یا طراحی رابط کاربری اپلیکیشن تماس است. این دوره برای کسانی است که می خواهند با طراحی رابط کاربری شروع کنند. این دوره با همکاری Jacqueline Asare Dartey یک متخصص UI/UX در استفاده از Figma و Adobe XD است.


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

معرفی Introduction

  • UI چیست What is UI

  • چه UX What UX

  • چرا دوره را بگذرانید Why take the course

طراحی اساسی Design Fundamental

  • ثبات Consistency

  • فاصله گذاری Whitespacing

  • تضاد Contrast

  • رنگ Color

  • سلسله مراتب بصری Visual Hierarchy

  • پیچیدگی و سادگی Complexity and Simplicity

  • مقیاس Scale

  • قوانین خواندنی UIUX Read-Laws of UIUX

  • لینک های مفید Useful Links

نمونه سازی Prototyping

  • وایرفریمینگ Wireframing

مروری بر رابط Interface Walkthrough

  • Figma Interface Walkthrough 1 Figma Interface Walkthrough 1

  • مروری بر رابط Figma 2 Figma Interface Walkthrough 2

طراحی رابط کاربری وب سایت هتل Hotel Website UI Design

  • رابط کاربری صفحه فرود هتل - قسمت 1 Hotel Landing page UI -Part 1

  • رابط کاربری صفحه فرود هتل - قسمت 2 Hotel Landing page UI -Part 2

  • رابط کاربری صفحه فرود هتل - قسمت 3 Hotel Landing page UI -Part 3

  • رابط کاربری صفحه فرود هتل - قسمت 4 Hotel Landing page UI-part 4

طراحی آیکون Icon Design

  • طراحی آیکون - قسمت 1 Icon Design-Part 1

  • طراحی آیکون - قسمت 2 Icon Design-Part 2

آژانس تعاملی Landing Page-UI Interactive Agency Landing Page-UI

  • رابط کاربری تعاملی قسمت 1 Interactive UI part 1

  • رابط کاربری تعاملی قسمت 2 Interactive UI part 2

  • رابط کاربری تعاملی قسمت 3 Interactive UI part 3

  • رابط کاربری تعاملی قسمت 4 Interactive UI part 4

اثر شناور تعاملی Interactive Hover-Effect

  • اثر شناور تعاملی Interactive Hover Effect

با رابط کاربری تماس بگیرید Contact UI

  • تماس 1 Contact 1

  • تماس 2 Contact 2

  • با UI 3 تماس بگیرید Contact UI 3

  • تماس با UI 4 Contact UI 4

  • تماس با UI 5 Contact UI 5

  • تماس با UI 6 Contact UI 6

  • با UI 7 تماس بگیرید Contact UI 7

  • با UI 8 تماس بگیرید Contact UI 8

  • با UI 9 تماس بگیرید Contact UI 9

  • با UI 10 تماس بگیرید Contact UI 10

رابط کاربری برنامه News News App UI

  • برنامه خبر 1 News Feed App 1

  • برنامه فید خبری 2 News Feed App 2

رابط کاربری وب سایت خبری News Website UI

  • News Web UI 1 News Web UI 1

  • News Web UI 2 News Web UI 2

  • News Web UI 3 News Web UI 3

  • News Web UI 4 News Web UI 4

صفحه رابط کاربری فرود تجارت الکترونیک Ecommerce Landing UI Page

  • صفحه 1 رابط کاربری فرود تجارت الکترونیک Ecommerce Landing UI Page 1

  • صفحه 2 رابط کاربری فرود تجارت الکترونیک Ecommerce Landing UI Page 2

  • UI فرود تجارت الکترونیک صفحه 3 Ecommerce Landing UI Page 3

  • UI فرود تجارت الکترونیک صفحه 4 Ecommerce Landing UI Page 4

  • UI فرود تجارت الکترونیک صفحه 5 Ecommerce Landing UI Page 5

  • UI فرود تجارت الکترونیک صفحه 6 Ecommerce Landing UI Page 6

تصاوير متحرك Animations

  • مقدمه ای بر لوتی Introduction to Lottie

  • پروژه لوتی 2 Lottie project 2

  • پروژه لوتی 3 Lottie project 3

به طور مستقیم سریعتر طراحی کنید Design Intuitively Faster

  • کامپوننت Figma Figma Component

جلسات زنده Live Sessions

  • ورود/ثبت نام UI-Part1 Login/signup UI-Part1

  • ورود/ثبت نام UI-Part2 Login/signup UI-Part2

  • ورود/ثبت نام UI-Part3 Login/signup UI-Part3

  • ورود/ثبت نام UI-Part4 Login/signup UI-Part4

  • ورود/ثبت نام UI-Part5 Login/signup UI-Part5

  • ورود/ثبت نام UI-Part6 Login/signup UI-Part6

نمایش نظرات

آموزش پروژه های کاربردی UIUX-Figma
جزییات دوره
7 hours
58
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
5,009
4.3 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Franklyn Fosu Franklyn Fosu

هنرمند || کارشناس فناوری اطلاعات || توسعه دهنده وردپرس من Franklyn Fosu هستم، من یک توسعه دهنده وب وردپرس، یک هنرمند (CorelDraw و Adobe Illustrator) و یک متخصص فناوری اطلاعات هستم. من عاشق هنر و سرهم کردن با کامپیوتر هستم. به اطراف خود نگاه کنید و متوجه خواهید شد که زندگی چقدر زیبا است، از کلمات، گفتگوهای روزانه و نحوه تعامل مردم با یکدیگر. اینها وسواس من برای خلق چیزهایی است که در اطرافم مشاهده می کنم.

Jacqueline Dede Asare-Dartey Jacqueline Dede Asare-Dartey

طراح تجربه کاربری

من لیسانس مهندسی کامپیوتر دارم و در 4 سال گذشته طراح بوده ام. من روی پلتفرم های مختلف موبایل و وب کار کرده ام. من عاشق مشکلات از طریق طراحی هستم و همچنین از طریق تدریس خصوصی و راهنمایی دانش آموزان بر دانش تأثیر می گذارم. من یک مربی Udemy هستم و ویدیوهای آموزشی دیگری نیز در YouTube دارم.