دوره آموزشی طراحی رابط کاربری UI

سرفصل های دوره آموزش طراحی UI با نرم افزار Adobe Photoshop

سرفصل های دوره آموزش طراحی UI با نرم افزار Adobe XD

مباحث اولیه در نرم افزار فتوشاپ

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

ابزار ها در فتوشاپ

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

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

• روانشناسی رنگ و انتخاب صحیح رشته رنگ
• روش های انتخاب رنگ
• رنگ در طراحی وب و امکانات پنجره های انتخاب رنگ
• معرفی نرم افزارها و سایت های جانبی برای انتخاب و ست کردن رنگ ها
• انواع رنگ های جامد (Solid) ، شیب رنگ (Gradient) و نحوه ی ایجاد و استفاده از آنها
• مفهوم Level و Hue و نحوه استفاده از آن ها

تصویر در طراحی وب

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

برش دهی قالب گرافیکی وب سایت

• مفهوم برش دهی و ضرورت برش بندی قالب گرافیکی
• ابزارهای موجود در بخش برش دهی تصاویر
• ذخیره سازی برش ها

متن در طراحی قالب گرافیکی

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

آموزش استفاده از ابزار های خاص

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