Создание и разработка баннера для вашего бизнеса

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

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

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

Подумайте о размещении вашего баннера

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

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

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

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

 Выбирайте яркие и контрастные цвета

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

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

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

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

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

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

 Используйте крупный текст

 

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

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

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

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

Если бы вы увидели баннер издалека (возможно, проезжая мимо), маловероятно, что вы смогли бы прочитать какие-либо другие слова на баннере. Это может оставить вас в неведении относительно того, чем на самом деле занимаются Mostly Mutts.

 Выберите полужирный + читаемый шрифт

 

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

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

 

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

Вам просто нужно избегать шрифтов, используемых в баннере «Школьные Олимпийские игры». Хотя он напечатан довольно крупным/жирным шрифтом, сам шрифт очень непоследовательный и, вероятно, не очень хорошо читается на расстоянии.

 Держите текст простым

 

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

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

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

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

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

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

Включите соответствующую информацию

 

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

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

Если вы просто хотите повысить узнаваемость бренда с помощью своего баннера, вам может не понадобиться ничего, кроме названия вашей компании и/или логотипа. Хорошим примером такого рода баннеров является дизайн McDonalds. Вы можете видеть, что они не включили ничего, кроме своего логотипа, слогана и графического изображения своей культовой продукции (например, Биг Мак, картофель фри и напиток).

 

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

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

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

Всегда используйте призыв к действию

 

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

По сути, ваш призыв к действию побуждает зрителя предпринять определенные действия. Это может быть что-то такое же простое, как посещение вашего веб-сайта или звонок вам. Если вы посмотрите на баннер от Stamford Properties, возможно, вы уже сможете заметить призыв к действию.

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

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

Например, в приведенном баннере Nottingham Science Park URL-адрес веб-сайта в нижней части баннера фактически действует как призыв к действию. Хотя в баннере конкретно не говорится о том, что нужно посетить этот URL-адрес для получения дополнительной информации, это именно то, что подразумевает URL-адрес в современном мире, в котором мы живем. Точно так же включение номера телефона или адреса электронной почты будет означать, что вы должны предоставить позвоните или отправьте электронное письмо, чтобы узнать больше информации.

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

 Используйте высококачественную графику

 

Поскольку целью большинства баннеров из ПВХ является привлечение внимания (часто издалека), вам нужно сделать все возможное, чтобы привлечь внимание прохожих к вашему баннеру. Мы уже упоминали цвет, типографику и размер, но еще одна «уловка» заключается в том, чтобы включить высококачественную графику.

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

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

 

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

Вы можете увидеть хороший пример этого на баннере  от Drum Housing Association. Понятно, что целью баннера является продвижение их доступного жилья в аренду. Баннер играет на том факте, что многие люди, ищущие недорогой дом, будут парами. Поэтому слева от баннера использована качественная графика счастливой молодой пары. Это отражает идею о том, что компания может принести вам счастье (что трудно передать словами).

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

Используйте иерархию в своем дизайне

 

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

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

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

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

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

 Не забывайте о своем бренде

 

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

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

Вы должны стремиться к тому же с вашим баннером.

Как распечатать свой баннер

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

 Правильно настройте разрешение

 

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

В большинстве полиграфических компаний , чтобы полноразмерный баннер имел разрешение 150 точек на дюйм. Однако, если ваш баннер имеет длину несколько метров, может быть немного сложно работать с таким большим проектом в процессе проектирования. По этой причине мы рекомендуем проектировать и сохранять файл размером в четверть от его предполагаемого размера. Если вы сделаете это, вам нужно обязательно увеличить разрешение до 600 точек на дюйм (в четыре раза больше, чем разрешение полноразмерного баннера). Это также поможет сохранить как можно меньший размер файла, что часто полезно при отправке файла туда и обратно в типографию.

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

Используйте Adobe Illustrator, если это возможно

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

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

 Конвертировать в CMYK

 

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

Большинство популярных дизайнерских приложений (таких как Adobe Photoshop) по умолчанию настраивают ваш проект в RGB. Если вы не конвертируете в CMYK, вы можете получить неожиданный результат, когда получите свой баннер.

Если вы хотите узнать больше о различиях между печатью CMYK и RGB, ознакомьтесь с нашим руководством .

Вывод

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

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