Гайды

Как сделать визитку для бизнеса

Быстро собираем макет в онлайн-сервисах и готовим файл к печати
Как сделать визитку онлайн бесплатно

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

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

Особенности дизайна визитки

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

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

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

Дизайн визитки на фактурной бумаге
Визитка магазина парфюмерии напечатана на бумаге с текстурой. Источник
Дизайн визитки страховой компании
На обратной стороне визитки закрашенные буквы собираются в слово «страхование» — прием выглядит интересно и неизбито. Источник

Некоторые элементы дизайна уже давно можно встретить на обложках книг — тиснение, шелкографию, матовое покрытие и soft-touch. Так как визитки печатаются в меньшем тираже, эти «эффекты» обойдутся дороже. Но есть и плюс: можно выделиться среди конкурентов, пока эти приемы не стали применять массово.

Дизайн визитки из картона
Визитка сделана из переработанного картона, поверх которого нанесен рисунок — дизайн показывает заботу о природе. Источник: Behance
Дизайн визитки с тиснением
Название кофейни на этой визитке объемное, буквы «вдавлены» в карточку. Источник

Что разместить на визитке

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

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

УТП — уникальное торговое предложение. Чтобы визитка запомнилась, одного наименования услуг и логотипа зачастую мало. Дополнительно можно указать конкурентное преимущество или емкий слоган.

Дизайн визитки с УТП
Хочется заказать свечу у этого бренда, чтобы создать свою атмосферу. Источник

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

Дизайн визитки с QR-кодом
В QR-код можно вшить UTM-метку и отслеживать переходы с реальной карточки в виртуальную соцсеть. Источник

СТА — призыв к действию. На обратной стороне визитки можно разместить задание для клиента. Например, собрать 5 наклеек за заказы и получить 6 продукт бесплатно. Такая фишка стимулирует хранить визитку и чаще ей пользоваться.

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

Технические требования

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

У визитки должно быть по 2 мм отступов с каждой стороны — для аккуратного разрезания каждой карточки. Поэтому реальный размер макета будет 94 х 54 мм, а для редактора стоит выбрать минимум 1110 х 638 пикселей и 300 dpi — с учетом соотношения сторон и количества пикселей на дюйм.

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

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

Дизайн без учета безопасной зоны
Пример неудачного дизайна с точки зрения безопасной зоны — текст либо немного обрезается, либо расположен впритык к краям. Источник

Также при работе над визиткой стоит помнить, что цвета на печати не всегда в точности повторяют оттенки с экрана: палитра ограничена возможностями типографских красок. Поэтому при создании дизайна стоит максимально «сгладить» эту разницу — выбрать режим CMYK. В нем цвета на картинке будут показаны с учетом ограничений печати. Не во всех редакторах есть настройки режима, поэтому произвести конвертацию можно в отдельных сервисах: например, в PDF Editor Free.

Дизайн визитки с учетом CMYK
Градиент в дизайне этой визитки выставлен с учетом CMYK. Источник

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

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

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

Более точный вариант — создать новый файл и сразу добавить прямоугольник размером 1110 х 638 пикселей. Это одна будущая визитка.

Как создать макет визитки в Фигме

Внутри этой фигуры нужно создать рамку 1063 х 590 пикселей, чтобы при работе видеть отступы на разрез. Для этого используем тот же инструмент, но уберем у новой фигуры заливку цветом (Fill) и добавим обводку (Stroke). А затем расположим прямоугольник по центру предыдущего. 

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

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

В Figma можно выбрать любой шрифт, но для основного текста мы оставим простой Inter, а для акцентов подберем интересный вариант со свободной лицензией. Например, Soyuz Grotesk, Denistina, Yiggivoo Unicode или Cormorant. 

Я сделала простую визитку для тренера по йоге. Перекрасила цвет фона лицевой стороны и добавила градиент на обратную с помощью плагина Mesh Gradient. Выбрала простые шрифты. А для логотипа и рисованного изображения использовала шаблон Surface Pack.

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

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

Fotor

Сайт: fotor.com/ru/design/card-maker/business

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

В редакторе визиток можно выбрать шаблон без значка PRO — на панели слева. При клике отобразится две картинки — лицевая и обратная сторона будущей карточки. Затем нужно нажать «Применить эти шаблоны к холсту». 

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

Как выбрать шаблон в Fotor

Я выбрала шаблон и сделала по нему визитку — просто перекрасила готовые элементы и изменила текст на свой. Чтобы сохранить работу, нажала на кнопку «Загрузить» в правом верхнем углу и выбрала формат PNG.

Как скачать визитки в Фоторе
Финал визиток в Fotor
Дизайн выглядит гармонично, обе стороны сочетаются друг с другом за счет цветных овалов разной формы и текста на левой стороне

SUPA

Сайт: supa.ru/features/business-card 

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

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

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

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

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

Как скачать макеты в SUPA
Понравилось, что в SUPA бесплатно можно выбрать размер карточек до 8000 пикселей и выставить прозрачный фон
Финал визитки в SUPA
Из минусов: иногда встроенные шрифты не очень хорошо сочетаются между собой, а на шаблоне слишком много разных элементов — они создают «визуальный шум»

BizCardMaker

Сайт: bizcardmaker.com

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

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

Интерфейс BizCardMaker

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

Финал визитки в BizCardMaker

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

Если вы владеете базовыми навыками работы в Photoshop, можете скачать шаблоны с Freepik: это удобные PDS-файлы со слоями, в которых достаточно будет вписать нужные названия и контактные данные.

Как проверить дизайн визитки перед печатью

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

Показать «фокус-группе». Стоит отправить макет как обычную цифровую картинку близким, коллегам и знакомым, которые в теории могли бы быть вашими клиентами.

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

  • «Фигма-чат» от неофициального сообщества по этому сервису. Внутри пользователи обсуждают функционал, но можно задать вопрос и о визитке, если она сделана через Figma.
  • «Работаем, ребята» от ИКРА, где каждый четверг можно обсуждать что-то кроме вакансий. Например, понятно ли по дизайну визитки сферу работы специалиста. 

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

Неудачный дизайн с точки зрения ЦА
По дизайну не сразу считывается, что это визитка обычной строительной компании по вывозу грунта. Источник: Behance

Добавить в мокап. Через «фотографию» карточки на столе или в руке проще понять, как в действительности будет выглядеть дизайн. Быстро проверить макет можно в SUPA — сервис предлагает 8 вариантов мокапов для визиток.

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

Как сделать мокап в SUPA

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

Финальный мокап визитки в SUPA

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