Логотип для сайта: как сделать правильно

Логотип для сайта... Вроде и банальность, но ответственный подход к его созданию и популяризации, способен свергать горы!

Перефразируя классиков, можно сказать, что правильный логотип - это больше половины всего дела! Поэтому нельзя вот просто так взять и игнорировать правильный/качественный/действенный логотип для своей компании/проекта/сайта...

Логоти́п (от др.-греч. λόγος — слово + τύπος — отпечаток) — оригинальное начертание полного или сокращённого наименования организации или товара. Логотип является словесной частью товарного знака. Википедия

Логотип – это уникальное изображение, служащее для создания запоминающегося образа и уникальности брэнда. Он есть у малых и крупных компаний, он встречается повсеместно на сайтах в интернете. Встретить сайт без логотипа - большая редкость.

Логотип играет немалую роль в формировании качественного интернет-ресурса. А сам качественный логотип увеличивает постоянную аудиторию сайта, увеличивает продажи и активность пользователей. Влияя психологически, логотип из года в год, поднимает уровень авторитета владельца, откладывая подсознательный образ в памяти клиента/потребителя/участника/посетителя. По этой причине, логотип очень редко меняется, ведь в популяризацию существующего вкладывается немалые время и средства.

Какие бывают логотипы и что нужно о них знать вебмастерам?

Виды и типы логотипов

Каждый логотип помимо того, что должен олицетворять компанию или проект, должен обладать психологическим влиянием, выглядеть простым, но нести скрытый смысл. Логотип очень редко меняется, поэтому при его создании нужно ориентироваться на целые поколения клиентов/потребителей/участников/посетителей, исходя из того, что он не должен устаревать!

Логотипы можно разбить на 3 группы, каждая из которых в той или иной мере используется на практике:

  • Символьные. Это надпись, выполненная оригинальным шрифтом;
  • Графические. Использование значков, картинки, геометрических фигур и узоров, предметы, животные, люди и т.д.;
  • Комбинированные. Сочетание изображений и символов (буквы, цифры);

Создание логотипа – процесс довольно сложный и ответственный. Он должен быть не только красивым и простым, но и информативным. Любой смысл логотипа возможно скомбинировать в рамках одной из указанных групп.

Как и где создать логотип?

  1. С помощью программ. Есть даже специализированная линейка софта: Logo DesignStudio, AAA Logo, The Logo Creator, GreenBox и т.д. Есть бесплатные и платные версии (больше подходят для веб-студий и художников, специализирующийся на создании логотипов), простые и со сложным функционалом.
  2. С помощью онлайн-сервисов. В интернете есть сервисы, специализирующиеся на создании логотипов, например, Cooltext.com, logaster.ru, Creatr.cc, Simwebsol.com, Logoservis.ru и т.д. Эти сервисы генерируют картинку по заданным параметрам: цвет, шрифт, фон, градиент, значки и т.д. Комбинируя многие параметры, можно добиться дешевой, но уникальной картинки.
  3. Услуги дизайнера. В сети полно дизайнеров или веб-студий, специализирующихся на создании логотипов, а вместе с ними и фирменного стиля. Их услуги не бесплатные, а стоимость зачастую выше чем создание самого сайта у некоторых веб-студий. Заказать логотипы подешевле можно на фриланс-биржах или у своих знакомых художников. Поговаривают, что легендарный логотип Nike обошелся компании всего в 35 долларов. Есть и начинающие дизайнеры, которые могут нарисовать вам логотип за "спасибо" или отзыв на форуме.

Требования к логотипам на сайтах

