خصوصیات تصویر اسلایدر سایت

تصویر اسلایدر سایت

ابتدا به تعریف اسلایدر سایت میپردازیم در واقع اسلایدر سایت عبارت است از ایجاد یک مکانیزم خاص توسط طراح سایت برای نمایش یک یا چند تصویر و یا بنر با استفاده از یکی از زبان های برنامه نویسی وب مثلا زبان php (برای سیستم های مدیریت محتوا مانند وردپرس و جوملا اسلایدر سایت را میتوان از طریق افزونه های اسلایدر از قبل طراحی شده نیز استفاده کرد) و اما تعریف تصویر و بنر اسلایدر سایت که یک فایل تصویر در فرمت های jpg , png و gif که توسط طراح بنر و یا گرافیست در فتوشاپ و یا سایر نرم افزارهای طراحی تصاویر تبلیغاتی انجام میشود.

نکات مهم در طراحی تصویر اسلایدر سایت

حجم تصاویر اسلایدر سایت

همانطور که در ابتدا گفته شد تصویر یا بنر اسلایدر یک فایل تصویر هست که میتواند یک تصویر عکاسی شده و یا یک بنر طراحی شده در فتوشاپ باشد . حجم تصاویر یکی از موارد مهم در بحث سئو و بهینه سازی سایت برای وبمستران هست . به همین منظور باید به حجم نهایی تصویری و یا بنری که برای اسلایدر سایت تهیه میکنید دقت لازم را داشته باشید . برای بهینه کردن تصویر اسلایدر سایت میتوانید در فتوشاپ از بخش save for web استفاده کنید و یا از سایت های آنلاین بهینه سازی حجم تصاویر مانند Tiny PNG

سایز تصاویر اسلایدر سایت

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

انتخاب موضوع مناسب

برای طراحی اسلایدر سایت یک موضوع و خدف خاص تعیین کنید . در بخش اسلایدر سایت بدلیل پویا بودن و تغییر تصاویر بر اساس زمان از قبل تعیین شده میتوان چندین تصویر استفاده کرد پس محدودیتی در تعداد نخواهید داشت(البته استفاده بیش از حد میتواند باعث کند شدن لود سایت شما شود) بطور اصولی استفاده از ۳ تا ۵ تصویر در اسلایدر پیشنهاد میشود که برای هر یک میتوان موضوع خاصی انتخاب کرد مثلا : فروش ویژه ، تخفیف ، اطلاع رسانی ، معرفی خدمات ، نمایش محصولات دسته بندی خاص و …

انتخاب رنگ مناسب

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

استفاده از تصاویر با کیفیت

یکی از مواردی که در طراحی بنر اسلایدر در موضوعات مختلف طراحی زیاد به کار گرفته میشود تصاویر هستند. اگر قصد استفاده از تصاویر را در بنر اسلایدر دارید سعی کنید از تصاویر با کیفیت و سایز متناسب با سایز بنری که میخواهید طراحی کنید( اندازه تصویری که میخواهید در بنر اسلایدر قرار دهید نباید کوچکتر از سایز بنر اسلایدر تان باشد ) استفاده کنید.

انتخاب متن مناسب

متن را بر اساس موضوع تصویر اسلایدر انتخاب کنید . از متن های زیاد و بصورت پاراگرافی استفاده نکنید این عمل باعث شلوغی در تصویر اسلایدر خواهد شد و ممکن است بیننده بدون توجه از اسلایدر سایت بگذرد. بهترین حالت نمایش و انتخاب متن برای اسلایدر سایت انتخاب یک عنوان با فونت بزرگ (اندازه عنوان باید با سایز اصلی بنر اسلایدر تناسب داشت باشد) و چند زیر عنوان (تعداد را برحسب نیاز انتخاب کنید) می باشد . در واقع متن ها باید مفید و کم باشند تا بیننده در کمترین زمان ممکن به موضوع بنر اسلایدر پی ببرد . توجه : از عنوان و متن های اغراق آمیز و نا متناسب با موضوع استفاده نکنید این کار ممکن هست ذهنیت بدی در بیننده نسبت به کسب و کار یا برند شما ایجاد کند.

استفاده از دکمه کال تو اکشن (cta)

دکمه کال تو اکشن یا CTA (Call To Action) بخش مهمی در همه بحث های طراحی بنر میباشد. استفاده از این دکمه در تصویر اسلایدر سایت سایت نیز پیشنهاد میشود مخصوصا در مواردی که موضوع طراحی اسلایدر برای فروش محصول و یا کمپین خاصی هست. دکمه کال تو اکشن در واقع به عنوان یک ابزار تحریک کننده برای مجبور کردن بیننده بنر به منظور کلیک و ورود به صفحه مورد نظر بکار میرود

مکان مناسب اسلایدر

اسلایدر معمولا در بالا سایت قرار میگیرید و زیر هدر سایت (در بعضی از نوع طراحی سایت ممکن است اسلایدر سایت به عنوان خود هدر سایت قرار بگیرد) ، بهترین مکان برای نمایش بهتر از نظر طراحان سایت در همین مکان هست و این به یک مورد استاندارد در طراحی سایت تبدیل شده هست

انتخاب صفحه فرود

تصویر یا بنر اسلایدر سایت معمولا بصورت لینک دار قرار میگیرند در انتخاب صفحه ای که بیننده با کلیک بر روی تصویر به آن هدایت میشود دقت کنید و تصویر اسلایدر سایت را بر اساس محتویات و موضوع همان صفحه طراحی کنید

سایز موبایل تصویر اسلایدر

یک سایت استاندارد از نظر ux و ui بصورتی هست که علاوه بر رعایت کدنویسی استاندارد و زیبایی بصری باید علاوه بر نمایش در دسکتاپ در موبایل نیز به خوبی قابل نمایش باشد . به همین دلیل اغلب برای تصاویر اسلایدر سایت از دو سایز نمایش در نسخه دسکتاپ و سایز نمایش در نسخه موبایل استفاده میشود . در هنگام طراحی تصویر اسلایدر بعد از طراحی نسخه اصلی یک سایز نیز برای نمایش در موبایل تهیه کنید(قابلیت تغییر سایز تصویر اسلایدر در نسخه موبایل توسط طراح سایت از قبل فراهم میشود)

جمع بندی

اسلایدر سایت را میتوان در دو بخش تعریف کرد بخش اول طراحی اسلایدر سایت توسط طراح سایت (طراحی مکانیزم اولیه اسلایدر از طریق کدنویسی) و بخش دوم طراحی اسلایدر سایت توسط گرافیست و طراح بنر(اطراحی تصویر مورد نیاز برای استفاده در اسلایدر) ۱۰ نکته مهم در طراحی و استفاده از اسلایدر سایت : حجم تصاویر اسلایدر سایت ، سایز تصاویر اسلایدر سایت ،  انتخاب موضوع مناسب ، انتخاب رنگ مناسب ، استفاده از تصاویر با کیفیت ، انتخاب متن مناسب ، استفاده از دکمه کال تو اکشن (cta) ، مکان مناسب اسلایدر ،  انتخاب صفحه فرود ، سایز موبایل تصویر اسلایدر

طراحی اسلایدر سایت خود را با ما تجربه کنید.