آموزش از Sketch تا Adobe XD: طراحی رابط کاربری و نمونه اولیه تعاملی

From Sketch to Adobe XD: UI Design and Interactive Prototype

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

نمای کلی

سلام به همه من عرفان هستم، من یک طراح UI/UX هستم، از اینکه این کلاس را بررسی کردید متشکریم. در این کلاس می خواهم در مورد نحوه ایجاد یک نمونه اولیه تعاملی با انیمیشن با استفاده از Adobe XD با شما به اشتراک بگذارم، این کلاس برای همه کسانی که می خواهند یاد بگیرند که چگونه یک UI و نمونه اولیه تعاملی را بیاموزند، چه طراح مبتدی یا متوسط، باز است.

این کلاس روند گام به گام نحوه ایجاد یک نمونه اولیه وب تعاملی ساده را به شما آموزش می دهد، کلاس با ایجاد طراحی رابط کاربری در Sketch و سپس ایجاد نمونه اولیه و انیمیشن در adobe XD شروع می شود.

در پایان این کلاس، امیدوارم بتوانید نمونه اولیه تعاملی خود را با استفاده از Adobe XD ایجاد کنید. من همچنین دارایی های طراحی را در اختیار شما قرار داده ام که در این کلاس استفاده می شود، بنابراین می توانید آن را تماشا و تمرین کنید.

بنابراین، بیایید شروع کنیم!

مطالعه موردی

پروژه کلاس

برای پروژه کلاس خود، لطفاً با استفاده از آنچه در این کلاس آموخته‌اید، تعامل طراحی مشابه یا تعامل متفاوتی ایجاد کنید. هدف از این پروژه کلاس اندازه گیری درک و مهارت های شما در استفاده از Adobe XD است.

پیشنهاد ایده برای پروژه کلاس شما:

1. طرح را در این کلاس بازسازی کنید (شاید طرح بندی متفاوتی را امتحان کنید؟ جریان متفاوتی؟ رویکرد متفاوت؟)

2. ایجاد یک تعامل تجارت الکترونیکی ساده 2 صفحه ای که میوه های تازه را به صورت آنلاین می فروشد که شامل موارد زیر است:

a. صفحه فرود

b. صفحه جزئیات محصول

منابع تصویر رایگان


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

درس ها Lessons

  • نمونه اولیه را نهایی کنید Finalize the Prototype

  • فهرست شهرها - رابط کاربری Swipe Interaction List of Cities - Swipe Interaction UI

  • رابط کاربری اطلاعات شهر دوم 2nd City Information UI

  • جایزه - نمونه اولیه را به اشتراک بگذارید BONUS - Share the Prototype

  • دارایی های طراحی Design Assets

  • رابط کاربری اطلاعات شهر - قسمت 1 City Information UI - Part 1

  • افزودن تعامل به شهر دوم Adding Interaction to 2nd City

  • مقدمه Intro

  • رابط کاربری اطلاعات شهر - قسمت 2 City Information UI - Part 2

  • ارتباط متقابل بین شهرها Connecting Interaction Between Cities

  • فهرست رابط کاربری شهرها List of Cities UI

  • افزودن تعامل به رابط کاربری Adding Interaction to UI

  • بهینه سازی رابط کاربری Tweaking the UI

نمایش نظرات

آموزش از Sketch تا Adobe XD: طراحی رابط کاربری و نمونه اولیه تعاملی
جزییات دوره
1h 27m
13
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
177
4 از 5
دارد
دارد
دارد
Irfan Rosandi
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Irfan Rosandi Irfan Rosandi

طراح محصول

عرفان یک طراح محصول است که مشتاق طراحی محصولات دیجیتالی است که برای تجارت کار می کنند و تأثیر مثبتی بر زندگی افراد می گذارند. او در برنامه های سازمانی و SaaS تخصص دارد. او طراحی برای صنایع و پلتفرم های مختلف را تجربه کرد. عرفان به استارت‌آپ‌های مرحله اولیه به شرکت‌های Fortune 500 کمک کرده است تا از طریق محصول و مهارت‌های طراحی خود به اهداف خود برسند.