دوره پروژه محور طراحی رابط کاربری (UI) +مفاهیم تجربه کاربری (UX)

شروع رویداد
در ۲ سانس
مکان رویدادتهران
موضوع رویدادتکنولوژی / برنامه نویسی
اضافه به تقویم
 دوره پروژه محور طراحی رابط کاربری (UI) +مفاهیم تجربه کاربری (UX)
برگزارکننده‌ی رویداد
تماس با برگزارکننده
۰۲۱-۴۱۸۶۷
گزارش
تهیه بلیت برای این رویداد از روز یک‌شنبه ۱۱ آذر ساعت ۰۰:۰۰ تا روز پنج‌شنبه ۶ دی ساعت ۰۰:۰۰ امکان‌پذیر است.

توضیحات

در این دوره چه چیزهایی یاد خواهید گرفت؟

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

 

اطلاعات بیشتر درباره دوره : www.ciwiran.com/ui

شهرهای برگزاری : تهران و تبریز

سانس مربوط به شهر تهران : ۶ دی  - ۱۱ بهمن
 
سانس مربوط به شهر تبریز : ۶ دی - ۶ بهمن

 

سرفصل ها

 

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

 

  • معرفی انواع سبک‌های گرافیکی طراحی وب اعم از فانتزی، فلت، سکیومورفیزم، بلار و …
  • نحوه‌ی انتخاب سبک گرافیکی برای طراحی یک وب‌سایت
  • مقایسه و معرفی المنت‌های سبک‌های مختلف و بررسی ویژگی‌های منحصر به فرد آن‌ها
  • مقایسه و معرفی رنگ‌های قابل استفاده در سبک‌های مختلف گرافیکی
  • معرفی نرم‌افزارهای مورد استفاده در طراحی گرافیک وب
  • معرفیUser Experience و کاربر آن در طراحی UI صفحات وب
  • معرفی مختصر Material-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
  • طراحی ریسپانسیو

 

 

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

اساتید

مجتبی محمودزاده

مجتبی محمودزاده

طراح رابط کاربری

تبریز

علیرضا بخشی

علیرضا بخشی

طراح رابط کاربری

تهران

برگزارکنندگان

دفتر CIW ایران

دفتر CIW ایران

آدرس:تهران ولیعصر، نبش فاطمی، کوچه بوعلی سینا شرقی، پلاک ۱۷