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

آموزش طراحی بنر تبلیغاتی وب سایت با ابعاد 300×966

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

آموزش طراحی بنر تبلیغاتی برای اسلاید شو فروشگاه

مقاله قبلی با عنوان "آموزش طراحی بنر تبلیغاتی وب سایت" در بخش آموزش قرار گرفته است که یکی از اسلاید شوهای فروشگاه آسارایان را برای شما طراحی کرده ام .در این مطلب میخواهم یک اسلاید شو ، هدر وب سایت یا بنر تبلیغاتی را مرحله به مرحله برای شما شبیه سازی کنم. این تصویر ممکن است در وب سایت شما بالای صفحه به عنوان یک هدر برای مدت محدود مورد استفاده قرار بگیرد یا بخواهید ابعاد آن را کوچکتر کرده و به عنوان تبلیغات از آن استفاده کنید . 

آموزش طراحی بنر تبلیغاتی وب سایت

یکی از کارهایی که خیلی خیلی علاقه مند هستم در زمانی که کار ندارم انجام دهم ، طراحی بنر برای وب سایت می باشد . طراحی بنرهای تبلیغاتی که باعث رشد فروش یک محصول می شود البته اگر استاندارهایی از قبیل هارمونی رنگ ، انتخاب تصویر مناسب ، چیدمان صحیح عناصر صفحه و موارد دیگر به صورت درست رعایت شود . امروز صبح یک بنر برای جدیدترین هدست گیمینگ ای فورتک با عنوان A4TECH bloody headset G501 USB طراحی کردم .
میخواهم روش درست کردن این بنر را با استفاده از فتوشاپ آموزش بدهم .

آموزش طراحی اسلاید شو برای وب سایت با فتوشاپ

15 آموزش-طراحی-اسلاید-شو-برای-وب-سایت-با-فتوشاپ

معمولا وب سایتهای پویا اولین مطالب منتشر شده در سایتشان را در قالب یک اسلایدر طراحی و بالای صفحه قرار میدهند . بعضی از وب سایتها نیز همانند فروشگاه آسارایان هر چند روز یکبار یک اسلایدر طراحی می کنند. منظور از اسلایدر تصاویر مستطیل شکلی می باشد که در قالب یک بنر یا هدر طراحی می شود .  برای انجام این تمرین ابتدا یک صفحه با ابعاد 300×600 ایجاد کرده و با ابزار Rectangular Marque Tool یک کادر مستطیل شکل میکشم . این ابعاد بسته به اندازه بالای وب سایت شما می تواند متغیر باشد . بعد از کشیدن کادر مورد نظر بر روی آن دابل کلیک کرده و تنظیمات گزینه Layer Style را تغییر میدهم .  شما می توانید با طراحی این اسلایدر برای طرح ها و محصولات یا هر چیزی که قرار است در وسط آن قرار بدهید رنگ آن را در مراحل بعدی تغییر داده و در جای دیگر استفاده کنید .  

طراحی یک آگهی تبلیغاتی شیک با فتوشاپ

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

آموزش طراحی بنر فلش مموری فروشگاه آسارایان

16 آموزش-طراحی-بنر-فلش-مموری-فروشگاه-آسارایان

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

آموزش طراحی بنر تبلت پرستیژو برای وب سایت

Header-Website-Prestigio-38

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

آموزش طراحی هدر Galaxy tab برای وب سایت

banner-galaxy tab samsung

چند وقتی هست که کاربران در خواست آموزش هدر برای وب سایت را از من درخواست کرده بودند که بدلیل کمبود وقت نتوانستم این آموزش را برای شما در این بخش قرار بدهم . امروز می خواهم اولین آموزش طراحی هدر برای یک وب سایت فروش کالاهای دیجیتال را آموزش بدهم .
ابعاد هدر انتخابی بسته به عرض وب سایت می تواند متغیر باشد . من ابعادی که برای این بخش در نظر گرفته ام 300×900 پیکسل می باشد . روش کار به این صورت هست که ابتدا رنگ پس زمینه را تغییر داده و بوسیله ابزار Brush یک هاله آبی رنگ بالای صفحه ایجاد می کنم سپس بوسیله ابزار براش چند هاله رنگی دیگر ایجاد کرده و سپس مد هر لایه را تغییر میدهم . در مرحله بعدی من یک تصویر موبایل از اینترنت دانلود و روی هدر در جای مشخص شده قرار میدهم سپس بوسیله ....

آموزش طراحی Header وب سایت در فتوشاپ

Header-Design-demo

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

مشترک این خوارک خبری شوید

آخرین مطالب آموزشی

«
  • 1
  • 2
  • 3
»
تک وب دیزاین-قالب فارسی جوملا