آموزش تجربه کاربری/مطالعه موردی طراحی رابط - یادگیری Adobe XD - UX/UI انیمیشن - وب/موبایل

درس ها Lessons

• نوار منوی وب سایت را طراحی کنید Design the website menu bar

• نمای وب موبایل صفحه کارت من را طراحی کنید Design My Card Page Web Mobile View

• نمونه سازی صفحه اصلی Prototyping the main page

• صفحه طراحی درباره ما Design About Us Page

• Flip Page Effect Adobe XD Design and Prototyping Animation Flip Page Effect Adobe XD Design and Prototyping Animation

• طراحی بخش های پیشنهاد ویژه Mobile View Web Design Special offer sections Mobile Web View

• پروژه دنیای واقعی - بیان مشکل - چگونه کار را بدست آوریم Real world project – Problem Statement – how to get the job

• معرفی برنامه طراحی صفحه و نمونه سازی انیمیشن App intro Page Design and Prototyping Animation

• طراحی سایت ریسپانسیو ایجاد کنید Create a Responsive Website Design

• بخش طراحی اشتراک و پاورقی طراحی Hi Fi Design Subscribe and Footer Section Hi Fi Design

• ایجاد تایپوگرافی با سایه ها Create Typography with Shadows

• ردیابی حمل و نقل و طراحی منوی جانبی انیمیشن نمونه سازی Shipment Tracking and Side Menu Design Prototyping Animation

• ایجاد صفحه فیلتر مؤلفه متحرک نمونه سازی طراحی Hi Fi Create animated component Filter page Prototyping Hi Fi Design

• مرتب سازی کارت چیست و Moodboard چگونه می تواند کمک کند What is Card Sorting and How Moodboard Can Help

• بخش های اطلاعات وب سایت Website info sections

• اطلاعات پرداخت طراحی نمونه اولیه انیمیشن Payment info Design Prototyping Animation

• Final Project UX UI Case Study طراحی وب سایت خرید خواربارفروشی موبایل مشاهده وب و برنامه Final Project UX UI Case Study Design Grocery Shopping Website Mobile Web View and App

• طراحی بخش های توصیه شده Design recommended sections

• بخش گواهی انیمیشن سه بعدی 3D Animation Testimonial Section

• نمای وب موبایل نمونه سازی و قالب بندی سیمی Mobile Web view Prototyping and wireframing

• بخش‌های پرطرفدار Hover Animation را ایجاد کنید Create Hover Animation trending sections

• کار با Types Working with Types

• تست کاربر با اشتراک گذاری کار شما و گرفتن بازخورد User Testing by Sharing your Work and Getting Feedback

• تکلیف ایجاد یک صفحه پروفایل اینستاگرام برای تبلت Repeat Grid Assignment Create an Instagram Profile page for Tablet Repeat Grid

• متن و مولفه کتاب Tone E برای خواندن بهتر انیمیشن تغییر می کند Text and Tone E book component change for better reading Animation

• چگونه بهترین فونت ها را برای وب سایت خود پیدا کنیم How to find the best Fonts for our website

• انیمیشن را با اسکرول گروه ها بکشید Drag Animation with Scroll Groups

• ایجاد انیمیشن کامپوننت برای جزئیات محصول طراحی Hi Fi Create Component Animation for Product Details Hi Fi Design

• نقشه سفر کاربر یا نقشه سفر مشتری ایجاد کنید Create User Journey Mapping or Customer journey Map

• نحوه انجام مصاحبه کاربر Create Gathering بینش How to do User interview Create Gathering insight

• طراحی صفحه ردیابی محموله نمای وب موبایل Design Shipment Tracking Page Web Mobile view

• صفحه بندی را طراحی کنید و صفحه فیلتر را تمام کنید Design Pagination and Finish the Filter page

• قوانین طراحی کامل اپلیکیشن موبایل Rules for Perfect Mobile App Design

• 3D Glass Effect Card Credit Card Adobe XD Design Prototyping Animation 3D Glass Effect Credit Card Adobe XD Design Prototyping Animation

• اندازه های وب سایت و سیستم گرید قاب سیمی با وفاداری بالا Website Sizes and Grid System High fidelity wireframing

• نحوه ایجاد یک پرسونای کاربر How to Create a User Personas

• طراحی بخش های توصیه شده نمایش وب موبایل Design Recommended Sections Mobile Web View

• طراحی بخش قهرمان طراحی وب یا اسلایدر یا طراحی بنر Web Design Hero Section or Slider or banner design

• استراتژی طراحی تحقیق کاربر چیست چگونه جدول زمانی کاری ایجاد کنیم What is User Research Design Strategy How to create work timeline

• کتاب طراحی تک صفحه و اطلاعات Hi Fi Design Design Book Single page and info Hi Fi Design

• طراحی هدر وب سایت موبایل Design Mobile Web View header

• بخش پیشنهاد ویژه طراحی Hi Fi Design Design Special Offer section Hi Fi Design

• طراحی بخش قهرمان یا اسلایدر یا طرح بنر طراحی Hi Fi Design Hero Section or Slider or banner design Hi Fi Design

• بخش طراحی پیشنهادی طراحی Hi Fi Design Recommended Section Hi Fi Design

• طراحی Hi Fi ردیابی محموله را ایجاد کنید Create Shipment Tracking Hi Fi Design

• نمونه سازی نهایی و قالب بندی سیمی Final Prototyping and wireframing

• انیمیشن طراحی صفحه اصلی برنامه App Main Page Design Prototyping Animation

• صفحه فیلتر طراحی Hi Fi Design Design Filter Page Hi Fi Design

