آنچه خواهید آموخت

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

مقدمه ای بر طراحی رابط کاربری

• تعامل انسان و کامپیوتر
• طراحی رابط کاربری (‪User Interface Design) چیست؟
• جایگاه فعلی طراحی رابط کاربری
• نقش طراح رابط کاربری در تیم
• روند اجرایی پروژه های طراحی رابط کاربری

‫اصول و قواعد طراحی رابط کاربری

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

طراحی نقشه راه و هدایت کاربر

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

‫طراحی وایرفریم و ‪پروتوتایپ

• روند تکمیل طرح
• چیدمان و طرح بندی
• اتود و طرح اولیه

‫ آشنایی با ابزارهای طراحی

• Figma
• Adobe XD
• Sketch

‫رنگ، تایپوگرافی،المانهای بصری

• تئوری رنگها
• خواص رنگها
• ابزار انتخاب رنگ
• ساخت پالت رنگی
• مبانی تایپوگرافی
• تایپوگرافی در رابط کاربری
• پیکسل و وکتور
• نور و سایه در رابط کاربری
• ایکون گرافی

‫گرید بندی

• گرید بندی در وب و اپ موبایل
• آشنایی با گریدهای استاندارد
• طراحی ریسپانسیو
• فضای سفید در طراحی
• نسبت طلایی

سبک و زبان طراحی

• تفاوت زبان و ترند طراحی
• آشنایی با سبکهای طراحی رابط کاربری
• تعریف دیزاین سیستم

‪ المان و پترنهای طراحی

• ‫استانداردهای طراحی رابط کاربری
• ‫اصول طراحی فرم
• ‫استانداردهای طراحی اندروید
• ‫استانداردهای طراحی iOS‪

‫مقدمه ای بر طراحی تجربه کاربری

• طراحی تجربه کاربری (‪User Experience Design) چیست؟
• تفاوت UI Design و  UX Design
• کاربرد پذیری  (Usability)
• قابلیت دسترسی  (Accessibility)
• طراحی تعاملی  (Interaction Design)
• طراحی کاربر محور  (User-Centered Design)

اهداف و جایگاه طراحان رابط کاربری و تجربه کاربری

• موقعیت شغلی
• تفاوت پروژه و محصول
• تعامل در تیم طراحی محصول