Как создать логотип для сайта – пошаговое руководство от А до Я

Для чего необходим логотип?

Профессионально выполненный логотип может разрушить бизнес или поднять его на другой уровень, он — сердце узнаваемости компании. В ряде случаев плохо выполненный логотип может являться разницей между систематическим привлечением клиентов и полным их отсутствием.

Различают три основных типа логотипов:

  • Текстовый. Суть бренда, сайта или компании выражена с помощью некого текста, шрифта и цвета, в котором используется название бренда;
  • Знаковый. Зачастую выражен определённым абстрактным графическим элементом, аббревиатурой или одной заглавной буквой;
  • Комбинированный. Данный тип логотипа является самым распространённым, универсальным и запоминающимся. Представляет собой комбинацию текста, символа или знака.

Каждый логотип должен соответствовать следующим базовым требованиям:

  • Креативность и оригинальность. Уникальный знак будет являться визитной карточкой вашего сайта;
  • Ассоциативность. Если логотип отражает тематику вашей деятельности, это будет являться большим плюсом;
  • Лаконичность. «Всё гениальное — просто». Сложные для восприятия фигуры запоминаются гораздо труднее.

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

Самостоятельная генерация идеи логотипа

Ответ на вопрос «как разработать логотип?» в первую очередь предполагает создание концепции и содержания финального продукта: адрес сайта, картинка, слоган, символ и т. д. Также, необходимо выбрать подходящее изображение для примера или основы и определиться с характеристиками.

Чаще всего размер логотипа не слишком большой — 250 пикселей в ширину и 100 в высоту, однако если вы желаете использовать другой размер — всё в ваших руках. Можно нарисовать логотип самостоятельно, купить готовый вариант в интернете или заказать у дизайнера.

Важно, чтобы основа для логотипа не была «засвечена» на просторах всемирной сети:

  • Добиваться реалистичности брендовой символики совершенно необязательно: абстрактные элементы в ряде случаев выглядят дороже и эффектней;
  • Если у вас возникли сложности с идеей, никто не запрещает заглянуть на сайты конкурентов и проанализировать успешность их символики;
  • В интернете существует множество бесплатных сервисов для шаблонной разработки логотипа, однако, об этом чуть позже.

Программы для самостоятельного создания логотипа

Если создание простого логотипа из шаблона вас по какой-то причине не устраивает, стоит задуматься о более профессиональном подходе к делу.

Для этого понадобится готовый, утверждённый в качестве основы или примера рисунок и графический редактор:

  • Adobe Photoshop. Данное средство для создания и обработки растровой графики является лидером среди подобных программ за счёт высокой скорости работы, эффективности и широких возможностей и мульти функциональности. Реализована возможность работы с контурами и слоями;
  • Adobe Illustrator. Достаточно популярная программа для редактирования и создания векторной графики. Все желающие могут скачать демонстрационную версию с официального сайта и бесплатно пользоваться ей на протяжении 30 дней;
  • CorelDRAW. Популярный программный пакет для работы с векторной графикой, поддерживающий огромное количество всевозможных форматов и обладающий богатыми функциональными возможностями.

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

Создание логотипа в Adobe Photoshop

Рассмотрим создание простого логотипа для веб-сайта в программе Adobe Photoshop по шагам. Наш логотип может менять цвет в зависимости от фона, а в том случае, если возникнет необходимость что-либо изменить или доработать, обязательно сохраните копию конечного файла в формате .psd:

  1. Откройте Photoshop и создайте новый документ с разрешением 250 пикселей на 100 пикселей. Содержимое фона — прозрачное:
    Photoshop
  2. Создайте новый слой и инструментом «заливка» закрасьте его белым цветом. Зажав на линейке левую клавишу мыши, поставьте горизонтальные направляющие в 15 пикселях от низа и верха и вертикальные направляющие в 20 пикселях от левой и правой стороны рисунка:
    новый слой
  3. Необходимо получить круг, размером 70 на 70 пикселей:
    • Кликните по цвету, и в настройках укажите код #2d2d2d;
    • Выберите инструмент с названием «эллипс»;
    • Нарисуйте круг, поставив для точности ещё одну направляющую.

    получить круг

  4. Нарисуйте в круге букву F c помощью шрифта Avant Quelombre, который предварительно придётся скачать и установить.

    Эффект логотипа достигается как раз благодаря удачно выбранному шрифту:

    Эффект логотипа

  5. Напишите слово «Famous» (используется лишь в качестве примера) с помощью цвета #2d2d2d и следующих характеристик:
    «Famous»
  6. Напишите слово «website» цветом #767676 и c параметрами, изображенными на рисунке:
    цветом #767676
  7. Удалите белый фон, сохраните картинку и сам проект.Итогом простейших действий с использованием только текста и круга стал данный логотип:
    логотип