К логотипам на сайтах выдвигается ряд требований. Зачастую это неписанные правила, никем не регламентируемые, но тем не менее, зачастую выполняемые вебмастерами. Итак, как должен выглядеть логотип на сайте?

  • Зачастую это картинка с прозрачным фоном в формате png или gif (реже в векторном SVG или с не прозрачным фоном)
  • Логотип на сайтах обычно размещается в верхней части страницы, именуемой шапкой.
  • Размещается логотип зачастую в верхней левой части сайта/экрана
  • Картинка логотипа должна иметь атрибуты alt (указывается название компании) и title (род занятий и деятельность компании)
  • Картинка должна лежать в корне сайта и иметь название logo (например, logo.png)
  • Логотип должен быть уникальным и дублироваться (полностью или частично) в favicon (добавляет логотип сайта в адресную строку браузера). А правильно подключенный favicon выводит значек веб-сайта на разных устройствах.
  • Логотип всегда кликабельный и ведет на главную страницу сайта. В идеале, если на главной странице он не кликабельный.
  • В идеале, если логотип адаптивный - выглядит на разных устройствах пропорционально.

Как сделать логотип адаптивным?

С большим ростом мобильных устройств, сайты принято делать адаптивными (респонсивными), такая верстка используется для удобства посетителей сайта, которые могут просматривать сайт с разнообразных устройств с самыми разными разрешениями экранов. Адаптивный дизайн - адаптируется под разрешение экрана пользователя. Таким образом, целесообразно адаптировать и сам логотип.

Технически это сделать не сложно. Нужно запастись разными вариантами логотипов (большой, средний и маленький), подключить в месте вывода логотипа код:

<div id="logo"></div>

и подключать стили в CSS, вызывая вызов логотипов, согласно разрешениям у посетителей Вашего сайта:

@media only screen and (max-width: 1000px) {
#logo {
background: url("logo1.png")
}
}

@media only screen and (max-width: 600px) {
#logo {
background: url("logo2.png");
}
}

@media only screen and (max-width: 300px) {
#logo {
background: url("logo3.png");
}
}

Резюме

  1. Не игнорируйте создание уникального логотипа для своего сайта!
  2. Ваш логотип не должен никогда быть похожим на другие, быть креативным, нести скрытый посыл, легко запоминаться.
  3. Попросите веб-мастера выполнить все требования к размещению логотипов на сайтах.
  4. Пропагандируйте всегда один и тот же логотип.
Оцените материал:
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (5 голоса, рейтинг: 3,60 из 5)
Загрузка...

Вячеслав - типичный интернетчикВячеслав Скоблей (ака files) - типичный интернетчик. Скитаюсь интернетом, пишу на PHP, увлекаюсь созданием веб-сайтов на Wordpress, решаю многочисленные проблемы, которые до появления интернета не существовали...

Специализируюсь на безопасности сайтов: защищаю сайты от атак и взломов, занимаюсь лечением вирусов на сайтах и профилактикой...

Наверняка у Вас есть вопросы, просьбы или пожелания. Не стесняйтесь спросить, я отвечаю всегда быстро...

7 комментарий

  1. Александр says:

    А как вы думаете,можно ли комбинировать партнёрскую программу по регистрации доменов,создавая логотип в подарок клиенту купившему домен через мой сайт?
    И насколько это вообще адекватно?

  2. доброжелатель says:

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

    1. Вячеслав Скоблей says:

      Принял к сведению. Спасибо!

  3. доброжелатель says:

    Мля, начало статьи поправьте, пожалуйста. Какие, нах, горы, какой популяризации, какой половины дела, каких классиков (темку, что ли, лебедева?). Вы что творите с русским языком? Ну нельзя просто вот так взять и нахуярить водянистую статейку ((

    1. Вячеслав Скоблей says:

      Видимо с литературой на уроках было плохо :) (сайт все же другой направленности)

      1. доброжелатель says:

        Ну так выбросите найух шапку и пишите по теме, начало должно цеплять, а оно отталкивает

        1. Вячеслав Скоблей says:

          Ну вас же зацепило, и вижу очень хорошо! Так что с этим, кажись, все хорошо :)

Добавить комментарий

Ваш адрес email не будет опубликован.