چه دوره ای می خواهید یاد بگیرید؟

آینده خود را با دوره های آموزشی دانشجویار تضمین کنید

بیش از ۱۰ هزار ساعت ویدئوی آموزشی

بیش از ۵۰ هزار دانشجو

بیش از ۳۰۰ مدرس

صفحه نخست
 » 
رشته کامپیوتر
 » 
برنامه نویسی وب
 » 
طراحی وب
 » 
UI و UX
 » 
بخش هفتم دوره جامع آموزش UI و UX – طراحی رابط کاربری با فتوشاپ
۳ نظر
بازدید : 937 بازدید
بخش هفتم دوره جامع آموزش UI و UX – طراحی رابط کاربری با فتوشاپ

اگر با سرچ کردن کلماتی مثل طراحی رابط کاربری با فتوشاپ،کیت های رابط کاربری UI kit، کیت فارسی و… وارد این صفحه شدید یا دوست دارید از اول مطالب این دوره آموزشی را دنبال کنید، پیشنهاد می کنم اینجا کلیک کنید تا سرفصل ها را به صورت کامل مشاهده کنید و تصمیم بگیرید که آیا این دوره مناسب شما است یا نه.

در بخش اول این دوره با هرآنچه که باید درباره رابط کاربری و طراحی تجربه کاربری بدانیم آشنا شدیم:

بخش اول دوره جامع آموزش UI و UX – آنچه که باید بدانید

در بخش دوم یاد گرفتیم چگونه برای طراحی تجربه کاربری آماده شویم:

بخش دوم دوره جامع آموزش UI و UX – مقدمه

در بخش سوم هم شناخت کاربر یا کاربرپژوهی را بررسی کردیم:

بخش سوم دوره جامع آموزش UI و UX – شناخت کاربر یا کاربرپژوهی

در بخش چهارم روانشناسی تخصصی در طراحی UI و UX را به شما آموزش دادیم:

بخش چهارم دوره جامع آموزش UI و UX – روانشناسی تخصصی در طراحی UI و UX

در بخش پنجم دانش و علم طراحی را بررسی کردیم:

بخش پنجم دوره جامع آموزش UI و UX – دانش و علم طراحی

در بخش ششم نیز مبانی تایپ و کارکرد آن را آموزش دادیم:

بخش ششم دوره جامع آموزش UI و UX – مبانی تایپ و کارکرد آن

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

آموزش طراحی رابط کاربری با فتوشاپ و طراحی رابط کاربری اپلیکیشن
1) طراحی رابط کاربری با فتوشاپ

 

دقیقا قرار است چه یاد بگیریم و کجای مسیر یادگیری این دوره هستیم؟

خب بهتر است اول به سوال دوم پاسخ بدهیم! چقدر از مسیر را طی کرده ایم؟

اگر بخواهیم نگاهی به سرفصل‌های این دوره داشته باشیم، باید بگویم که الان دقیقاً وارد بخش مبانی دوره آموزش طراحی تجربه و رابط کاربری شده‌ایم. بخشی که سه فصل دارد که شامل آشنایی و چگونگی استفاده از ابزارهای طراحی، صفر تا صد نمونه سازی اولیه (ساخت پروتوتایپ کاغذی – آموزش کامل نرم افزار Adobe XD) و خلاقیت و بهینه سازی طرح‌ها می‌باشد. به نظر خودم هیجان انگیز ترین قسمت این بخش کار کردن با Adobe XD خواهد بود. آنجا که شما با جادوی ابزارها آشنا می‌شوید.

 

دقیقاً چه چیزهایی را می‌خواهیم یاد بگیریم؟

در این جلسه قرار است که چگونگی استفاده از نرم افزار فتوشاپ برای خلق رابط کاربری را یاد گرفته و با انجام چند پروژه عملی مهارت خودمان را بیشتر کنیم. از مباحث مقدماتی طراحی وایرفریم تا ساخت صفحات فرود (landing page) و اپلیکیشن تلفن همراه، همچنین به صورت مختصر با چگونگی کار با UI kit ها آشنا می‌شویم.

پس از تماشای این جلسه قادر خواهید بود با قدری اعتماد به نفس + استفاده از کیت‌های طراحی رابط کاربری + یک لیوان قهوه هرچیزی را طراحی کنید.

 

آموزش طراحی رابط کاربری با فتوشاپ و کمک از کیت فارسی
2) آموزش UI و UX

در بخش اول به صورت مقدماتی با نرم افزار فتوشاپ آشنایی بیشتری پیدا خواهیم کرد و چگونگی خلق wireframe by Photoshop را یاد خواهید گرفت.

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

در ویدیوهای کمک آموزشی شما با پروژه‌های بیشتری آشنا خواهید شد و خواهید فهمید که طراحی چقدر ساده است!!!

طراحی رابط کاربری با فتوشاپ به همراه آموزش طراحی صفحه فرود
3) طراحی رابط کاربری با فتوشاپ

 

به همراه این جلسه آموزشی دو فیلم کمک آموزشی، کتاب‌های UX و نرخ تبدیل از نگاه سئو جامع نگر،

