آموزش دوره مگا Adobe XD - طراحی تجربه کاربری

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

معرفی Introduction

• معرفی Introduction

• گروه فیس بوک Facebook Group

• تفاوت بین UI و طراح UX Difference between UI and UX designer

مبانی حالت طراحی XD Basics Of XD Design Mode

• مبانی - حالت طراحی Basics - Design Mode

• دانلود Adobe XD، اولین بار باز کردن آن Download Adobe XD, First time opening it

• کار با ArtBoards Working with Artboards

• کار با اشکال و خطوط Working with Shapes and Lines

• کار با متن Working With Text

• کار با تصاویر Working With Images

• ابزار هماهنگ سازی و عملیات بولی Alignment Tools & Boolean Operations

• دارایی ها و اجزای سازنده Assets & Components

• شبکه را تکرار کنید Repeat Grid

• تغییر اندازه پاسخگو Responsive Resize

• پلاگین Plugins

تکالیف طراحی حالت Design Mode Homework

• تکالیف مالی برنامه Finance App Homework

• پس زمینه و طراحی کارت اعتباری Background and Credit Card Design

• دکمه ها و بقیه طراحی صفحه نمایش Buttons And The Rest Of The Screen Design

• طراحی صفحه نمایش دوم Second Screen Design

مبانی حالت نمونه اولیه XD Basics of XD Prototype Mode

• همه چیز در مورد نمونه سازی Everything About Prototyping

• مبانی و گذار زمان Basics and Time Transition

• کشورهای جزء Component States

• Overlay، پیمایش و کشیدن نمونه اولیه Overlay, Scroll and Drag Prototype

• صدای، صدا، نمونه اولیه کلید گیم پد Voice, Sound, Gamepad Key Prototype

• خودکار انیمیشن Auto Animate

• تکالیف نمونه اولیه Prototype Homework

برخی از تکنیک های پیشرفته Some Advanced Techniques

• برخی از تکنیک های پیشرفته Some Advanced Techniques

• اثر رنگ و شماره پیمایش Color & Number Scroll Effect

• نمونه اولیه ورودی کاراکتر Character Input Prototype

• شیشه سازی Glassmorphism

• تبدیل 3D و نمونه اولیه 3D Transform and Prototype

• تکالیف پیشرفته بخش Advanced Section Homework

طراحی وب سایت Wallet X Wallet X Website Design

• Wallet X وب سایت UI Wallet X Website UI

• نوار منو و BG Menu Bar and BG

• صفحه فرود P1 Landing Page P1

• صفحه فرود P2 Landing Page P2

• فواید Benefits

• کارت اعتباری و بیشتر Credit Card And More

• نمونه اولیه Prototype

e-commerce mobile app E- Commerce Mobile App

• برنامه تجارت الکترونیک E Commerce App

• طراحی صفحه نمایش بر روی صفحه نمایش Onboarding screen design

• د d

• طراحی صفحه ورود و ثبت نام Login and Signup Screen Design

• طراحی صفحه اصلی نایک P1 Nike Home Screen Design P1

• طراحی صفحه اصلی نایک P2 Nike Home Screen Design P2

• د d

• طراحی صفحه اصلی Puma & Adidas Puma & Adidas Home Screen Design

• طراحی پیش نمایش محصول تک محصول Single Product Preview Design

• طراحی صفحه نمایش مورد علاقه Favourite Screen Design

• طراحی صفحه نمایش مشخصات Profile Screen Design

• طراحی صفحه نمایش سبد خرید من My Cart Screen Design

• طراحی صفحه جستجو Search Screen Design

• نمونه اولیه - Onboarding، ورود به سیستم و ثبت نام Prototype - Onboarding, Sign in & Sign up

• نمونه اولیه - اثر پیمایش Prototype - Scrolling Effect

• نمونه اولیه - پیش نمایش محصول تک Prototype - Single Product Preview

• نمونه اولیه - بین Nike، Adidas و Puma Screens Prototype - Between Nike, Adidas and Puma Screens

• نمونه اولیه - صفحه دلخواه Prototype - Favorites Screen

• نمونه اولیه - صفحه پروفایل Prototype - Profile Screen

• نمونه اولیه - صفحه نمایش سبد خرید من Prototype - My Cart Screen

• نمونه اولیه - جستجو و نهایی کردن Prototype - Search And Finalize

• نمونه اولیه - اجرای برنامه شما در تلفن همراه Prototype - Running your App on Mobile

پایان End

• پایان End