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

در دوره جامع طراحی تجربه کاربری و طراحی رابط کاربری یا همان UI و UX، طراحی از صفرتاصد UI و UX وب سایت ها و اپلیکیشن ها را به صورت پروژه محور یاد می گیرید و با گذراندن این دوره هم می توانید کسب و کار خودتان را راه اندازی کنید و هم می توانید در بهترین استارت آپ های ایران و حتی جهان مشغول به کار شوید، هم می توانید به صورت فریلنسری به کسب درآمد ریالی و حتی دلاری بپردازید…

قیمت دوره:

790 هزار تومان

%59 تخفیف معادل 1,16 میلیون تومان

توضیحات دوره

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

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

ویدیوهایی از بخش های مختلف دوره

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

آموزش اصول و مبانی طراحی

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

شما به عنوان یک طراح وب سایت و اپلیکیشن باید با تفاوت های تجربه کاربری (UX) و رابط کاربری (UI) به خوبی آشنا باشید و باید بتوانید از ترفندهای حرفه ای تجربه کاربری در طراحی های رابط کاربری خود استفاده کنید، با اشتباهات رایج این حوزه آشنا شوید و قوانین روانشناسی در UX را یاد بگیرید، تمامی این موارد در این دوره به صورت کامل آموزش داده می شود.

رنگ ها در دنیای طراحی یکی از اصلی ترین نقش ها را بازی می کنند وشما به عنوان یک طراح UI و UX باید به صورت کاملا حرفه ای به اصول انتخاب رنگ بندی برای یک پروژه تسلط کامل داشته باشید، در این دوره با مفاهیم و تئوری رنگ ها به صورت کامل آشنا می شوید و به صورت پروژه محور یاد میگرید که چگونه برای یک پروژه واقعی رنگ بندی زیبایی را انتخاب کنید.

یکی از مهمترین مراحل در طراحی اپلیکیشن ها و وب سا یت ها طراحی وایرفریم است، در این دوره طراحی وایرفریم ها به 2 روش آموزش داده می شود، روش اول و البته قدیمی تر طراحی وایرفریم به صورت دستی و کاغذ و خودکار است و روش دوم طراحی وایرفریم توسط ابزارهای حرفه ای است که امروزه طراحان حرفه ای معمولا از وایرفریم های دیجیتالی استفاده می کنند و ما هم بیشتر روی آن تمرکز می کنیم.

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

هر چقدر هم که با تئوری های یک موضوع آشنا باشید و تمام قانون ها و قواعد آن را یاد بگیرید تا زمانیکه خودتان آستین ها را بالا نزده و یک پروژه را به صورت عملی طراحی نکنید، در حقیقت هیچ نمی دانید! در این دوره به صورت کاملا عملی و پروژه محور تمام صفحات مورد نیاز یک فروشگاه اینترنتی را از صفرتاصد طراحی می کنیم و در عمل طراحی UI و UX را یاد می گیریم.

یک طراح UI و UX خیلی خوب می داند که تا زمانیکه طرح نهایی را به صورت پروتوتایپ ارائه نکند، کارفرما به هیچ عنوان تحت تاثیر قرار نخواهد گرفت؛ خوشبختانه الان با ابزارهایی که در اختیار داریم می توانیم پروتوتایپ های خیلی حرفه ای را برای پروژه های خود طراحی کنیم و در حقیقت پروژه نهایی را به صورت کاملا حرفه ای و زنده تحویل کارفرما دهیم.

بعد از اینکه به صورت کامل به حوزه UI و UX مسلط شدید، وقت این است که از این علم جذابی که یاد گرفته‌اید به کسب درآمد بپردازید، در این دوره تمامی راه‌های کسب درآمد از UI و UX را بررسی می کنیم؛ شما یاد می‌گیرید که چگونه به صورت فریلنسری از این هنر خود به کسب درآمدهای میلیاردی بپردازید یا حتی در بزرگ‌ترین شرکت‌های حوزه کسب و کار اینترنتی در ایران و حتی جهان مشغول به کار شوید و حتی چگونه از 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

28 دیدگاه برای دوره جامع آموزش UI و UX

  1. nazila

    با تشکر از پاسخگویی شما .

    Core i5 و Ram 8 GB برای اینکار کفایت میکند و سرعت آن مناسب است ؟

    • پشتیبانی

      بله می‌توانید از همین سیستمی که فرمودید استفاده کنید.

  2. nazila

    با عرض سلام و خسته نباشید

    اگر بخواهم طراحی وبسایت را به طور جدی دنبال کنم و طراحی یو آی و …. انجام دهم چه سیستمی برای این کار مناسب است ؟ باید حتما گرافیک مجزا داشته باشد یا با سیستمی که
    پردازنده آن Intel Core i5 و گرافیک Intel Iris Xe Graphics دارد هم میتوان کار کرد ؟ میخواهم سیستمم را ارتقا دهم اگر راهنمایی بفرمائید ممنون میشم

    • پشتیبانی

      درود بر شما، دقت کنید که برای طراحی UI و UX سیستم شما نیازی به داشتن کارت گرافیک مجزا و قوی ندارد و همان گرافیک CPU کفایت می‌کند. اما در نهایت سعی کنید سیستمی تهیه کنید که قدرت پردازنده و رم بهتری داشته باشد.

  3. علی

    بعد از اتمام این دوره و یادگیری کامل امکان اشتغال در شرکت ها به عنوان یک طراح رابط کاربری وجود داره؟

    • پشتیبانی

      بله اگر تمامی مباحث را به صورت پروژه محور با دوره دنبال کنید.

دیدگاه خود را بنویسید

نبی عبدی

نبی عبدی

مدرس دوره

مدیر آکادمی وبکیما، مدرس و محقق در حوزه طراحی‌سایت و برنامه‌نویسی، مدرس بیشتر از 10 هزار دانشجو در حوزه‌های مختلف طراحی‌سایت.

دوره جامع آموزش UI و UX | آموزش طراحی تجربه و رابط کاربری
دوره جامع آموزش UI و UX
%59 تخفیف معادل 1,16 میلیون تومان