Результат работы — мультифункциональное изображение, которое, благодаря использованию всего двух цветов, можно разместить на любом фоне. К тому же, буква F будет превосходно смотреться в качестве фавикона сайта.

Интернет-сервисы для создания логотипа

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

Как сделать логотип для сайта в таком случае?

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

Три способа создать логотип бесплатно

Сейчас я рассмотрю три самых простых способа создать логотип самостоятельно бесплатно, не тратя на это ни копейки.

  1. Первый способ – это онлайн сервис для рисования логотипов (“генератор” или “конструктор” логотипов) типа Logaster
  2. Второй способ – специальная программа для создания логотипов типа AAA LOGO.
  3. Третий – самому нарисовать логотип в редакторе вроде Photoshop.

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

Создать логотип онлайн бесплатно в генераторе Logaster

Заходим на сайт Logaster.

Регистрируемся и пишем название компании или фирмы для логотипа. Сразу же видим, как это выглядит и подбираем разные варианты из кучи готовых шаблонов (фактически генерируем бесплатный логотип онлайн).

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

Вот автотематика, вот спорт, вот дом и дача и т.п. Удобно и быстро.

Единственный минус, что разработанный именно бесплатный логотип получается ну совсем мелким. Что-то около 200х100 px. Для многих сайтов маловат будет.

Да еще разработчики сервиса туда умудряются пихнуть свой водяной знак, который там ну совсем не нужен и который придется убирать в редакторе.

Как убрать водяной знак Logaster с бесплатного логотипа (видео)

Но все равно, если откинуть эти минусы и потратить пару минут на “дошлифовку” можно нарисовать логотип самостоятельно онлайн реально бесплатно и за несколько минут.

Вот примеры бесплатных лого, которые я разработал с помощью данного конструктора-генератора:

e1308b3a4c1800b5b85fe295af152b47e1308b3a4c1800b5b85fe295af152b47
ecostallecostall
latexlatex
udachiudachi
velesveles
viplodkaviplodka
vozduxvozdux

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

Цены там вполне демократичные, уж точно дешевле, чем нанимать фрилансера на бирже и делать весь фирменный стиль под ключ.

Dizkon

Участники

  • Всего участников: 24
  • Кандидатов: 7
  • Забаненных: 0

Статистика по конкурсу

  • Сегодня опубликовано 0 работ и 0 комментариев

 Конкурс окончен 01.06.2013

Конкурс длился с 20.05.2013 до 01.06.2013

Победитель будет объявлен в понедельник, 03.06.2013

Что такое логотип и для чего он нужен?

Будь вы серьёзной промышленной компанией или начинающим блогером, вы, как и продукты вашей деятельности (промышленной или творческой соответственно) должны быть идентифицированы. Наилучшим решением данной задачи служит логотип.

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

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

1. Символьные. В их основе лежит некий графический символ, который имеет уникальное прочтение, т.е. это необязательно должен быть очевидный образ, он может быть и абстрактным (конечно, несущим в то же время определённый смысл).

Символьные логотипы

2. Текстовые. В них нет графики — только типографика, отсюда и прямая связь с наименованием. Надпись выполняется в обыкновенном или чаще оригинальном начертании, с использованием одного или набора определённых цветов.

Текстовые логотипы

3. Комбинированные. Как понятно из названия, в данных логотипах совмещаются и графика, и текст. Такое представление считается наиболее выигрышным, так как сочетает в себе преимущества обоих вариантов.

Комбинированные логотипы

4. В виде эмблем. В отличие от предыдущего способа, где текст и графический символ как бы оторваны друг от друга, в логотипе-эмблеме они являются частью одного целого (хотя в круглых лого не всегда бывает так).

Логотипы с эмблемой

Давайте дальнейшее углубление по теме самостоятельного создания логотипа компании мы продолжим на конкретном примере.

Алгоритм создания собственного логотипа

