آموزش طراحی UX بوسیله UXPin

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با طراحی UX یاد می گیرید.

عنوان اصلی : UXPin for UX Design

سرفصل ها :

معرفی:
UXPin برای طراحی UX
فایل های تمرینی
آنچه شما باید بدانید
1. شروع به کار با UXPin:
داشبورد UXPin
اسناد UX
بررسی رابط UXPin
با استفاده از گزینه های مشاهده
یک سند جدید ایجاد کنید
با استفاده از کتابخانه
ایجاد و استفاده از کامپوننت ها
فونت ها و عنصر متن UXPin
افزودن لایه ها
با استفاده از شبکه هوشمند UXPin
ویدیو را وارد کنید
پیش نمایش یک پروژه
2. یک Wireframe با وفاداری پایین ایجاد کنید:
نمودارهای جریان کاربر ایجاد کنید
افزودن صفحه نمایش دستگاه
یک چارچوب محتوا ایجاد کنید
یک قاب سیمی با کیفیت پایین ایجاد کنید
افزودن صفحات
اضافه کردن انتقال صفحه
3. ایجاد آثار هنری برای UXPin:
ایجاد دارایی در فتوشاپ
ایجاد دارایی در Sketch
با استفاده از ابزار Pen
واردات آثار هنری
کار با رنگ
ایجاد افکت های تصویری
ویرایش یک سیستم طراحی
4. ساختن یک نمونه اولیه با وفاداری بالا:
اضافه کردن محتوا
ایجاد یک جزء
با استفاده از حالت ها
افزودن پیمایش
ترفند معلم جزء
5. افزودن تعامل و حرکت:
افزودن فعل و انفعالات
نقاط داغ ایجاد کنید
استفاده از عناصر چند حالته
استفاده از داده ها در UXPin
افزودن انیمیشن
تغییر حالت متحرک
6. پروژه های کاربردی UXPin:
یک منوی آکاردئون ایجاد کنید
یک کشوی ناوبری ایجاد کنید
یک منوی بازشو ایجاد کنید
ناوبری را با استفاده از عناصر UXPin ایجاد کنید
یک چرخ فلک طراحی کنید
تعامل را به چرخ فلک اضافه کنید
عناصر سبک با CSS سفارشی
7. به اشتراک گذاری نمونه اولیه:
با استفاده از منوی اشتراک گذاری
رنگ و استایل ها را به JSON صادر کنید
در حال صادرات پروژه شما
نتیجه:
مراحل بعدی