کتاب الگوهای طراحی واسط کاربر و کتاب mobile_ui_design_patterns،

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

طراحی رابط کاربری با فتوشاپ به همراه ارائه یک کیت رابط کاربری فارسی

 

آنچه در بخش هفتم دوره جامع آموزش UI و UX – طراحی رابط کاربری با فتوشاپ یاد خواهید گرفت:

بخش اول ابزارهای طراحی: فتوشاپ

  • معرفی
  • تنظیمات اولیه سند کاری
  • ایجاد اشکال
  • چطور پیکسل‌ها می‌توانند اشتباه کنند؟
  • چگونگی ساخت اشکال زنده
  • کار با استروک با استفاده از لایه‌ها
  • کار با متن‌ها
  • سازماندهی محتوا
  • چالش خلق یک پوشش ویدیویی
  • ایجاد دارایی‌های پایدار
  • ایجاد شیپ های سفارشی
  • استفاده از کیت‌های رایگان وایرفریم
  • ساختن کیت‌های رابط کاربری سفارشی
  • زخیره کردن اولیه نمونه‌ها

بخش دوم دست گرمی طراحی!

  • آنچه که قراره خلق کنیم!
  • طراحی صفحات فرود: آبمیوه فروشی
  • تعادل استفاده از متن و تصویر
  • طراحی اپلیکیشن: صفحه ثبت نام

ویدیوهای کمک آموزشی زبان اصلی

  • قدم به قدم با ساخت دکمه‌های فلت
  • طراحی اپلیکیشن: موزیک پلیر

شما می توانید هرگونه سوال یا پیشنهاد خود را از طریق دیدگاه های همین پست مطرح بفرمایید.

مشاهده دموهایی از آموزش

مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

نتیجه بررسی تیم کارشناسی دانشجویار

کیفیت تصویر

کیفیت صوت

فن بیان

جامعیت(پوشش کامل سرفصل)

استفاده مفید از زمان

اشراف مدرس

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

دریافت کنید

16000 تومان
افزودن آموزش به سبد خرید
در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.
  • *
  • *
  • *
  • *
  • در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.

    پیام شما با موفقیت ثبت شد. در اولین فرصت با شما تماس گرفته خواهد شد.
    • مطالب مرتبط
    • دیگر آموزش های مرتبط با این مدرس
    • رزومه مدرس

    نظرات کاربران

    ۳
    • علیرضا
      شنبه ۱۷ آذر ۱۳۹۷ - ۰۱:۲۳

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

      • اسما رادفر
        شنبه ۱۷ آذر ۱۳۹۷ - ۰۹:۵۸

        سلام
        ۲۸ قسمت داره
        ۲ قسمت جهت ارزیابی رایگان قرار داده شده

    • علیرضا حیدری
      جمعه ۹ آذر ۱۳۹۷ - ۲۰:۰۳

      سلام خدمت مدرس عزیز این دوره، این بخش هم مثل همه بخش ها بسیار کاربردی بود. بی صبرانه منتظر انتشار قسمت بعدی هستیم.
      فقط کاش پروژه های عملی بیشتری را قرار داده بودید.
      مرسی

    حسین اصلانی طراح و توسعه دهنده افزونه و قالب وردپرس

    حسین اصلانی هستم؛ مدیر ارشد و راهبر پروژه های نرم افزاری و معمار راه حل ها Project leader and architect solutions مدرس در اکادمی های خصوصی/دولتی/مدارس راهنمایی و تولید کننده نرم افزار های کامپیوتری با بیش از 10 سال سابقه فعالیت در زمینه های مختلف از جمله نرم افزار های اندروید/نرم افزار های تخت ویندوز/سایت و وب اپلیکیشن های عمومی و تخصصی؛ محقق و نویسنده در زمینه های کامپیوتر، روانشناسی بالینی، امواج مغزی و... تسلط بر موتور های بازی سازی و فعالیت در زمینه نفوذ و امنیت ... :-) I am desirous, motivated, responsible, and hardworking. I am a team coworker adapted to all challenging situations. I enjoy working in a team environment and I get along well with people. I have a lot to contribute to a team environment and, also, I integrate my individual creativity into my work. I well maintain control under pressure and problems. I can take these positively because I do believe the more you are challenged, the more you enjoy the work. I am well skilled in discovering, controlling and removing system bugs. Senior web designer and programmer, computer software analysis and design All computer science lecturer All are fluent in computer science Road authors life and why unanswerable

    دسته بندی

    آموزش الکترونیک

    آموزش بازی سازی

    آموزش شبکه

    آموزش طراحی و گرافیک

    برنامه نویسی موبایل

    برنامه نویسی ویندوز

    پایگاه داده

    تحصیلات تکمیلی

    دروس دانشگاهی

    رشته الکترونیک

    رشته کامپیوتر

    سایر دسته های دانشجویار

    سایر نرم افزارها

    طراحی سایت

    کلاس آنلاین

    نرم افزارهای کاربردی

    هوش مصنوعی

    مدرسین

    تعداد دوره
    بر اساس امتیاز
    حروف الفبا

    مطالب سایت بر اساس

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