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

جزئیات دوره

UXPin ، ابزار طراحی محصول مشترک را که به شما امکان می دهد قاب های سیم ، ماکت و نمونه های اولیه را ایجاد و ارائه دهید ، کاوش کنید. مربی تام گرین با بررسی چگونگی راه اندازی UXPin شروع می کند ، سپس نحوه وارد کردن آثار هنری موجود و شروع به ایجاد قاب های سیم را نشان می دهد. نحوه افزودن تعامل و حرکت به نمونه های اولیه برای شبیه سازی تجربه برنامه در دنیای واقعی و نحوه به اشتراک گذاری نمونه های اولیه و مستندات را با یک تیم و گروه کاری مشاهده کنید.

موضوعات مورد بحث عبارتند از:
- شروع کار با UXPin
- خلق آثار هنری
- ایجاد یک شبکه سیم با کیفیت پایین
- ساخت نمونه اولیه با وفاداری بالا
- افزودن تعامل و حرکت
- پروژه های عملی UXPin
- اشتراک نمونه اولیه

سرفصل ها

مقدمه

uxpin برای طراحی ux
فایل های تمرینی
آنچه باید بدانید

شروع به کار با UXPin

داشبورد uxpin
اسناد ux
بررسی رابط uxpin
با استفاده از گزینه های view
یک سند جدید ایجاد کنید
استفاده از کتابخانه
ایجاد و استفاده از اجزا
فونت ها و عنصر متن uxpin
اضافه کردن لایه ها
استفاده از شبکه هوشمند uxpin
وارد کردن ویدیو
پیش نمایش یک پروژه

یک Wireframe با کیفیت پایین ایجاد کنید

ایجاد نمودارهای جریان کاربر
افزودن صفحه نمایش دستگاه
یک فریم محتوا ایجاد کنید
یک قاب سیمی با کیفیت پایین ایجاد کنید
افزودن صفحات
ایجاد آثار هنری برای UXPin

اضافه کردن انتقال صفحه

ایجاد دارایی در فتوشاپ
ایجاد دارایی در طرح
با استفاده از ابزار قلم
واردات آثار هنری
کار با رنگ
ایجاد افکت های تصویری
ویرایش یک سیستم طراحی

ساختن یک نمونه اولیه با وفاداری بالا

اضافه کردن محتوا
ایجاد یک جزء
استفاده از حالات
افزودن پیمایش
ترفند معلم جزء

افزودن تعامل و حرکت

افزودن فعل و انفعالات
ایجاد نقاط داغ
استفاده از عناصر چند حالته
استفاده از داده ها در uxpin
اضافه کردن انیمیشن
تغییر حالت متحرک

پروژه های UXPin عملی

یک منوی آکاردئونی ایجاد کنید
یک کشوی ناوبری ایجاد کنید
یک منوی پاپ پایین ایجاد کنید
ایجاد ناوبری با استفاده از عناصر uxpin
چرخ فلک طراحی کنید
تعامل را به چرخ فلک اضافه کنید
عناصر سبک با css سفارشی

نمونه اولیه خود را به اشتراک بگذارید

استفاده از منوی اشتراک گذاری
صادرات رنگ و نوع سبک به json
صادرات پروژه شما

نتیجه

مراحل بعدی