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

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

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

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

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

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

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

دمو

به زودی: یادداشت خود را در این قسمت بنویسید تا کاربران بتوانند نقاط خاص از ویدئوی شما را ببینند

به زودی: نمایش لیست یادداشت های کاربر در هر نقطه از این ویدئو

به زودی: طرح سوال در هر نقطه از ویدئوی آموزشی از مدرس و سایر دانشجویان دوره

پلیر حرفه ای دانشجویار با امکانات برای یادگیری

میانبرهای پخش کننده

  • m: قطع و وصل صدا
  • h: راهنمای پخش کننده
  • Home: ابتدای ویدئو
  • End: انتهای ویدئو
  • space: توقف/پخش
  • جهت جلو/عقب: 10 ثانیه به جلو/عقب
  • اعداد 1 تا 9: موقعیت های 10 تا 90 درصد ویدئو
-:-
۰۰:۰۰
۰۰:۰۰
1x
  • 0.25x
  • 0.5x
  • 0.75x
  • 1.0x
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

لیست پخش دوره

  • ۱

    قسمت1-بخش1-معرفی

    ۰۱:۰۸

  • ۲

    قسمت2-بخش1-درباره فتوشاپ

    ۰۰:۳۵

  • ۳

    قسمت3-بخش1-استفاده از فایل های تمرین

    ۰۰:۴۸

  • ۴

    قسمت4-بخش1-استفاده از راهنما

    ۰۲:۱۹

  • ۵

    قسمت5-بخش1-استفاده از Grid

    ۰۲:۴۱

  • ۶

    قسمت6-بخش1-اشتباه پیکسل ها

    ۰۱:۴۱

  • ۷

    قسمت7-بخش1-ساخت شکل های زنده

    ۰۲:۱۳

  • ۸

    قسمت8-بخش1-کار با استروک

    ۰۲:۱۹

  • ۹

    قسمت9-بخش1-اضافه کردن استایل

    ۰۳:۵۶

  • ۱۰

    قسمت10-بخش1-حفره ها

    ۰۳:۵۷

  • ۱۱

    قسمت11-بخش1-کار با پنل لایه ها

    ۰۲:۳۰

  • ۱۲

    قسمت12-بخش1-کار با فولدر لایه ها

    ۰۳:۳۳

  • ۱۳

    قسمت13-بخش1-ساخت لایه Comps

    ۰۳:۳۰

  • ۱۴

    قسمت14-بخش1-خلق یک پوشش ویدیویی

    ۰۱:۰۱

  • ۱۵

    قسمت15-بخش1-حل پوشش ویدیویی

    ۰۲:۲۰

  • ۱۶

    قسمت16-بخش1-ساخت و ذخیره اشکال

    ۰۳:۵۶

  • ۱۷

    قسمت17-بخش1-گروه بندی

    ۰۷:۴۵

  • ۱۸

    قسمت18-بخش1-ذخیره استایل های گرافیکی

    ۰۲:۴۶

  • ۱۹

    قسمت19-بخش1-استفاده از کیت Wireframe

    ۰۱:۱۳

  • ۲۰

    قسمت20-بخش1-ساخت کیت Wireframe

    ۰۱:۱۲

  • ۲۱

    قسمت21-بخش1-ذخیره اولیه نمونه ها

    ۰۲:۲۷

  • ۲۲

    قسمت22-بخش1-خروجی چند حالته

    ۰۲:۲۴

  • ۲۳

    قسمت1-بخش2-مقدمه

    ۰۲:۱۲

  • ۲۴

    قسمت2-بخش2-طراحی صفحات فرود

    ۱۵:۲۰

  • ۲۵

    قسمت3-بخش2-تعادل استفاده از متن و تصویر

    ۰۵:۱۳

  • ۲۶

    قسمت4-بخش2-طراحی اپلیکیشن

    ۱۴:۱۱

  • ۲۷

    ویدیو کمک آموزشی 1-ساخت دکمه های فلت

    ۰۷:۲۳

  • ۲۸

    ویدیو کمک آموزشی 2-طراحی موزیک پلیر

    ۱۶:۴۲

  • ۲۹

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

  • ۳۰

    لینک دانلود فایل های جانبی

اگر با سرچ کردن کلماتی مثل طراحی رابط کاربری با فتوشاپ،کیت های رابط کاربری 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 – طراحی رابط کاربری با فتوشاپ یاد خواهید گرفت:

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

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

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

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

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

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

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

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

۷
  • مسعود
    یکشنبه ۳۰ تیر ۱۳۹۸ - ۲۱:۴۵

    سلام جناب اصلانی
    من فتوشاپ بلدم و کام طراحی و چاپ هست
    الان دارم طراحی تجربه و رابط کاربری رو توسط شما یاد می گیرم
    به نظرتون لازمه که این دوره فتوشاپو بگذرونم یا نه برم مرحله یادگیری XD ؟

    • حسین اصلانی
      دوشنبه ۳۱ تیر ۱۳۹۸ - ۰۰:۱۴

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

      علاوه بر این دوره پیشنهاد می کنم کتاب استارتاپ هایی که خوشحالی می آفرینند را هم مطالعه کنید. می تونه برای شما مفید باشه. آدرس تهیه کتاب:
      http://www.hhaa.ir/book

  • bahareh.zarrinkhameh
    دوشنبه ۱۶ اردیبهشت ۱۳۹۸ - ۲۰:۱۵

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

    • حسین اصلانی
      پنج شنبه ۲ خرداد ۱۳۹۸ - ۱۸:۰۸

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

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

      براتون آرزوی خوشحالی زیاددددد می کنم!!!
      موفق باشید

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

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

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

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

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

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

اطلاعات دوره

  • مدرس: حسین اصلانی
  • تعداد قسمت: ۲۸ قسمت
  • مدت زمان آموزش: ۰۲:۰۰:۰۰
  • حجم دوره: ۹۶۳.۹۵ مگابایت

مدرس دوره

حسین اصلانی

حسین اصلانی

حسین اصلانی هستم؛ مدیر ارشد و راهبر پروژه های نرم + بیشتر

حسین اصلانی هستم؛ مدیر ارشد و راهبر پروژه های نرم افزاری و معمار راه حل ها

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

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

با پر کردن فرم زیر همکاران ما در دانشجویار در اسرع وقت با شما تماس خواهند گرفت


پشتیبانی

دانشجویار در طول 24 ساعت شبانه روز آماده پاسخگویی به سوالات شما می باشد.

  • ارسال تیکت پشتیبانی از طریق این لینک
  • گفتگوی آنلاین از طریق چت وبسایت
  • ارسال پیام به آیدی تلگرام @daneshjooyar_support724

دسته بندی ها

دانشجویار نماد اعتماد به دانشجویار مجوز نشر دیجیتال لوگو شرکت به پرداخت ملت logo-samandehi مجوز سازمان فنی حرفه ای کشور