Предположим, что у нас есть небольшой бизнес по продаже смартфонов и нам необходимо реализовать логотип 3-го вида (символ + текст), чтобы повысить узнаваемость, начать рекламировать магазин в медиа пространстве и т.д.

Шаг 1. Анализ

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

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

Шаг 2. Определение задач

Решите, какие задачи должен решить логотип, что вы хотите в нём отразить, какие особенности вашей деятельности он будет показывать собой (прямо или образно)… В нашем текущем примере, мы хотим показать, что наш магазин торгует только продвинутыми устройствами, качество которых не вызывает сомнения.

Шаг 3. Набросок

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

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

Создание наброска логотипа

Введение

Меня зовут Дмитрий Борков, я занимаюсь графическим и веб-дизайном. Мои основные направления — это разработка дизайна сайтов, логотипов и полиграфической продукции.

  • Введение1
  • Как происходит весь процесс разработки?2
  • Ложное заблуждение о логотипе3
  • Смысловое ядро или путь изнутри наружу4
  • Создание смыслового ядра5
    • Логотип — это я и моё дело5.1
    • Логотип — это “лучший Я”5.2
    • Кристаллизуем идею в образ5.3
  • Выбор логотипа на фотостоке6
    • Немного о фотостоках6.1
    • Правильные ключевики — залог успеха6.2
    • Выбор во многом определяет результат6.3
  • Заключение7

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

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

Эти статьи будет полезно прочитать не только тем, кто хочет научиться самостоятельно разрабатывать и создавать логотипы, но и тем, кто хочет понять, как подойти к разработке своего логотипа на практике, а не в теории.

Если вы НЕ дизайнер и вам нужен логотип, то можете обратиться за помощью в его разработке ко мне. Найти меня можно ВКонтакте: vk.com/dborkov82

этапы разработки лого

Как происходит весь процесс разработки?

Сам дизайн-процесс состоит из следующих этапов:

  1. Разработка смыслового ядра логотипа (этот этап мы сегодня рассмотрим).
  2. Рождение главного образа.
  3. Типографика или экскурсия в шрифты.
  4. Цвет — как эмоциональная заправка.
  5. Форма и полировка финального впечатления.

В этой статье я хочу рассказать вам о том, что такое логотип, с чего начинается и как происходит разработка его смыслового ядра.

Когда ядро разработано, вы можете пойти несколькими путями, выбрать готовый логотип на фотостоке или заказать у дизайнера. Любой из предложенных вариантов позволит получить качественное лого для ваших проектов. Возможен и третий вариант — самостоятельная разработка, но только в том случае, если графический дизайн — ваше второе «Я».

В первую очередь нам нужно понять, что же такое логотип, и каким целям он служит.

Ложное заблуждение о логотипе

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

Такое явление можно встретить даже в сфере профессионалов в области дизайна, вне профессиональной сферы картина аналогичная. В то время именно логотип — это самая первая часть фирменного стиля, которую видит потенциальный клиент и начинает формировать доверие.

Интересно почему такое происходит?

Ответ, как всегда, прост и лежит на поверхности. Традиционное определение логотипа в действительности ложно, поскольку не раскрывает полного смысла и звучит оно примерно так: это уникальный, узнаваемый, запоминающийся знак и так далее. Весь список этих параметров я приводить не буду, их можно найти в интернете, но в них мало пользы. Можно найти много запоминающихся, узнаваемых знаков, но далеко не каждый из них вы захотите поместить на свою визитку!

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

Смысловое ядро или путь изнутри наружу

Почему логотип нужно выбирать по смысловым, а не только вкусовым предпочтениям?

Потому что любая картинка, образ будут вызывать у зрителя целый ассоциативный ряд, и он будет додумывать его сам и ассоциировать с вашей компанией, и делать это по большей части неосознанно. Мы все знаем, что словами можно рассказать ни о чём. Написать ручкой на бумаге — уже немного сложнее, а нарисовать картинку ни о чём – совершенно невозможно, потому что картинка — это конкретный материальный образ.

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

