آموزش تمرینات ساده فیگما

Figma Simple Exercises

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

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

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

این دوره برای کسانی است که مایلند طراحی رابط کاربری را شروع کنند. این دوره با همکاری Jacqueline Asare Dartey یک متخصص UI/UX در استفاده از Figma و Adobe XD است.


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

معرفی Introduction

  • مقدمه دوره Introduction to course

UX چیست what is UX

  • ux 1 چیست what is ux 1

  • ux 2 چیست what is ux 2

  • نمونه هایی از طراحی ux Examples of ux design

UI چیست What is UI

  • طراحی رابط کاربری چیست what is ui design

  • نمونه هایی از طراحی رابط کاربری Examples of ui design

تفاوت بین Ui و ux Differences between ui and ux

  • مطالعه موردی-اینستاگرام Case study-instagram

  • مطالعه موردی-Tiktok Case Study-Tiktok

  • اهمیت uiux Importance of uiux

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

  • نمادها Icons

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

پیمایش Scrolling

  • اسکرول افقی Horizontal Scroll

  • اسکرول عمودی Vertical Scroll

پاک کننده پس زمینه تصویر Image Background Remover

  • حذف پس زمینه تصویر Remove image background

جاسازی نقشه ها Embedding Maps

  • افزونه Mapsicle Mapsicle Plugin

انیمیشن Lottie Lottie Animation

  • صفحه معرفی Splash Screen

  • فایل Lottie خود را بسازید create your own Lottie file

تمرینات جالب UIUX Interesting UIUX Exercises

  • ایجاد یک پخش کننده موسیقی Creating a Music Player

  • ایجاد فلیپ کارت پویا Creating Dynamic Flipcard

  • یک اسلاید به بالا کارت جلوه های شناور ایجاد کنید Create a Slide Up Card Hover Effects

  • ایجاد یک طومار بی نهایت (Marquees) Creating an infinite scroll (Marquees)

  • چرخ فلک تصویر چرخان Rotating image carousel

جلوه های شناور Hover Effects

  • با اجزای تعاملی جلوه‌های شناور متنی چشمگیر ایجاد کنید Create Impressive Text Hover Effects with Interactive Components

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

  • ابزار متن چرخشی Rotating Text Tool

  • جلوه شناور دکمه Button hover effect

تمرینات بیشتر More exercises

  • در حال بارگیری صفحه نمایش اسکلتی Loading Skeletal Screen

  • انیمیشن گرادیان Gradient Animation

  • اثر خونریزی bleeding effect

صفحه آژانس Agency page

  • صفحه فرود آژانس 1 Agency Landing Page 1

  • صفحه فرود آژانس 2 Agency Landing Page 2

  • صفحه فرود آژانس 3 Agency Landing Page 3

  • صفحه 4 فرود آژانس Agency Landing Page 4

  • اجتماعی Socials

تمرین 1 Exercise 1

  • WebsiteNewsUI- 1 WebsiteNewsUI- 1

  • WebsiteNewsUI-2 WebsiteNewsUI-2

  • WebsiteNewsUI-3 WebsiteNewsUI-3

  • WebsiteNewsUI-4 WebsiteNewsUI-4

تمرین 2 Exercise 2

  • وب سایت تجارت الکترونیک 1 Ecommerce website 1

  • وب سایت تجارت الکترونیک 2 Ecommerce website 2

  • وب سایت تجارت الکترونیک 3 Ecommerce website 3

  • وب سایت تجارت الکترونیک 4 Ecommerce website 4

  • وب سایت تجارت الکترونیک 5 Ecommerce website 5

  • وب سایت تجارت الکترونیک 6 Ecommerce website 6

بخش پاداش Bonus section

  • طراحی با Ai Design with Ai

نمایش نظرات

آموزش تمرینات ساده فیگما
جزییات دوره
4 hours
45
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
4,000
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 دارم.