درباره دوره
امروزه بسیاری از طراحان از فتوشاپ به دلیل طبیعی‌تر جلوه دادن تصاویر و مجموعه‌ای از ابزار و دستورات قابل تغییر در طراحی سایت استفاده می‌کنند. هر صفحه وب از 2 بخش تشكيل شده است؛ بخش اول محيط گرافيكي صفحه هست و بخش دوم محيط كدنويسي است كه به كمك آن محيط گرافيكي ايستا به يك محيط پويا تبديل مي‌شود و به جرات مي‌توان گفت که به همان اندازه كه كدنويسي درست در طراحي وب‌سايت مهم هست، طراحي گرافيكي وب سايت نيز از اهميت ويژه‌اي برخوردار است . اينجاست كه فتوشاپ پا به ميدان مي‌گذارد و طراح وب مي‌تواند با كمك آن به بهترين نحو ممكن قدرت كدنويسي خود را به نمايش بگذارد. معمولا قبل از شروع به كار طراحي وب‌سايت، طرح جامعي از سايت و صفحات مورد نياز آن تهيه و با توجه به آن قالب گرافيكي سايت طراحي مي‌شود. پس از اتمام طراحي، با انتقال قالب به محيط برنامه‌هاي طراحي وب، ارتباط بين قسمت‌هاي مورد نظر تعريف شده و خروجي نهايي صورت مي‌گيرد.
مطمئن هستیم که تا به حال وب سایت های متفاوت با طراحی مختلف را مشاهده کرده‌اید،در میان انبوهی از وب سایت ها برخی از آن ها بسیار جذاب و زیبا هستن و دلیل این امر طراحی این وب سایت ها و اپلیکیشن ها در فتوشاپ است،به دلیل اینکه برنامه فتوشاپ امکانات و ابزارهای فوق العاده ای را در اختیار طراحان قرار میدهد. حال تصور کنید می توانیم از این ابزار ها در طراحی وب سایت های خودمان استفاده کنیم.
پس از کسب دانش اولیه در هر زمینه ای، این خود شما هستین که میتونین با تکرار و تمرین، تجربه کسب کنین و تبدیل به یک حرفه ای بشید…
پیش نیازه های دوره
پیش نیاز ندارد
دستاورد های شما پس از گذراندن دوره
طراحی وبسایت با فتوشاپ
آشنایی با ابزارهای فتوشاپ
یادگیری فتوشاپ با گرایش وب مارکتینگ
مخاطب هدف دوره
همه کسانی که با گرافیک دیجیتال سر و کار دارن، به نوعی محتاج این نرم افزار هستن.مثل: گرافیست ها، ناشر های کتاب، چاپخونه ها، شرکت های تبلیغاتی، طراحان سایت، عکاس ها، نقاش ها، طراحان نرم افزار و...
سوالات متداول
آیا پس از گذراندن دوره مدرکی دریافت میکنم؟
سرفصل های دوره
• معرفی دوره طراحی سایت با فتوشاپ • معرفی بازار کار طراحی سایت با فتوشاپ • تعریف UI در طراحی سایت • تعریف UX در طراحی سایت • تفاوت UI و UX در طراحی سایت • وظیفه یک طراح در ایجاد فایل اولیه برای طراحی سایت • توضیحاتی در مورد طراحی قالب ریسپانسیو یا واکنش گرا در فتوشاپ • توضیحاتی در مورد اندازه های استاندارد در طراحی سایت • نکاتی در مورد طراحی سایت در فتوشاپ برای انواع موضوعات وب سایت ها • توضیحاتی در مورد پیکسل ها و اندازه های مانیتور برای طراحی سایت در فتوشاپ • معرفی نرم افزار فتوشاپ و بخش های آن • ایجاد تنظیمات اولیه برای طراحی سایت • توضیحات پنل Layers • توضیحات پنل ابزار ها • ایجاد سند جدید برای طراحی سایت در فتوشاپ • توضیحاتی در مورد رزولیشن و پیکسل • نحوه نمایش یک آبجکت قالب در انواع رزولیشن • نحوه نمایش سایت طراحی شده در فتوشاپ در اندازه واقعی • آموزش کلید ها میان بُر ترکیبی در طراحی با فتوشاپ • معرفی خط کش فتوشاپ و نحوه استفاده از آن • معرفی خطوط راهنما و نحوه استفاده از آن ها در طراحی سایت با فتوشاپ • کپی گرفتن از لایه ها در فتوشاپ • معرفی ابزار رسم Shape فتوشاپ • معرفی ابزار Type فتوشاپ • توضیحاتی در مورد رنگ ها در طراحی سایت • معرفی وب سایت هایی برای انتخاب رنگ مناسب طراحی سایت • معرفی کتابی در زمینه روانشناسی رنگ ها در طراحی ها • طراحی وایرفریم (WireFrame) اولیه بر روی کاغذ • طراحی وایرفریم روی کاغذ با استفاده از نرم افزار طراحی • شروع طراحی هدر سایت در فتوشاپ • انتخاب رنگ مناسب و المان های مورد در طراحی هدر • انتخاب فونت مناسب برای طراحی سایت در فتوشاپ • طراحی منوی اصلی در هدر سایت • طراحی بخش ارتباط با ما در قالب سایت • طراحی لوگو و تعیین موقعیت آن در هدر سایت • طراحی بنر تبلیغاتی و قرار دادن در هدر سایت • طراحی منوی دسته بندی در هدر سایت
• طراحی قسمت جستجو در قالب سایت با فتوشاپ • طراحی اسلایدر صفحه اصلی قالب سایت • طراحی حالت هاور اسلایدر • طراحی محتوای صفحه اصلی سایت • قرار دادن عکس شاخص برای مطلب • تعیین عنوان مطلب • تعیین خلاصه مطلب • طراحی پارامتر تاریخ انتشار مطلب • طراحی بخش دسته بندی مطلب • طراحی تعداد بازدید های مطلب • طراحی تعداد نظرات مطلب • طراحی دکمه ادامه مطلب • طراحی شمارنده صفحات در پایین قالب • طراحی ستون کناری صفحه اصلی • طراحی بخش شبکه های اجتماعی در قالب • طراحی بخش پنل کاربری جهت ورود به سایت • طراحی بخش پربازدید ترین مطالب • طراحی بخش آخرین مطالب • طراحی بخش عضویت در خبرنامه • طراحی فوتر سایت • طراحی منوی ثانویه در فوتر • طراحی مطالب پربازدید در فوتر • طراحی بخش ابر برچسب ها در فوتر • طراحی فرم ارسال پیام در فوتر • طراحی کپی رایت در فوتر • توضیحاتی در مورد طراحی صفحات داخلی • طراحی صفحه تماس با ما • طراحی صفحه درباره ما • معرفی نمونه کارهای بیشتر طراحان گرافیک وب سایت • معرفی سایت های مرجع جهت دانلود قالب و طرح • معرفی سایت های مرجع جهت دانلود آیکون • معرفی سایت های مرجع جهت دانلود عکس • نکاتی در رابطه با خروجی گرفتن از Swatches • طراحی رنگ های استفاده شده برای کد نویس سایت
اساتید دوره :
و بک اند نود جی اس
مدت زمان
270 ساعتتاریخ شروع
1403/08/07محل برگزاری
لابراتوار A
مدت زمان
60 ساعتتاریخ شروع
1403/07/06محل برگزاری
لابراتوار A مقدماتی تا پیشرفته
مدت زمان
45 ساعتتاریخ شروع
1403/07/20محل برگزاری
لابراتوار Cدرخواست مشاوره ثبت نام
درصورت نیاز به مشاوره برای ثبت نام فرم درخواست زیر را تکمیل فرمایید.