Как сделать потрясающий визуальный бренд своими руками для всех ваших онлайн-платформ (Фотошоп не требуется)

Создание идентичности бренда — это не только визуальные эффекты, но безупречная графика может добавить слой полировки, который кричит вашей аудитории «профессионально».

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

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

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

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

Обзор стратегии бренда

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

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

Основа вашего бренда — это то, кто вы есть, за что вы стоите и кому вы служите.

Чтобы лучше понять свой бренд, попробуйте ответить на следующие вопросы.

• Что вы делаете?
• Почему ты это делаешь?
• Кому ты служишь?
• Что им нужно?
• Что отличает вас?

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

Это может даже означать добавление некоторых вопросов в список:

• Что вы не делаете?
• Кому ты не служишь?

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

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

ДОПОЛНИТЕЛЬНАЯ ЛИТЕРАТУРА: Нужно усовершенствовать каждую часть вашего бренда? Ознакомьтесь с этим семиэтапным руководством по созданию бренда.

Создание визуальной айдентики бренда

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

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

Вот пример. Как вы думаете, кто сделал эту рекламу?

Или этот?

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

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

Один бренд, который делает это хорошо, — The Financial Diet. Вот несколько изображений с их страницы на Youtube, их веб-сайта и их магазина, которые явно являются частью одного и того же последовательного бренда. Как только их поклонники увидят изображение, они сразу поймут, что оно из TFD.

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

Принимая решение о том, что вы собираетесь использовать для своего бренда, обязательно запишите, что вы выбрали:

• Шрифты : какие вы будете использовать для заголовков? Какие из них вы будете использовать для основного текста? Используете ли вы какие-либо шрифты для выделения?
• Цвета: какие цвета подходят вашему бренду? Сколько цветов вы будете использовать? Выбирая их, не забудьте записать шестнадцатеричные коды для каждого из них, что-то вроде #5c6ac4. Именно так большинство веб-платформ убеждаются, что они используют именно тот цвет, который вам нужен.
• Выкройки: вы используете полоски? В горошек? Никогда не было шаблонов? Запишите это и сохраните любые примеры, которые вам нравятся.
• Обработка изображений: все ваши изображения черно-белые или вы предпочитаете яркие цвета? У вас всегда есть люди на ваших изображениях? Вы хотите использовать только иллюстрации?
• Варианты логотипа: как вы будете использовать свой логотип? У вас есть текстовый логотип, значок или и то, и другое?

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

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

Создать логотип

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

Будь проще

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

Самый простой способ сделать это — сделать ваш логотип простым.

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

Просто ваш друг.

Создать варианты

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

Вот пример из Walmart. Они используют квадратную иконку на фотографии своего профиля в Facebook, но у них также есть прямоугольный словесный знак, который для согласованности включает иконку, которую они используют в других местах.

Учитывайте контекст

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

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

Как создать свой логотип

Здесь вы, вероятно, начинаете нервничать, думая, что это многое нужно запомнить — и разве не было обещано, что вам не нужно знать Photoshop, чтобы сделать все это?

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

Hatchful — это приложение для iOS и Android, которое избавляет вас от догадок при разработке логотипа. Он был создан с учетом всего этого, и с вашим небольшим вкладом он поможет вам выбрать лучший шаблон логотипа из сотен доступных.

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

ДОПОЛНИТЕЛЬНАЯ ЛИТЕРАТУРА: вот пять других генераторов логотипов, которые могут помочь вам создать логотип (плюс дополнительные советы о том, как сделать отличный логотип).

Брендирование ваших платформ

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

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

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

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

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

Но почему бы не использовать инструменты, которые справятся со всем этим знанием размера изображения за вас?

Hatchful создаст для вас фирменные изображения в социальных сетях для Youtube, Facebook, Instagram и т. д., и вы сможете скачать их прямо из приложения. Ваши изображения будут отформатированы и подогнаны под каждую платформу.

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

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

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

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

Брендирование вашего сайта или магазина

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

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

ДОПОЛНИТЕЛЬНАЯ ЛИТЕРАТУРА: Вот всесторонний взгляд на то, как вы можете зарабатывать деньги на Youtube. Предупреждение о спойлере: некоторые из способов предполагают наличие собственного веб-сайта за пределами сайта потокового видео.

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

• Тема
• Картинки
• Шрифты
• Логотипы
• Цвета
• Тема

Тема

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

И нет, мы не говорим о съемке стен в стиле Property-Brothers. Вот почему вам нужно тщательно выбирать тему, чтобы убедиться, что цифровые стены — то есть макет ваших страниц — близки к тому, что вы хотите с первого дня.

Если вы создаете магазин Shopify, начните с Theme Store. Вы можете сортировать темы по тому, что вы хотите построить, по цене и т. д.

ДОПОЛНИТЕЛЬНОЕ ЧТЕНИЕ : Нужна помощь в выборе темы? Вот все, что вам нужно знать, чтобы выбрать идеальную тему для вашего проекта.

Картинки

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

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

НУЖНЫ ИЗОБРАЖЕНИЯ? Взрыв может помочь. Это коллекция бесплатных стоковых изображений, которые вы можете использовать для своего проекта или своего магазина.

Шрифты

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

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

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

Логотипы

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

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

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

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

Цвета

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

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

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

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

Чтобы сделать логотип и как можно скорее заклеймить все свои платформы социальных сетей, лучше всего подойдет Hatchful. Получите приложение для iOS или Android прямо сейчас, и вы уже на пути к полностью брендированному (или ребрендинговому) присутствию в Интернете — Photoshop не требуется.

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

Какой бы ни была причина, по которой вы обновляете свой брендинг, вы готовы к работе.