DMCA.com Protection Status Protected by Copyscape
نکات مهم در طراحی گرافیک و عکسهای یک وب سایتReviewed by مدیر اسفهلان on Apr 9Rating:

تقریبا ۶۰ % ظاهر و زیبایی سایت و ۵۰ % سرعت و بهینه بودن سایت، با تصاویر استفاده شده در ارتباط مستقیم است!

در این مقاله نکاتی گفته شده که با رعایت آنها میتوانید زیبایی و سرعت و سئوی سایت را بهتر کنید

در تولید عکسهای سایت به موارد زیر حتما دقت کنید:

۱- کپی بودن تصاویر سایت

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

برای پرهیز از این مورد، حتما تصاویر مورد نیازتان را از سایتی غیر از گوگل دانلود کنید

و یا حتما تغییراتی در تصویر ایجاد کنید و آن را برای سایت خود اختصاصی کنید

۲- اختصاصی سازی تصاویر

بهتر است برای سایت خود، تصاویر را اختصاصی کنید برای این کار میتوانید کارهای زیر را انجام دهید:

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

۳- خلاقیت در طراحی تصاویر

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

برای خلاقیت بیشتر در طراحی، روشهایی را که در ادامه توضیح داده شده را بخوانید.

۴- تصاویر مینیمال

از تصاویر مینیمال بیشتر استفاده کنید. تصاویر مینیمال معمولا در یک تم یا زمنیه یا چهارچوب خاصی استفاده میکنند که در آن یک سوژه یا موضوع خاص دیده میشود.

با یک جستجوی ساده در گوگل میتوانید کلی نمونه تصویر مینیمال ببینید و یا تکنیکهای عکاسی مینیمال را بیشتر بشناسید.

۵- نسبت طلایی

از ریاضیات در عکس استفاده کنید!

شاید برخی از شما اولین بار است این موضوع را میخوانید و یا شنیده اید و به آن زیاد دقت نکرده اید!

نسبت طلایی در موارد زیر زیاد استفاده میشود که باعث میشود مغز انسان تصویر را دوست داشته باشد:

  • در طراحی لوگو
  • در نسبت طول به عرض در یک مستطیل
  • در نسبت فاصله یک شی در کادر تصویر از سمت چپ و سمت راست
  • در نسبت دو زاویه
  • در نسبت شعاع دو دایره
  • در نسبت اندازه دو مربع

۵-۱ – اهمیت نسبت طلایی در طراحی لوگو

این موضوع در طراحی لوگوی بسیاری از شرکتها و برندهای بزرگ دنیا رعایت شده. مانند:

  • لوگوی گوگل
  • لوگوی اپل
  • لوگوی تویتر
  • لوگوی کوکا کولا
  • و بسیاری از موارد دیگر ..

هنرمندان بزرگی مثل داوینچی از نسبت طلایی و تاثیر آن در زیبایی کاملا آگاه بودند!

۶- تکنیک فضای منفی یا Negative Space

در این تکنیک با ترکیب دو رنگ تیره و روشن و استفاده از فضای بین المانها، المانهای دیگری را نشان میدهند.

با مشاهده تصاویر زیر به این موضوع بیشتر پی میبرید!

۷- حجم کم

در طراحی تصاویر یک سایت باید دقت شود که حجم تصاویر تا حد امکان کم باشد.

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

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

روشهای مهم کاهش حجم تصاویر:

  • استفاده از فرمت Jpeg برای تصاویر
  • استفاده از فرمت png برای تصاویر که پشت زمینه ندارند و زمینه تک رنگ دارند
  • استفاده از فرمت gif برای تصاویر متحرک و تنظیمات مربوط به وب و کاهش فریم ها و ..
  • طراحی بنرهای برداری یا وکتور (معمولا با نرم افزارهایی مثل Adobe Illustrator یا CorelDraw)
  • ابعاد و رزولوشن مناسب در حد نیاز برای خروجی گرفتن از فتوشاپ
  • فشرده سازی تصاویر سایت قبل از استفاده با کمک tinypng.com (مدتی است گوگل برای ایران فیلتر کرده)

 

 

نکات مهم در طراحی گرافیک و عکسهای یک وب سایت
به این صفحه امتیاز دهید!