Создание простого логотипа для посадочной страницы за 15 минут
автор: Павел Станкевич
дата публикации: 17 мая 2023 г.
последнее обновление: 17 мая 2023 г.
Здравствуйте Люди!


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


Начинаем!

Каким должен быть логотип

Логотип нужен для того, чтобы:

  • Отличаться от конкурентов
  • Сказать клиенту чем вы занимаетесь
  • Запомниться клиенту, в тч адрес сайта


Технические требования к логотипу:

  • Лого легко читается
  • Лого символизирует то, чем вы занимаетесь
  • В лого присутствует кратное описание вашей деятельности
  • Лого прямоугольной формы
  • Лого высотой не менее 70 пикселей от первого до последнего пикселя
  • В лого не используется более 3-х цветов
  • Лого ссылка на главную страницу сайта
Пометка для учеников
Ваш логотип на сайте будет расположен в шапке высотой 70px. Сам логотип будет высотой 50px плюс по 10 пикселей сверху и снизу.

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

Как сделать логотип своими руками

Шаг 1. Выбор доменного имени

Первое что вы должны сделать-выбрать доменное имя. О том как это сделать читайте в статье "Выбор доменного имени для сайта".


Шаг 2. Выбор шрифта

После покупки домена можно выбирать шрифт, которым вы напишите адрес вашего сайта в лого. У меня это будет shtukaturka-sten.by

Для подбора бесплатного шрифта воспользуйтесь сервисом Google Fonts или выберите шрифт прямо в конструкторе сайтов Тильда перейдя: Настройки сайта > Шрифты и цвета > Искать в шрифтах.
Настройки сайта > Шрифты и цвета > Искать в шрифтах
Вы можете вписать выбранное вами доменное имя в поле вверху страницы. Также, вы можете выбрать только определённые стили шрифтов, например только без засечек.
Выбор шрифта в конструкторе сайтов Тильда.
Выбор шрифта в Google Fonts
После того как вы Впишите в это поле своё доменное имя оно появится написанное во всех доступных шрифтах. Вам останется выбрать наиболее подходящий. Рекомендую выбирать строгие шрифты.
Шаг 3. Подбор изображения для логотипа.

Надо Написать в сервисе Яндекс Картинки запрос связанный с вашей деятельностью, в моём случае:

  • "штукатур рисунок"
  • "шпатель рисунок"
  • "штукатурка рисунок"
  • штукатур иконка
  • инструменты иконка
  • инструменты рисунок

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

Видео: как сделать лого своими руками

В этом видео я регистрируюсь в конструкторе сайтов Тильда и делаю Логотип

Примеры простых лого сделанных мной

Простоые логогтипы сделанные мной

Как сделать логотип с помощью нейросети

Начнем с варианта для ленивых. Вы можете воспользоваться нейросетью, которая генерирует логотипы. Вот её адрес: https://brandmark.io/


Шаг 1. Переходим на главную страницу https://brandmark.io/ и нажимаем "Create my logo", что означает "создать мой логотип".
Шаг 1. Нажмите на кнопку "Create my logo"
Шаг 2. Ввести наименование бренда и слоган.

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

Наименование: Shtukaturka-sten.by

Слоган: Штукатурные работы в Минске
Вводим название бренда и слоган.
Шаг 3. Ввести ключевые слова на английском.

Если возникают сложности - воспользуйтесь переводчиком и введите ключевые слова связанные в вашей деятельностью. От этого зависит какие иконки ИИ вставит в ваше лого.

В моём случае ключевые слова: plaster(штукатурка), wall(стена), tools(инструменты), spatula(шпатель), builder(строитель).
Вводим ключевые слова
Шаг 4. Выбор цветовой схемы.

На следующем шаге нам предлагают выбрать цветовую схему будущего логотипа. Я выбрал первую simple(простая). Также на выбор есть: vibrant(вибрирующая), organic(органическая), Hight contrast(высококонтрастная), dark(темная), pastel(пастельная).
Выбираем цветовую схему
В итоге нейросеть сгенерировала мне не менее 100 вариантов и это только то, что я просмотрел. В итоге мне понравились 6 и доработаю я один из них в видео ниже.
Понравившиеся мне логотипы

Видео: как сделать лого с помощью нейросети

Люди, в этом видео я показываю всё что описал выше на видео, приятного просмотра!
На всякий случай ещё раз поясню: вы делаете скриншот сгенерированного логотипа и обрезаете лишние края. Это и будет ваш логотип для сайта.

Итогом должна стать вот такая обрезанная по самые края картина шириной 473 х 85px.

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