что это такое, как его сделать и вставить на сайт
Положительная репутация в поисковых системах без помех от недоброжелателей возможна с Семантикой!
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!
Логотип для сайта – это эмблема, уникальное изображение, по которому сайт отличают от других.
Фактически, это картинка, с которой будут ассоциировать вашу компанию (это в идеале, если все сделано правильно). Например, у Nike логотип «правильный», потому что узнаваемый.
Вебсайты разрабатывают, как представительство бизнеса в интернете, поэтому логотип на сайте – это логотип организации, часть ее фирменного стиля.
Для чего брендам нужен логотип
У этого знака есть несколько брендинговых и маркетинговых функций:
- Узнаваемость, отстройка на фоне конкурентов.
- Защита торговых знаков и марок от подделки, копирования. Важно зарегистрировать и оформить все необходимые патенты на всех рынках, на которых планируете работать. Если этого не сделать, может обойтись очень дорого.
- Реклама, формирование лояльности и доверия к бренду. Качественный логотип отработает любые средства, вложенные в его создание.
Какие бывают логотипы
В целом, описание того, что такое логотип сайта, затрагивает, в первую очередь, основы дизайна и брендинга. Мы не будем слишком углубляться в маркетинг и креатив, отметим лишь, что профессиональное мнение в разработке не помешает. Есть одно негласное правило: пусть лучше не оставит никакого впечатления, чем оставит плохое.
Это атрибут, способный рассказать много об имидже, владельце, бизнесе.
Да, айдентика должна запоминаться. Но будет лучше, если вы придумаете интересный слоган, будете креативить в рамках отдельных кампаний по продвижению. А к логотипу отнесетесь, как к базовой имиджевой составляющей.
Общие требования к логотипу
- Не используйте несочетаемые цвета и не комбинируйте больше двух-трех.
- Избегайте шрифта с нечитабельным начертанием слов. Выглядеть будет, возможно, оригинально, но прочесть никто не сможет, название не запомнит.
- Изучите конкурентов. Даже если вам очень нравится вариант, но у них похожие уже есть – откажитесь. Это не столько вопрос оригинальности, сколько финансовых потерь. Например, вы будете проводить активные рекламные кампании, а поток клиентов попадет не к вам, потому что не сумели сделать четкое позиционирование.
- Не мельчите. Ни с буквами, ни с графикой. Помимо размещения логотипа на сайте, вы будете использовать его в других форматах, например, на визитках. Мелкие детали просто сольются в одно пятно.
- Чтобы прикинуть, как будет смотреться на вебсайте, уменьшите стороны примерно до 50 пикселей. Теоретически, разместить в шапке можно и больший, но практически, это часто нецелесообразно, поскольку занимает полезную площадь другого контента.
Множество мировых брендов, ориентированных на молодую аудиторию, в фирменной атрибутике использует классические приемы дизайна. А нестандартные подходы оставляет на коммуникацию с аудиторией и рекламу.
В зависимости от изображенных элементов, делятся на:
- Графические. В основе картинка, иконка, значок, фигура
- Трехмерный. Он трансформировался из предыдущего, отличается иллюзией объема. Для примера, шарик компании Xerox.
- Текстовые. Как понятно из названия, это символы. Чаще всего, название фирмы, аббревиатура. Делать длинные не принято по причине неудобства использования. Если слов несколько – это слоган. Он может быть написан рядом и выглядеть как единая конструкция, но он не входит в лого.
- Комбинированные – объединяют в себе изображение и надпись.
- Эмблемы. Самый технически сложный и трудоемкий вариант, для которого характерны простая геометрическая форма и при этом сложная композиция.
- Некоторые отдельно выделяют геральдический стиль с изображением флагов, гербов, символов геральдики.Логотип Peugeot.
Как сделать логотип для сайта
- Обратиться к дизайнеру. Не поленитесь разместить заказ на сайтах фрилансеров, отправить в несколько студий и потом сравнить цены. Время, потраченное на поиски, окупится, поскольку разница будет существенной. Не всегда дороже – значит лучше.
- Разработать самостоятельно. Если у вас есть навыки работы с графическими программами, такими как Photoshop, InDesign, чувство вкуса, богатое воображение и много свободного времени.
- Третий вариант: найти вебсайты, помогающие создать логотип онлайн. Работают они по принципу генерации и комбинирования различных параметров. Можно получить результат по своему вкусу, меняя настройки фона, цветов, градиентной заливки, шрифтов. Рекомендуют такие: Creatr.cc, Turbologo.ru, Logaster.ru
- Четвертый, воспользоваться специальным профессиональным ПО именно для разработки логотипов. Free Card Maker, Logo Design Studio, AAA Logo, GIMP, Banner Maker Pro.
Технические требования к логотипам на сайтах
- Размещается вверху страниц, чаще всего в хэдере (шапке).
- Лучше использовать картинку с прозрачным фоном (допустимо с любым). Оптимально выбирать svg – векторный формат. Поскольку растровый (популярный jpg) при масштабировании теряет качество отображения.
- Если никак нельзя избежать размещения слогана вместе с логотипом, оформляем его текстом либо в векторе. Буквы в растре нечеткие, а при малейшем изменении размера станут нечитабельными.
- Само изображение нужно положить в корневую папку на сервере, название должно быть logo, чтобы было легко искать.
- На внутренних страницах сайта используют как элемент навигации. По умолчанию принято и интуитивно используется многими интернет-пользователями, при клике возвращает на титульную страницу.
- Соблюден принцип адаптивности. О нем расскажем ниже.
Как вставить логотип на сайт
Для начала учтем, что вебсайт будет отображаться на экранах с разным размером и разрешением. Для этого готовят адаптивную верстку, то есть такую, которая автоматически подстроится под размеры. Будет правильно и пропорционально, если логотип тоже масштабируется.
Для этого готовят изображения разного размера, и прописывают соответствующий код для каждого:
<div></div>
А также стили css, назначая показывать нужный размер в зависимости от разрешения устройства, которое к нему обратилось.
Для логотипа, как и для любой картинки, полезно прописать атрибуты alt и текст всплывающей подсказки title.
- После оценки влияния фирменного стиля на успешность бизнеса очевидна роль логотипа для сайта, что это не просто элемент декора. Это рабочий инструмент для повышения узнаваемости, лояльности.
- Отнеситесь к разработке фирменного стиля, как к лицу вашей компании. Не обязательно делать дорого, важно сделать аккуратно и презентабельно.
- Нужно учесть три компонента и поработать над каждым: форма, посыл, цвет.
- Протестируйте варианты логотипа на других людях, представителях ЦА, получите обратную связь от коллег и клиентов. Лучше на начальном этапе внести корректировки, чем впоследствии проводить ребрендинг.
semantica.in
Как получить белый логотип на прозрачном фоне? | Блог о создании лого и дизайне
Иногда, по различным причинам, вам необходимо получить ваш логотип в белом цвете. Например, для печати на футболках, кружках либо для водяных знаков на фотографиях.
В этой статье мы расскажем вам, как этого добиться.
Шаг 1. Создаем копию необходимого логотипа для того, чтоб у вас была возможность его редактировать.
Шаг 2. В режиме редактирования заходим в настройки цвета и делаем все элементы логотипа белыми.
Подробнее о редактировании цвета и других элементов дизайна можно прочитать здесь
Шаг 3. Проверяем отсутствие теней и градиента.
Если вы правильно отредактируете иконку и шрифт, у вас получится абсолютно белый логотип, которого даже не видно на белом фоне. Кликаем “Далее”.
Шаг 4. Ваше лого готово. Сохраняем его, кликнув на “Сохранить”.
Шаг 5. Напишите в службу поддержки и мы добавим вам одно бесплатное скачивание, затем активируйте лого кликнув “Активировать логотип”.
Шаг 6. Скачиваем логотип, кликнув на кнопку «Скачать».
Скорее всего вам необходим логотип в формате png с прозрачным фоном, поэтому выбираем его. Также лого можно скачать в других форматах — jpeg, svg, pdf.
Аналогичным способом возможно создать логотип любого другого цвета.
Статьи по теме:
www.logaster.ru
Как сделать логотип на миллион, если ты не дизайнер
Что делать, если хочется сделать для своего проекта классный логотип, а денег на это нет? Последние десять лет я занимался дизайном, поэтому всегда мог сделать лого для своих проектов самостоятельно.
А как можно сделать классный логотип, если ты не дизайнер?
Большинство обращается к племяннику дальнего родственника, который вроде как умеет пользоваться Фотошопом или просто хорошо рисует. Но я советую взять этот вопрос в свои руки, и, пускай это ваш первый и, возможно, последний логотип, он станет в один ряд с Сони и Фейсбуком! Вы с гордостью поставите его на сайт, и в интернете никто не догадается, что вы кот не дизайнер.
Вот два простых правила, которые я придумал. Они помогут вам самостоятельно сделать логотип на миллион:
1. Начните свой путь к успеху со шрифтового логотипа
2. Сделайте акцент на фирменном стиле, особенно на сочетании цветов
Пойдем по порядку. Что такое шрифтовой логотип? Это значит, что в лого используется только шрифтовая часть, без эмблемы или символа. Как у Гугла:
Почему именно шрифтовой лого? А как же значок? Как-то небогато выглядит, меня не засмеют? Может добавить какую-нибудь закорючку?
Без паники! Использовать шрифтовой лого — это как надеть рубашку и пиджак на деловую встречу. Можно, конечно, попробовать подобрать свитер к джинсам или прийти в поло и мокасинах, но нужно иметь безупречный вкус, иначе будешь выглядеть как клоун. Так же и с лого — если под рукой нет профессионального дизайнера айдентики, лучше не пытаться прыгнуть выше головы. Просто посмотрите на этих вполне себе серьезных ребят — они все используют логотипы на основе одного и того же шрифта, Гельветики:
Может такое могут позволить себе только крупные компании, которые и так все знают? Я так не думаю — на мой взгляд, в логотипе главное качественная графика и общее впечатление. Например, у Джипа и Люфтганзы есть эмблемы, но и шрифтовая версия логотипа выглядит солидно. Я искренне в это верю и сам использовал такой подход на старте своего проекта. Вот с такого логотипа мы начинали и он никак не помешал нам получить первые заказы:
Как подобрать подходящий шрифт? Можно зайти на wordmark.it и написать в поле название вашего проекта — сайт покажет его всеми шрифтами, которые есть на компьютере. Если этого недостаточно, на fontfabric.com есть много бесплатных гарнитур, в том числе и с поддержкой кириллицы. Чем плохи бесплатные шрифты? Ничем, используйте на здоровье.
Какой шрифт лучше выбрать? Тут я тоже советую придерживаться правила «скромность украшает». Посмотрите на все варианты и постарайтесь почувствовать, какой из них лучше всего передает дух и стиль вашего проекта. Не смотрите в сторону необычных акцидентных шрифтов — они выделяются на фоне остальных, но чаще всего выглядят неуместно, как перья с карнавала в Рио на утренней пробежке.
Удержитесь от соблазна написать название проекта ПРОПИСНЫМИ. На первый взгляд, такое написание выглядит аккуратнее строчных, как устойчивый прямоугольник. Но на деле прописные воспринимаются хуже. Если вы все-таки хотите использовать только заглавные, увеличьте межбуквенные расстояния — это повысит читабельность вашего лого, особенно в маленьком формате.
Вторым важным пунктом для дизайна любого проекта я назвал фирменный стиль. Что это такое и как он поможет вашему проекту стать заметным и узнаваемым, я расскажу в следующий раз. Скажу только — логотип, это не главное и сам по себе он мало что даст. Что бы ни говорили маркетологи, формулы успешного логотипа, который одним своим видом приведет толпу клиентов, пока не придумали.
Я описал простой подход, который поможет сделать солидный и аккуратный логотип и избежать пошлятины. Конечно, чтобы сделать качественный шрифтовой лого, тоже нужен дизайнер, но на старте проекта можно обойтись и без него — потом можно будет и поиграть шрифтами, и придумать эмблему. А если вам покажется, что шрифтовой лого, это как-то небогато и пацаны с района не поймут, посмотрите на логотип компании Аксенчер, которая инвестирует в свой фирменный стиль миллионы долларов:
Удачного дизайна вашим проектам!
Источник: habrahabr.ru
infogra.ru
Как сделать логотип на миллион, если ты не дизайнер
Что делать, если хочется сделать для своего проекта классный логотип, а денег на это нет? Последние десять лет я занимался дизайном, поэтому всегда мог сделать лого для своих проектов самостоятельно. А как можно сделать классный логотип, если ты не дизайнер?Большинство обращается к племяннику дальнего родственника, который вроде как умеет пользоваться Фотошопом или просто хорошо рисует. Но я советую взять этот вопрос в свои руки, и, пускай это ваш первый и, возможно, последний логотип, он станет в один ряд с Сони и Фейсбуком! Вы с гордостью поставите его на сайт, и в интернете никто не догадается, что вы
Вот два простых правила, которые я придумал. Они помогут вам самостоятельно сделать логотип на миллион:
1. Начните свой путь к успеху со шрифтового логотипа
2. Сделайте акцент на фирменном стиле, особенно на сочетании цветов
Пойдем по порядку. Что такое шрифтовой логотип? Это значит, что в лого используется только шрифтовая часть, без эмблемы или символа. Как у Гугла:
Почему именно шрифтовой лого? А как же значок? Как-то небогато выглядит, меня не засмеют? Может добавить какую-нибудь закорючку?
Без паники! Использовать шрифтовой лого — это как надеть рубашку и пиджак на деловую встречу. Можно, конечно, попробовать подобрать свитер к джинсам или прийти в поло и мокасинах, но нужно иметь безупречный вкус, иначе будешь выглядеть как клоун. Так же и с лого — если под рукой нет профессионального дизайнера айдентики, лучше не пытаться прыгнуть выше головы. Просто посмотрите на этих вполне себе серьезных ребят — они все используют логотипы на основе одного и того же шрифта, Гельветики:
Может такое могут позволить себе только крупные компании, которые и так все знают? Я так не думаю — на мой взгляд, в логотипе главное качественная графика и общее впечатление. Например, у Джипа и Люфтганзы есть эмблемы, но и шрифтовая версия логотипа выглядит солидно. Я искренне в это верю и сам использовал такой подход на старте своего проекта. Вот с такого логотипа мы начинали и он никак не помешал нам получить первые заказы:
Как подобрать подходящий шрифт? Можно зайти на wordmark.it и написать в поле название вашего проекта — сайт покажет его всеми шрифтами, которые есть на компьютере. Если этого недостаточно, на fontfabric.com есть много бесплатных гарнитур, в том числе и с поддержкой кириллицы. Чем плохи бесплатные шрифты? Ничем, используйте на здоровье.
Какой шрифт лучше выбрать? Тут я тоже советую придерживаться правила «скромность украшает». Посмотрите на все варианты и постарайтесь почувствовать, какой из них лучше всего передает дух и стиль вашего проекта. Не смотрите в сторону необычных акцидентных шрифтов — они выделяются на фоне остальных, но чаще всего выглядят неуместно, как перья с карнавала в Рио на утренней пробежке.
Удержитесь от соблазна написать название проекта ПРОПИСНЫМИ. На первый взгляд, такое написание выглядит аккуратнее строчных, как устойчивый прямоугольник. Но на деле прописные воспринимаются хуже. Если вы все-таки хотите использовать только заглавные, увеличьте межбуквенные расстояния — это повысит читабельность вашего лого, особенно в маленьком формате.
Вторым важным пунктом для дизайна любого проекта я назвал фирменный стиль. Что это такое и как он поможет вашему проекту стать заметным и узнаваемым, я расскажу в следующий раз. Скажу только — логотип, это не главное и сам по себе он мало что даст. Что бы ни говорили маркетологи, формулы успешного логотипа, который одним своим видом приведет толпу клиентов, пока не придумали.
Я описал простой подход, который поможет сделать солидный и аккуратный логотип и избежать пошлятины. Конечно, чтобы сделать качественный шрифтовой лого, тоже нужен дизайнер, но на старте проекта можно обойтись и без него — потом можно будет и поиграть шрифтами, и придумать эмблему. А если вам покажется, что шрифтовой лого, это как-то небогато и пацаны с района не поймут, посмотрите на логотип компании Аксенчер, которая инвестирует в свой фирменный стиль миллионы долларов:
Удачного дизайна вашим проектам и не забывайте подписаться на Логомашину — впереди много интересного!
habr.com