آموزش طراحی وب

پنجمین دوره آموزش طراحی گرافیک وب

[ تهران ] در این دوره مراحل آموزش طراحی گرافیک وب از ابتدا تا انتها توسط تکنیک های جدید و حرفه ای به شما آموزش داده خواهد شد

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

اگر بدون اغراق بخواهیم در مورد این دوره آموزشی چند خطی صحبت کنیم ، باید عرض کنیم این دوره آموزشی به چند جهت حائز اهمیت خواهد بود . ابتدا اینکه کلیه مباحث آموزشی که در این دوره لحاظ شده است در قالب یک پروژه عملی آموزش داده خواهد شد به عبارت دیگر شما کلیه ابزارها و تکنیک ها را در حین آموزش یاد خواهید گرفت که میتواند بسیار مطلوب باشد . دوم اینکه در کنار مباحث عملی ، آموزشی های علمی و مبانی تئوری نیز به شما آموزش داده خواهد شد تا هم از نظر توانایی عملی بتوانید پروژه های آینده خود را تامین کنید و هم از نظر علمی بتوانید تحلیل های صحیحی را انجام دهید .

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

 

مباحث اولیه و انواع سبک های طراحی گرافیک وب

  • معرفی انواع سبک های گرافیکی طراحی وب اعم از فانتزی ، فلت ، سکیومورفیزم ، بلار و …
  • نحوه ی انتخاب سبک گرافیکی برای طراحی یک وب سایت
  • مقایسه و معرفی المنت های سبک های مختلف و بررسی ویژگی های منحصر به فرد آنها
  • مقایسه و معرفی رنگ های قابل استفاده در سبک های مختلف گرافیکی
  • معرفی نرم افزار های مورد استفاده در طراحی گرفیک وب

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

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

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

  • مفهوم 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 ها در فتوشاپ
  • نحوه ادغام تصاویر در فتوشاپ برای افزایش جذابیت های گرافیکی
  • نحوه ایجاد جلوه های گرافیکی در طراحی وب سایت
  • نحوه نظر دادن به المنت ها توسط ابزار های تنظیم کننده خودکار
  • نحوه چیدمان المنت های مختلف و روش انتخاب صحیح محل قرارگیری آنها
  • انواع فیلتر های فتوشاپ و آموزش نحوه ی استفاده از آنها
  • تغییر حالت تصاویر معمولی به تصاویر کارتونی
  • طراحی گرافیکی انواع دکمه ) Button )
  • طراحی گرافیکی انواع اسلایدر و اسلایدشو ) Slide Show )
  • طراحی گرافیکی انواع هدر و فوتر ) Header and Footer )
  • طراحی گرافیکی انواع سایدبار ) Side Bar )
  • طراحی گرافیکی انواع فرم ) Form )
  • اصول طراحی به سبک وب ۲ WEB 2.0 )
  • طراحی و ایجاد انواع سایه برای متن ، خطوط و تصاویر
  • ایجاد انواع جلوه های ویژه و افکت های روز دنیای گرافیک

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

۱ دیدگاه

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

آخرین پرسش و پاسخ ها

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین