فتوشاپ در طراحی وب سایت
 
در دوره فوتوشاپ شما را با اصول کلی کار کردن با فوتوشاپ آشنا ميکنیم. فوتوشاپ نرم افزاری است که در اصل برای ویرایش تصویر ساخته شده است ولی به خاطر دارا بودن قابلیت های فراوان در حال حاضر به گزینه اول طراحان وب تبدیل شده است. این نرم افزار قابلیت های فراوانی دارد ولی ما تنها آن قابلیت هایی را آموزش خواهیم داد که یک طراح وب به آنها نیاز دارد.
 
نخست شما را با محیط کلی نرم افزار Photoshop آشنا می کنیم. پس از آن به شما آموزش می دهیم که چطور محیط برنامه را بر اساس نیاز خودتان و برای کار طراحی وب بهینه کرده و شخصی سازی کنید. سپس قابلیت های کلیدی فوتوشاپ را برای شما توضیح می دهیم. این قابلیت ها لزوما برای طراحی وب کاربرد ندارند و جزو قابلیت های پر استفاده و کلیدی فوتوشاپ محسوب می شوند و دانستن آنها برای هر کسی که قصد کار کردن با فوتوشاپ را دارد ضروریست.
 
سپس وارد مباحثی می شویم که به طور خاص برای طراحی وب کاربرد دارد. این قابلیت های ابزارهای اصلی ما در طراحی یک theme و ایجاد یک طرح استاندارد برای وب هستند. تمامی مثال هایی که زده می شود به همراه نمونه عملی ارائه می شود و شما در کنار یادگیری بر روی یک پروژه واقعی کار خواهید کرد. از آنجائیکه ما قصد داریم این طرح را به یک صفحه وب سایت تبدیل کنیم، مواردی را به شما گوشزد می کنیم که دانستن آنها کار را برای شما در حین کد کردن طرح به HTML و CSS بسیار آسان می کند.
 
در پایان دوره، شما یک طرح کامل را در محیط فوتوشاپ ایجاد کرده اید که در آن استانداردهای اصولی رعایت شده است و ظاهری زیبا و مطابق با متدهای روز طراحی دارد.
 
 
مواردی که به آن می پردازیم
- آشنایی کلی با محیط فوتوشاپ
- شخصی سازی محیط برنامه و باز کردن پنل های مورد نیاز برای طراحی
- بحث درباره سایز مناسب برای ایجاد صفحه وب و ایجاد preset های مناسب در صفحه ایجاد یک طرح جدید
- تنظیم فوتوشاپ برای حذف color profile ها برای جلوگیری از تغییر رنگ ها
- کار کردن با رنگ ها در فوتوشاپ و فرمت های مختلف تعیین رنگ در این نرم افزار
- توضیح عملکرد swatch های رنگ در فوتوشاپ وشیوه حذف و اضافه کردن swatch های جدید در برنامه
- شیوه اعمال رنگ به عناصر پیش زمینه و پس زمینه
- اصول کار کردن با ابزار های selection و همچین crop کردن تصویر در فوتوشاپ
- تنظیم رنگ تصاویر با levels و curve در نرم افزار
- بهینه سازی تصاویر برای کاهش حجم آنها و آماده سازی آنها برای نمایش در وب
- توضیح مفهوم لایه ها (layers) در فوتوشاپ و شیوه منظم کردن لایه های در فوتوشاپ
- توضیح مفهوم blending mode در لایه ها و موارد استفاده ی آن
- کار کردن با shape ها و object ها
- اضافه کردن pattern به طرح و ایجاد پترن از طرح دلخواه
- توضیح مفهوم grid در طراحی و شیوه ایجاد grid در برنامه و ایجاد wireframe در فوتوشاپ
- کار کردن با متن در فوتوشاپ و توضیح دادن قابلیت های جدید paragraph styles و character styles در فوتوشاپ
- توصیف قابلیت layer styles و استفاده از آن برای ایجاد افکت های جالب و پر استفاده در طراحی سایت
- ترفند هایی برای ساخت دکمه، ریبون و سایه برای آبجکت های موجود در صفحه
- شیوه صحیح image sprite با استفاده از فوتوشاپ
- توصیف قابلیت layer comps برای دسته بندی اجزای و نمایش آنها در قالب صفحات مختلف یک طرح
- رسیدن به یک طرح کامل در فوتوشاپ
 

مجموعه مقالات طراحی وب سایت

ابزار طراحی وب

سئو SEO

whatsapp