Оставить заявку

Мы оперативно свяжемся с Вами

Использование графики при создании сайтов

Разработка сайтов (подробнее о разработке сайте см. статью «Разработка сайта как комплекс мероприятий») предполагает использование графики, исключения можно буквально пересчитать по пальцам. Графика на любом веб ресурсе выполняет несколько функций.

  • А. Самая главная – это придание сайту внешней привлекательности. Ведь правило: «Встречают по одежке» никто не отменял. Как показывают многочисленные исследования, посетитель оценивает сайт в первые несколько секунд пребывания на нем: нравится – не нравится (тех же нескольких секунд достаточно, чтобы возникла взаимная симпатия при знакомстве между мужчиной и женщиной). Внешняя привлекательность – понятие довольно эфемерное и не поддающееся точному определению. К тому же, она очень зависит от моды и наклонностей конкретного посетителя. Но несколько общих правил все же дать можно.

  • В процессе разработки сайта обязательно нужно учитывать сочетание цветов. Существуют правила и даже программы, которые помогают правильно подбирать цвета, чтобы их сочетание было органичным, приятным для восприятия, а не аляпистым, отталкивающим.

    Дизайн сайта (а графика ? это неотъемлемая и самая важная его часть) должен быть по возможности лаконичен. Во-первых, это сейчас так модно. Во-вторых, лаконичный дизайн помогает, а не отвлекает человека от главного – восприятия информации, имеющейся на сайте. И, наконец, в-третьих: загроможденный излишней графикой сайт получается «тяжелым», и поэтому долго грузится со всеми вытекающими отсюда последствиями: потерей части посетителей, которые так и не смогли зайти на него из-за низкой скорости соединения. Это же касается и индексации его страниц поисковыми системами. Их роботы не будут бесконечно долго ждать, чтобы попасть на сайт. Не получилось? Ждите следующего раза! (Подробнее о дизайне интернет ресурса см. статью «Дизайн сайта»)

  • Б. Обеспечение удобства навигации при помощи графики. Другими словами, графика помогает улучшить юзабилити сайта (подробнее о. этом см. статью «Юзабилити сайта: что это такое и на что оно влияет»). Большие заметные кнопки типа «Оплатить», «Здесь», «Купить», «Регистрация» и т.д. помогают посетителю ориентироваться внутри сайта и совершать нужные действия. Естественно, это благотворно сказывается на количестве посетителей на веб ресурс и их поведении на нем. Они дольше находятся на сайте, больший процент делает покупки и т.д.

  • Расскажем теперь о нескольких общих правилах по размещению графики на интернет ресурсе. Разработка сайта на их основе положительным образом скажется на его качестве.

  • Обязательно в тэге использовать параметр alt, благодаря которому на месте картинки появляется ее текстовое описание, если она по каким-либо причинам не загрузилась на сайт. А при загруженной картинке текст появляется при наведении на нее курсора. Это помогает посетителю ориентироваться на сайте.

    Не использовать изображения для передачи текстовой информации! Может, иногда такой прием эстетически привлекателен, но поисковые системы не индексируют графику, а значит все ключевые слова, которые были переданы при помощи изображения, не помогают поднять рейтинг сайта со всеми вытекающими последствиями. Кстати, очень полезно использовать в параметре alt ключевые слова, которые будут проиндексированы.

    Графика, вообще говоря, бывает двух видов: растворная и векторная. Каждая из них имеет свои достоинства и недостатки. Поэтому надо знать, когда и какую применять на сайте. Для удобства наши рекомендации на этот счет мы свели в таблицу.

    Формат Вид графики Использование
    GIF Растровая Для создания изображения элементов навигации, аватаров и других изображений с небольшим весом, а также анимированных изображений
    JPEG Растровая В фотографиях и многоцветных изображениях. Самый популярный формат
    PNG Растровая Для создания изображений, которые должны соблюдать прозрачность – фоновые картинки и т.д.
    SWF Растровая В видео роликах и многоцветных иллюстрациях.

Наши клиенты

Мы работаем с крупнейшими лидерами рынка

Наши проекты

Мы берем на себя ответственность за развитие вашего бизнеса.
Cоздаем продающие решения:

Мы берем на себя ответственность за развитие вашего бизнеса. Cоздаем продающие решения:

Оставить заявку

Мы готовы оперативно предоставить консультацию по всем вопросам

Имя
Телефон
E-mail