آموزش Figma Music Player Web App -UI/UX. یک برنامه وب کامل پخش کننده موسیقی طراحی کنید
Figma Music Player Web App -UI/UX. Design a Complete Music Player Web App
در این کلاس، نحوه طراحی یک برنامه وب برنامه کامل پخش موسیقی UI/UX با استفاده از Figma را خواهید آموخت. در حالی که یک UI/UX برنامه وب پخش‌کننده موسیقی طراحی میکنید، در نهایت نحوه استفاده از انواع ابزارها و تکنیک‌ها را در Figma یاد خواهید گرفت.
من سعی خواهم کرد بهترین روش Figma را به شما آموزش دهم که به شما کمک می کند تا یک طراح رابط کاربری/UX خوب شوید. همچنین در نهایت یاد خواهید گرفت که چگونه از پوشش نمونه اولیه برای نشان دادن جعبه Modal در Figma استفاده کنید.
در اینجا لیست هایی وجود دارد که می خواهید در این کلاس یاد بگیرید:
- یک پروژه کامل برنامه وب پخش کننده موسیقی که شما طراحی خواهید کرد.
- استفاده از ابزارهای مختلف در Figma.
- نحوه استفاده از Figma Grid and Layout System را خواهید آموخت.
- نحوه ایجاد اجزا و استفاده مجدد از آنها در قاب.
- نحوه استفاده از افزونه ها برای نمادها.
- در نهایت بهترین راه برای سازماندهی پروژه Figma خود را یاد خواهید گرفت.
- نحوه انجام نمونه سازی برای نشان دادن جعبه مدال.
- نحوه استفاده از تصاویر در Figma برای نشان دادن آواتار نمایه.
- نحوه ایجاد گروه در Figma و استفاده از آن.
این کلاس برای چه کسانی است؟
اگر می خواهید طراح UI/UX شوید.
- اگر می خواهید یک برنامه وب پخش کننده موسیقی کامل طراحی کنید.
- اگر می‌خواهید مهارت‌های طراحی UI/UX خود را بهبود ببخشید و می‌خواهید بهترین روش را یاد بگیرید.
چه دانشی برای این کلاس لازم است؟
- دانش آموزان برای شرکت در این کلاس نیازی به داشتن دانش قبلی ندارند.
در این کلاس، شما یاد می گیرید که چگونه با استفاده از Figma یک برنامه وب پخش کننده موسیقی UI/UX طراحی کنید. برای پروژه کلاس خود باید یک پخش کننده موسیقی کامل با تمام امکاناتی که اضافه کرده ام طراحی کنید. اما علاوه بر آن، باید چند ویژگی اضافی اضافه کنید تا بتوانید ایده خود را طراحی و فکر کنید.
در اینجا لیستی از ویژگی های اصلی است که باید به پروژه خود اضافه کنید:
- دو فریم ایجاد کنید. یکی برای طراحی پخش کننده اصلی موسیقی و یکی برای جعبه مدال است.
- یک آواتار در نوار کناری و پنج مورد فهرست اضافه کنید.
- برای ایجاد لیست آلبوم و تعدادی آهنگ، یک کادر معین اضافه کنید.
- در کادر مدال دو فیلد ورودی و یک دکمه با رنگ گرادیان خطی اضافه کنید.
- در زمان نمونه‌سازی اولیه، انیمیشن اضافه کنید
پس از اتمام پروژه، باید پروژه خود را در بخش پروژه آپلود کنید.
درس ها Lessons
-
طراحی لیست آلبوم Album List Design
-
پخش کننده موسیقی و طراحی لیست Music Player and List Design
-
مقدمه Introduction
-
طراحی دیالوگ معین و نمونه سازی همپوشانی Modal Dialog Design And Overlay Prototyping
-
طراحی سایدبار Sidebar Design
https://donyad.com/d/9694
Yazdani Chowdhury
کارشناس UI/UX، توسعه دهنده اپلیکیشن موبایل و وب
نمایش نظرات