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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5- نسبت طلایی

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7- حجم کم

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

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

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

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

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

 

 

امتیاز بدهید post
نمایش بیشتر

امین قاسمی اسفهلان

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

نوشته های مشابه

اشتراک
Notify of
guest

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

0 نظرات
Inline Feedbacks
دیدن تمام نظرات
دکمه بازگشت به بالا

تماس با ما

پشتیبانی و مشاوره

برگشت به منوی تماس ها

پشتیبانی و مشاوره واتساپی

برگشت به منوی تماس ها

پشتیبانی و مشاوره تلگرامی

برگشت به منوی تماس ها

برگشت به منوی تماس ها

برگشت به منوی تماس ها

برگشت به منوی تماس ها