Зритель воспримет эту информацию бессознательно, если только он не профессионал в области дизайна. Он не сможет разобраться во всех смыслах и задумках, которые я хотел вложить в логотип, понять почему именно этот образ я выбрал. Поэтому отсюда и такое правило — образ, который я транслирую, должен быть максимально точным, упрощённым, очищенным от всяких излишеств, и только тогда он будет понятен большинству на сознательном и подсознательном уровне. Логотип — это не просто красивая картинка, это смысл, кристаллизованный в форму.

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

  1. Создание смыслового ядра.
  2. Выбор логотипа на фотостоке.

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

Создание смыслового ядра

Логотип — это я и моё дело

Итак, сначала правильно определим что же такое логотип.
Логотип — это фирменный знак, который отвечает на три простых вопроса:

  • Кто я?
  • Какой я?
  • Чем я занимаюсь?

В первую очередь, вам нужно ответить на эти 3 вопроса применительно к своей нише, и чтобы вам было легче посмотреть на собственную деятельность под таким новым углом, давайте разберём эти вопросы на примере.

как придумать лого для компании

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

Логотип — это “лучший Я”

Отвечая на вопрос «Какой я?», нужно пойти другим путём и ответить, какими качествами должен обладать я, чтобы преуспеть в моём деле? Представьте, что вы видите себя из будущего, который достиг самой высокой цели в том деле, которым вы занимаетесь, и представьте, какими качествами этот “лучший вы” обладаете? Этих качеств может быть много, выпишите не менее 7 тех, которые придут в голову.

Выберите самое ключевое качество и забудьте всё второстепенное, логотип — это, на самом деле, маленький значок, и там нет места для второстепенных понятий:)

Тогда мы получаем следующие ответы:

  • Я художник — столяр, работающий с деревом.
  • Я создаю атмосферу, в которой приятно быть.
  • Я светлый, добрый, радостный.

Создание фирменного стиля для сайта

Кристаллизуем идею в образ

После написания аналогичных 3-ёх пунктов по вашей нише (а я надеюсь, в процессе прочтения вы отвечаете на эти вопросы на листке бумаги), я уверен, что у вас начинают формироваться определённые образы, это только начало, и далее мы поможем этим образам вырасти в целое дерево идей.

Теперь вам нужно выписать какие ассоциации, образы вызывает каждый из этих пунктов, напишите 7-10 примеров к каждому пункту.

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

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

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

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

Итак, если вы проделали описанные этапы, теперь у вас есть понимание того, каким должен быть ваш логотип, и мы можем двигаться дальше.

Выбор логотипа на фотостоке

Немного о фотостоках

Этот раздел я специально назвал таким образом, поскольку сами рисовать логотип мы не будем, если только графический дизайнер не ваше второе «Я». Если вы не профессионал в этой области, нам нужно произвести серьёзное впечатление на потенциальных клиентов, а не просто их повеселить, поэтому нужно доверить этот процесс профессионалу. В этой статье я не буду говорить о работе с дизайнерами, про это будет отдельная статья, а сейчас мы поговорим о работе с фотостоками.

Существует несколько больших фотостоков, таких как:

  • shutterstock.com
  • ru.fotolia.com
  • istockphoto.com

Мы воспользуемся любым из них, но сначала нам нужны ключевые слова для поиска.

Правильные ключевики — залог успеха

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

Если Википедия не поможет нам перевести таким образом, воспользуемся другими сервисами перевода от того же Google, например.

Полученное таким образом ключевое слово можно смело вставлять в поисковую строку фотостока, добавив к нему слово logo.

После этого из поисковой выборки мы смотрим какие из представляемых работ соответствуют нашему смысловому ядру и нашим критериям. Я рекомендую отобрать 10-20 логотипов и сохранить их в отдельную папку, обратите внимание, что логотип должен быть отмечен на фотостоке как векторная иллюстрация, которую вы сможете подредактировать.

Источники

  • http://www.internet-technologies.ru/articles/kak-sozdat-logotip-dlya-sayta-poshagovoe-rukovodstvo-ot-a-do-ya.html
  • https://moytop.com/sozdanie-sayta/7-1/sozdat-logotip-besplatno
  • http://www.Dizkon.ru/contests/12286/conditions
  • https://www.fl.ru/projects/1555207/emblema-dlya-blagotvoritelnogo-fonda.html
  • http://design-mania.ru/web-design/logos/poshagovoe-sozdanie/
  • https://iklife.ru/dlya-novichka/sozdanie-logotipa/kak-razrabotat-logotip.html

[свернуть]
Помогла статья? Оцените её
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд
Загрузка...