دوره جامع آموزش UI و UX

آشنایی با مفاهیم UI و UX

1. آشنایی با اصطلاحات مهم UX

آموزش نصب Adobe XD

1. برطرف کردن مشکل صفحه سفید یا باز نشدن نرم افزار XD
2. آشنایی نصبی با نرم افزار XD
3. آشنایی و کار با artboard ها
4. آشنایی با رابط کاربری نرم افزار XD
5. جابه جایی (navigate) در XD
6. ساخت، بازکردن و ذخیره کردن پروژه‌ها در XD
7. کار با لایه‌ ها در XD
8. اشنایی با UI کیت ها در XD
9. طراحی هدر یک وب سایت (انجام اولین پروژه عملی)

کار با ابزار rectangle (مربع یا مستطیل)

1. کار با ابزار دایره در XD
2. کار با ابزار polygon (چندضلعی)
3. آشنایی با ابزار Line در Adobe XD
4. آشنایی با ابزار Text (کار با انواع متن در XD)
5. آشنایی با ابزار Pen (ابزار مداد در XD)
6. آموزش طراحی یک قلب با ابزار Pen
7. طراحی یک شکل حرفه‌ای با ابزار Pen
8. طراحی یک پرنده زیبا با ابزار Pen

آموزش ترکیب اشکال مختلف (Boolean Operations)

1. آموزش گرید Bootstrap (طراحی ریسپانسیو)
2. ادامه آموزش طراحی ریسپانسیو در XD
3. آموزش تراز کردن (Alignment)
4. کار با تصاویر در XD
5. کار با تصاویر در XD - بخش 2
6. آموزش کار با ابزار Reapad Grid در XD
7. کار با ماسک - Masks در XD
8. آموزش کار با تصاویر وکتوری - SVGها
9. آموزش کار با Padding در XD
10. کار با رنگ ها در XD
11. کار با پنل Assets ها در XD

استفاده از طرح‌های آماده فتوشاپ در XD

1. استفاده از طرح‌های آماده ایلستریتور در XD
2. استفاده از طرح های آماده اسکچ (Sketch) در XD

آموزش طراحی یک سوئیچ و یک دکمه با استفاده از پنل پروتوتایپ

1. ادامه جلسه قبل
2. آموزش کار با پنل پروتوتایپ - جلسه 3
3. آموزش کار با پنل پروتوتایپ - جلسه 4
4. آموزش کار با انیمیشن ها در پنل پروتوتایپ - جلسه 5
5. طراحی بخش های ثابت (Sticky) در XD
6. آموزش طراحی هاور برای المان های مختلف
7. آموزش اسکرول افقی (horizontal scroll) در XD
8. آموزش طراحی یک اسلایدر تمام عرض
9. آموزش طراحی یک اسلایدر پارالاکس (Parallax) در XD
10. آموزش طراحی اسلایدر تمام عرض حرفه ای
11. آموزش طراحی منوی موبایلی در XD

نحوه نصب و کار با پلاگین ها در XD

1. آموزش راستچین کردن متن های فارسی با پلاگین
2. استفاده از تصاویر وکتوری بسیار زیبا با پلاگین unDraw
3. کار با پلاگین unsplash random image
4. کار با پلاگین auto icon برای استفاده از آیکون ها در طرح
5. کار با پلاگین UI Face برای قراردادن تصاویر کاربران و ...
6. آموزش کار با پلاگین lorem ipsum و متن های آماده فارسی
7. آموزش کار با پلاگین Confetti
8. آموزش کار با پلاگین Placeholder image

طراحی رابط کاربری وب سایت بازار - جلسه اول (طراحی هدر)

