گرافیک سایت اولین برخورد مخاطب اینترنتی با نام تجاری و برند شما است. گرافیک سایت مشتری را به کند و کاو بیشتر در سایت و کسب و کار شما ترغیب میکند. گرافیک سایت مرتبط بهترین راهی است که میشود از گرافیک سایت استفاده کرد. گرافیک سایت به طور خاص، با هنر گرافیک تفاوت دارد. گرافیک سایت جزیی از برنامه ریزی طراحی سایت است و دلیل اصلی بیشتر تفاوتها با سایتهای مشابه و رقیب به حساب میاید .
اگر شما هم طراح وب باشید، مطمئناً وقتی به سراغ طراحی سایت جدیدی می روید مهمترین نکته برایتان جذاب بودن آن طرح است. برای کاربر مهم نیست شما از چه برنامه یا برنامه هایی استفاده کردهاید، برای او فقط جذابیت و زیبا بودن سایت مهم است. اینکه کاربر احساس خوبی موقع کار کردن با سایت داشته باشد وظیفه شما است و تفاوت طراحان وب در اینجا معلوم میشود. برای اینکه بدانید این کار چندان هم ساده نیست کافی است بدانید برای جذب کردن کاربر به دیزاین سایت در نخستین ورودش، شما فقط 2.6 ثانیه فرصت دارید!
تعیین کنید که در طراحی سایت از چه رنگ هایی استفاده شود
بعد از طراحی طرح اولیه، و توافق طراحی سایت و مشتری بر سر چیدمان عناصر مختلف وب سایت در صفحات مختلف، بهتر است بر اساس نوع کاربری وب سایت در دست طراحی، رنگ بندی مورد نظر را تعیین کنید. در این زمینه شاید جالب باشد به تاثیر روان شناسی رنگ ها نیز توجه داشته باشید:
آبی: آرامش، مسئولیت، غمگینی، افسردگی
قرمز: شور، عشق ، خشم
نارنجی: انرژی ، خوشحالی، زنده دلی
خردلی یا بژ:محافظه کار ، با تقوا ، خسته کننده
زرد:شادی، امید، فریب
سبز:شروع جدید، فراوانی، طبیعت
بنفش: خلاقیت، سلطنتی، ثروت
مشکی:راز، ظرافت ، وقار، شرارت
قهوه ای:طبیعت، سالم و بیخطر، اعتماد و اطمینان
توسی: مودی ، محافظه کار، رعایت آدارب و رسوم و تشریفات
سفید: پاکی ، تمیزی، تقوا
کرم یا عاجی: آرام، ظریف و با وقار، خلوص
هارمونی بین اجزا
اولین نکته ای که باید در یک گرافیک سایت خوب رعایت کرد، یکپارچگی تصاویر و گرافیک سایت است. سایت به عنوان یک کل از واحد، باید شکل و شمایل یک دست و منسجمی داشته باشد. در گرافیک چاپی ممکن است که تصاویر دو صفحه از یک کاتالوگ یا نشریه متفاوت باشد. اما در گرافیک سایت بایستی تمام صفحات سایت را به یک شکل و رنگ طراحی کرد یا طرحهای مشابه را به کار برد تا بازدید کننده، هنگام بازدید، با دیدن گرافیک سایت دچار سردرگمی نشود.
انسجام و ترکیب بندی تصاویر به علاوه انتخاب رنگ صحیح برای کل سایت، در گرافیک سایت رعایت میشود. گرافیک سایت کمک میکند که سایت به عنوان یک موجود واحد با اجزای به هم پیوسته دیده شوند.
طیف رنگی مناسب انتخاب کنید
انتخاب رنگ نقشی اساسی در هر طراحی ایفا می کند. شما برای طیف رنگی سایت حداقل ۲ رنگ و یا حداکثر ۵ رنگ باید در سایت استفاده کنید که آن ها با هم همخوانی و سازگاری داشته باشند.
انتخاب طیف رنگی مناسب می تواند در دید کاربران سایت و برندسازی شما نقش عمده ای داشته باشد.
شما می تونید برای رعایت این اصل مهم از یک طراح بخواهید برای شما یک طراحی گرافیکی آماده کنه و پس از نهایی کردن اون طرح شروع به طراحی سایت کنید.
کمپرس کردن و فشرده سازی تصاویر
یکی دیگر از نکات مهم در طراحی گرافیک سایت ، کم حجم کردن تصاویر مورد استفاده است. توجه داشته باشید یک طراح صفحات وب عکس های طراحی شده را تا حد ممکن و تا جایی که کیفیت آن دچار اشکال نشود کم حجم می کند. نکته مهم دیگر این است که تصاویر یک وبسایت معمولا در سایزهای کوچک مورد استفاده قرار میگیرند و بالا بردن بیش از حد تصاویر فقط و فقط باعث زیاد شدن حجم صفحه و مشکل کاربران در لودینگ صفحات می شود.
گرافیک و رابط کاربری وب سایت
طراحی سایت چیزی فراتر از خلق گرافیک زیبا و چشمگیر است. یک سایت موفق در عین سادگی میتواند به سرعت با کاربران و مشتریان تازه و قدیمی ارتباط برقرار کند.
از مهمترین عناصر مورد توجه برای کاربران، نحوه طراحی، شکل ظاهری، رنگهای مورد استفاده و همچنین محتوای سایت است. به این موضوع دقت کنید که اولین چیزی که کاربران بعد از ورود به سایت شما خواهند دید، محتوای آن نخواهد بود
بلکه برای بسیاری از بازدیدکنندگان وب سایت مهم این است که در نگاه اول جذب سایت شوند طراحی سایت شما می بایست زیبا و مدن بوده و همچنین صفحه بندی وب سایت شما باید به گونه ای با طراوت و تازه باشد که حرکت در آن بسیار ساده و روان انجام شود
از دیگر گزینه های طراحی سایت جذاب و زیبا سازگاری آن با تمامی مرورگرها (Firefox ,IE ,Mozilla ,Netscape ,Safari ,Chrome ,Opera) می باشد.
توجه داشته باشید که طراحی گرافیک خوب برای هر وب سایت علاوه بر زیبایی، رعایت استانداردهای معماری اطلاعات را نیز شامل می شود.
از فونت هایی استفاده شود که قابل به کارگیری باشند
طراح گرافیکی سایت توجه داشته باشد در نوشته هایی که در طراحی PSD به کار میبرد، حتی المقدور از فونت هایی استفاده کند که میتوان در نسخه ی پیاده سازی شده به کار گرفت. چرا که در غیر این صورت ممکن است مشتری در پایان کار حسابی شوکه شود!
مثلا اگر از فونت خاصی می خواهید استفاده کنید، ببینید که آیا هنگام کد کردن و استفاده از css، میتوان از فونت مورد نظر استفاده کرد یا اینکه به دلیل اینکه بسیاری از کاربران فونت مورد نظر را ندارند، امکان استفاده از فونت مورد نظر میسر نیست.
اختصاصی سازی تصاویر
بهتر است برای سایت خود، تصاویر را اختصاصی کنید برای این کار میتوانید کارهای زیر را انجام دهید:
- روی تصاویر یک واتر مارک بندازید. البته این کار باید طوری باشد که زیبایی و اصل کار را از بین نبرد. مثلا با رنگ سفید و کمی شفافیت داشته باشد و فونت ساده ای داشته و ابعاد آن کوچک باشد
- در تصاویر یک قسمت متحرک باشد. مثلا یک متن با انیمیشن لایت مثلا fade ظاهر شود. یا یک متن تایپ شود. یا نوری روی تصویر حرکت کند مثل برق زدن و یا موارد مشابه
- ابعاد تصاویر برای تمام نوشته ها یا محصولات یا تصاویر شاخص مقالات حتما یکسان باشد. این موضوع به نظم و زیبایی و حتی عملکرد برخی بخشهای سایت کمک میکند مثلا در یک اسلایدر اتوماتیک از عکس یا تصویر شاخص مقالات، اگر ابعاد آنها متفاوت باشد محتوای صفحه که زیر اسلایدر است با تغییر تصاویر بالا پایین میشود
ترکیب بندی و تناسب در سایت
در چیدمان رعایت ترکیب بندی امری ضروری می باشد.
شما می توانید در طراحی گرافیکی یک سایت از فضای خالی به بهترین نحو استفاده کنید.
گاهی اوقات می توانید با طراحی المان های خلاقانه فضای خالی قسمتی را که نا برابری ایجاد کرده پر کنید حتی ممکن است برای بهتر شدن ، آن فضا ها همانطور سفید باقی بمانند این بستگی به طرح شما دارد.
نیازی نیست صحفه ی خود را شلوغ کنید که بیننده در آن نتواند بخش مورد نظر خود را پیدا کند ، یک طرح ساده به طوری که چشم ببینده در آن بچرخد و فقط یکجا ثابت نماند کافی است.
ترکیب عکس و نوشته یکی از نکات مهم ترکیب بندی است به طرزی آن ها را ترکیب کنید که تعادل و هم وزنی را در کل سایت احساس کنید.
اصول طراحی قالب سایت
با نگاهی گذرا به سایتهای مختلف متوجه خواهید شد که بعضی از آنها کاربر را به راحتی جذب می کنند و کاربر در برقراری ارتباط با بخشهای مختلف سایت هیچ مشکلی نداشته و حس خوبی در گشت و گذار در این گونه سایتها دارد. اگر می خواهید چنین قالبی را برای سایت خود طراحی کنید به نکات زیر توجه کنید:
- سادگی- مهم ترین اصل در تمام کارها در زندگی رعایت سادگی می باشد. همیشه سادگی جذابیت را در کنار خود داشته و همین باعث شده است تا طراحان سایت از این ویژگی مهم غافل نشده و به آن توجه ویژه ای داشته باشند.
- طراحی فلت- استفاده از طراحی فلت برای سایتها در چند سال اخیر بطور چشمگیری رو به رشد می باشد. ما قبلا طراحی فلت را در این سایت (ظریف گرافیک) توضیح داده ایم. خواندن این مطلب به شما کمک زیادی خواهد کرد.
- رنگبندی- استفاده از رنگ مناسب برای سایت تاثیر بسیار زیادی در جذب و ایجاد حس خوب و رضایت در کاربر خواهد داشت. رنگبندی در طراحی سایت باید بگونه ای باشد که باعث خستگی چشم بیننده نشود. برای انتخاب رنگ سایت ابتدا باید زمینه ی فعالیت و شرایط سنی و روحی افرادی که با این سایت در ارتباط هستند را درنظر گرفته و متناسب با آن رنگبندی جذاب و خوبی را انتخاب کنید. بهتر است رنگهای اصلی را کنار بگذارید و از رنگهای ترکیبی و جذاب استفاده کنید. منابع زیادی وجود دارند که رنگهای ترکیبی را معرفی می کنند. برای مثال سایت colorlovers و یا colorschemeDesigner. ما قبلا در مورد رنگ و تاثیر آن در تبلیغات در این سایت نکاتی را گفتیم و بهتر است نگاهی به آن بیندازید.