آموزش طراحی رابط کاربری (UI) سایت | User Interface Design

آموزش طراحی رابط کاربری سایت

مروری بر دوره

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

سرفصل ها

بخش اول : مباحث اولیه

  • معرفی انواع سبک‌های گرافیکی طراحی وب اعم از فانتزی، فلت، سکیومورفیزم، بلار و
  • نحوه‌ی انتخاب سبک گرافیکی برای طراحی یک وب‌سایت
  • مقایسه و معرفی المنت‌های سبک‌های مختلف و بررسی ویژگی‌های منحصر به فرد آن‌ها
  • مقایسه و معرفی رنگ‌های قابل استفاده در سبک‌های مختلف گرافیکی
  • معرفی نرم‌افزارهای مورد استفاده در طراحی گرافیک وب
  • معرفیUser Experience و کاربر آن در طراحی UI صفحات وب
  • معرفی مختصر Material-UI یکی از فرم وورک‌های مربوط به طراحی UI

بخش دوم : مباحث اولیه در فتوشاپ

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

بخش سوم : ابزارها در فتوشاپ

  • مفهوم Mode ها و کانال‌های رنگی مانند RGB , CMYK , Grayscale و
  • مفهوم Ruler و Snap و Guideline، تنظیم و استفاده‌ی صحیح از آن‌ها
  • مفهوم Layer و استفاده از Layer ها در فایل پروژه
  • مفهوم Transform و انواع آن و روش استفاده از آنها
  • مفهوم Rectangular Marquee Tool و نحوه استفاده از آن
  • مفهوم Polygonal Lasso Tool و نحوه استفاده از آن
  • مفهوم Magic Wand Tool و نحوه استفاده از آن
  • مفهوم Crop Tool و نحوه استفاده از آن
  • مفهوم Brush Tool و History Brush Tool و نحوه استفاده از آن
  • مفهوم Clone Stamp Tool و نحوه استفاده از آن
  • مفهوم Eraser Tool و نحوه استفاده از آن
  • مفهوم Gradiant Tool و نحوه استفاده از آن
  • مفهوم Blur Tool و نحوه استفاده از آن
  • مفهوم Shape Tool و نحوه استفاده از آن
  • مفهوم Hand Tool و نحوه استفاده از آن
  • مفهوم Zoom Tool و نحوه استفاده از آن
  • مفهوم Canvas Size و نحوه استفاده از آن

بخش چهارم : Adobe XD

  • مرور بخش های صفحه اصلی برنامه
  • معرفی ابزار ها
  • کار با لایه ها
  • کار با تنظیمات ART BOARD
  • کار با تنظیمات اشکال
  • کار با Pathfidner
  • کار با RepeatGrid
  • معرفی پروژه
  • انتخاب رنگ و ساخت اولین صفحه
  • طراحی صفحه ثبت نام و ورود
  • طراحی صفحات مربوط به ورود و ثبت نام
  • تکمیل طراحی و Prototype

بخش پنجم : تصاویر در طراحی وب

  • نحوه‌ی صحیح ذخیره‌سازی و بهینه سازی تصاویر برای استفاده در وب
  • انواع پسوندهای ذخیره‌سازی تصویر برای استفاده در وب
  • معرفی تصاویر SVG آینده تصاویر وب
  • نحوه صحیح استفاده از تصاویر، پترن‌ها و رنگ‌ها بعنوان پس زمینه‌ی قالب گرافیکی وب سایت
  • مفهوم شفاف بودن (Transparent) و استفاده از تصاویر شفاف در طراحی

بخش ششم : تایپوگرافی

  • استفاده صحیح از فونت‌های مناسب
  • سایز مناسب و استاندارد متون در قالب گرافیکی و وب
  • روانشناسی رنگ و انتخاب صحیح رنگ برای متون
  • جلوه‌های ویژه و افکت‌های مناسب برای متون
  • ارائه فونت‌های استاندارد و مکمل به هنرجویان

بخش هفتم :طراحی رفتار

  • نحوه ساخت Pattern و آموزش ساختار صحیح ساخت آن
  • نحوه ساخت Styleها در فتوشاپ
  • نحوه ادغام تصاویر در فتوشاپ برای افزایش جذابیت‌های گرافیکی
  • نحوه ایجاد جلوه‌های گرافیکی در طراحی وب‌سایت
  • نحوه چیدمان المنت‌های مختلف و روش انتخاب صحیح محل قرارگیری آن‌ها
  • طراحی گرافیکی انواع دکمه
  • طراحی گرافیکی انواع هدر و فوتر
  • طراحی گرافیکی انواع سایدبار
  • طراحی گرافیکی انواع فرم
  • طراحی و ایجاد انواع سایه برای متن، خطوط و تصاویر
  • ایجاد یک نقشه ذهنی
  • ایجاد یک نقشه سایت
  • طراحی کاربر محور
  • قابلیت استفاده از UX
  • طراحی وایرفریم و ایجاد موکاپ
  • طراحی وب پاسخگو (ریسپانسیو)

بخش هشتم :UX

  • طراحی رابط کاربری یا interface design
  • صفحات یک وب سایت
  • چگونگی تاثیر طراحی بصری در تجربه کاربری
  • اصول طراحی بصری
  • طراحی منو
  • طراحی فرم‌ها
  • طراحی اطلاعات
  • بررسی وایرفریم ها
  • رنگ
  • تکرار و الگوی شکستن
  • هم ترازی متون
  • استفاده از موشن ها در UX
  • طراحی ریسپانسیو

بخش نهم : انجام پروژه عملی

تقویم دوره

در حال حاضر تقویمی برای این دوره تعریف نشده است.

کد دوره نام استاد طول دوره شهریه روزهای هفته تاریخ شروع ساعت شروع و پایان
Tra894 وحید مهراد 30 ساعت 9،900،000 ریال پنج شنبه پنجشنبه 1398/01/29 از ساعت 14:0 تا 19:0 ثبت نام