1. طراحی رابط کاربری وب سایت بازار - جلسه 2 (ادامه طراحی هدر)
2. طراحی رابط کاربری وب سایت بازار - جلسه 3
3. طراحی رابط کاربری وب سایت بازار - جلسه 4
4. طراحی رابط کاربری وب سایت بازار - جلسه 5
5. طراحی رابط کاربری وب سایت بازار - جلسه 6
6. طراحی رابط کاربری وب سایت بازار - جلسه 7
7. طراحی رابط کاربری وب سایت بازار - جلسه 8
8. طراحی رابط کاربری وب سایت بازار - جلسه 9
9. طراحی رابط کاربری وب سایت بازار - جلسه 10
10. طراحی رابط کاربری وب سایت بازار - جلسه 11
11. طراحی رابط کاربری وب سایت بازار - جلسه آخر

جلسه اول طراحی یک وب سایت فروشگاهی پروژه محور

1. پروژه فروشگاه اینترنتی - شروع طراحی هدر اصلی
2. پروژه فروشگاه اینترنتی - ادامه طراحی هدر
3. پروژه فروشگاه اینترنتی - طراحی اسلایدر صفحه اصلی
4. پروژه فروشگاه اینترنتی - طراحی آیکون باکس های فروشگاه
5. پروژه فروشگاه اینترنتی - طراحی اسلایدر محصولات
6. پروژه فروشگاه اینترنتی - طراحی بنرهای محصولات در صفحه اصلی
7. پروژه فروشگاه اینترنتی - طراحی بخش محصولات اختصاصی
8. پروژه فروشگاه اینترنتی - طراحی بخش فید اینستاگرام
9. پروژه فروشگاه اینترنتی - طراحی بخش پیشنهاد ویژه
10. پروژه فروشگاه اینترنتی - طراحی فوتر سایت

پروژه فروشگاه اینترنتی - شروع طراحی صفحه محصول

1. پروژه فروشگاه اینترنتی - طراحی گالری تصاویر محصول
2. پروژه فروشگاه اینترنتی - طراحی جزئیات صفحه محصول
3. پروژه فروشگاه اینترنتی - طراحی باکس قیمت در صفحه محصول
4. پروژه فروشگاه اینترنتی - طراحی بخش توضیحات محصول
5. پروژه فروشگاه اینترنتی - طراحی بخش مشخصات محصول
6. پروژه فروشگاه اینترنتی - طراحی بخش نظرات کاربران در صفحه محصول
7. پروژه فروشگاه اینترنتی - طراحی باکس کامنت کاربران در صفحه محصول
8. پروژه فروشگاه اینترنتی - طراحی بخش بلاگ در صفحه اصلی
9. پروژه فروشگاه اینترنتی - طراحی صفحه آرشیو محصول
10. پروژه فروشگاه اینترنتی - طراحی صفحه آرشیو محصول به صورت لیست

پروژه فروشگاه اینترنتی - طراحی صفحه فروشگاه + فیلترهای فروشگاه

1. پروژه فروشگاه اینترنتی - طراحی سایدبار صفحه جزئیات بلاگ
2. پروژه فروشگاه اینترنتی - طراحی صفحه جزئیات بلاگ
3. پروژه فروشگاه اینترنتی - طراحی صفحه آرشیو بلاگ

پروژه فروشگاه اینترنتی - طراحی صفحه سبد خرید - بخش 1

1. پروژه فروشگاه اینترنتی - طراحی صفحه سبد خرید - بخش 2
2. پروژه فروشگاه اینترنتی - طراحی صفحه سبد خرید - بخش 3
3. پروژه فروشگاه اینترنتی - طراحی صفحه سبد خرید - بخش 4
4. پروژه فروشگاه اینترنتی - طراحی صفحه ثبت نام
5. پروژه فروشگاه اینترنتی - طراحی صفحه ورود به حساب کاربری
6. پروژه فروشگاه اینترنتی - طراحی صفحه 404

پروژه فروشگاه اینترنتی - طراحی صفحه اصلی در حالت موبایل - بخش 1

1. پروژه فروشگاه اینترنتی - طراحی صفحه اصلی در حالت موبایل - بخش 2

آموزش خروجی گرفتن پروژه به شکل های مختلف در Adobe XD

1. آموزش خروجی گرفتن پروژه با ابزار Zeplin
2. آموزش خروجی گرفتن پروژه با پلاگین Sypmli