• کتاب ها دسته بندی ها نمونه سازی افزودن به کارت انیمیشن طراحی Hi Fi Books Categories prototyping Add to card animation Hi Fi Design

• طراحی آخرین اخبار و توصیفات وب سایت موبایل Design Latest News and Testimonials Mobile Web View

• انیمیشن کشیدن ویژه کتابفروشی BookStore Special Drag Animation

• پوشاندن تصاویر در یک شکل در Adobe XD Masking images within a shape in Adobe XD

• ویدئو را به هدر اضافه کنید و از انیمیشن Lottie در Adobe XD استفاده کنید Add Video to Header and Use Lottie Animation in Adobe XD

• دسته بندی انیمیشن – حالت جزء Categories Animation – Component State

• نمای وب موبایل تک صفحه را طراحی کنید Design the Single Page Mobile Web View

• طراحی بخش های پرطرفدار Design trending sections

• بخش تخفیف طراحی Hi Fi Design Design Discount section Hi Fi Design

• طراحی صفحه درباره ما Design About us page

• نحوه انجام تحقیقات بازار و تجزیه و تحلیل رقابتی با ایجاد Moodboard How to do Market Research and competitive analysis by creating moodboard

• رنگ ها را به پالت رنگ اضافه کنید Add Colors to color pallet

• صفحه بندی طراحی Hi Fi Design Design Pagination Hi Fi Design

• تکلیف ایجاد چندین شکل Assignment Create Multiple Shapes

• بخش پرطرفدار طراحی طراحی Hi Fi Design Trending Section Hi Fi Design

• راز انتخاب رنگ – راهنمای احساس رنگ برای ایجاد سیستم طراحی The secret of choosing colors – Color emotion guide to create design system

• دسته بندی برنامه طراحی و نمونه سازی انیمیشن App Categories Design and Prototyping Animation

• طراحی کتاب های فهرست شده Design Listed Books

• طراحی و نمونه سازی مرتب سازی بر اساس دسته بندی ها Design and prototyping Sorting based on categories

• طراحی صفحه پیگیری حمل و نقل Design Shipment Tracking Page

• نحوه استفاده از مؤلفه‌ها از «سبک کاراکتر رنگ‌ها» در کتابخانه‌ها یا پانل دارایی‌ها How to use components Colors Character Style in Libraries or assets panel

• شمارنده متحرک سازی و افزودن به کارت انیمیشن - حالت جزء Animating Counter and Add to Card Animation – Component State

• چگونه نمونه سازی و انیمیشن را شروع کنیم How to Start Prototyping and Animation

• طراحی تک صفحه و نمونه سازی انیمیشن Single page Design and Prototyping Animation

• اطلاعات طراحی صفحه برای صفحه اصلی طراحی Hi Fi info Page Design for main page Hi Fi Design

• نحوه ایجاد جریان کاربر How to Create User Flow

• انیمیشن کشویی – حالت جزء Drop Down Animation – Component State

• منوی اصلی برنامه نمونه سازی انیمیشن App Main Menu Prototyping Animation

• نمونه اولیه خود را ضبط کنید و بررسی نهایی Hi Fi Design Record your prototype and Final check Hi Fi Design

• برنامه Onboarding Sing in Sign Up Design and Prototyping Animation App Onboarding Sing in Sign Up Design and Prototyping Animation

• بخش توصیفات طراحی Hi Fi Design Design Testimonials section Hi Fi Design

• دسته بندی صفحه فیلتر طراحی Design Filter page Categories

• طراحی بخش های پیشنهادی و محبوب Hi Fi Design Design Recommended and popular sections Hi Fi Design

• چگونه یک نقشه همدلی ایجاد کنیم مشتری خود را بشناسید How to Create an Empathy Map Get to know your Customer

• نوار جستجو طراحی حرفه ای و نمونه سازی انیمیشن Search bar Professional Design and Prototyping Animation

• صفحه واحد را طراحی کنید Design the Single Page

• طراحی بخش آخرین اخبار طراحی Hi Fi Design Latest News Section Hi Fi Design

• نمونه سازی اولیه و انیمیشن Hi Fi Design را تمام کنید Finish the prototyping and animation Hi Fi Design

• اطلاعات طراحی و بخش های پرطرفدار نمایش وب موبایل Design info and trending sections Mobile Web View

• نحوه ایجاد معماری اطلاعات How to Create Information Architecture

• ایجاد اشکال ساده Create Simple Shapes

• نحوه ایجاد سبک شخصیت برای طراحی خود How to Create character style for your design

• طراحی تخفیف و بخش های محبوب مشاهده وب موبایل Design Discount and Popular Sections Mobile Web View

• تکلیف ایجاد یک جغد Assignment Create an Owl

• طراحی صفحه فیلتر نمایش وب موبایل Design Filter Page Mobile Web View

• با استفاده از طراحی منوی برنامه حالت جزء و نمونه سازی انیمیشن Using Component State App Menu Design and Prototyping Animation

• نحوه ایجاد Wireframes یا Wireframing با وفاداری پایین How to Create Wireframes or Low fidelity wireframing

• Create My Card Page Hi Fi Design Create My Card Page Hi Fi Design

• نوار جستجوی برنامه انیمیشن نمونه سازی ساده App Search bar Simple Prototyping Animation

• صفحه کارت من را طراحی کنید Design My Card Page

• ویدیوی معرفی Adobe XD Intro Video Adobe XD

• آشنایی با محیط و کار با ابزارها را شروع کنید Start knowing the Environment and Working with Tools

• UX در مقابل UI UX vs UI