آموزش از 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
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.
https://donyad.com/d/6834
Irfan Rosandi
طراح محصول
عرفان یک طراح محصول است که مشتاق طراحی محصولات دیجیتالی است که برای تجارت کار می کنند و تأثیر مثبتی بر زندگی افراد می گذارند. او در برنامه های سازمانی و SaaS تخصص دارد. او طراحی برای صنایع و پلتفرم های مختلف را تجربه کرد. عرفان به استارت‌آپ‌های مرحله اولیه به شرکت‌های Fortune 500 کمک کرده است تا از طریق محصول و مهارت‌های طراحی خود به اهداف خود برسند.
نمایش نظرات