Визитки ≈ 11 минут чтения

Шрифты и цвета для визитки: размер, сочетания и печать

Шрифт для визитки выбирают не по красоте в списке, а по тому, как он выглядит в 7–9 пунктах на плотной бумаге. Короткий ответ: контакты — спокойным шрифтом без засечек в 8–9 pt, имя — в 11–16 pt, всего один-два шрифта и два-три цвета, из которых один явно главный. С цветом есть своя ловушка: на экране он светится, а на бумаге выходит темнее и спокойнее. Ниже — подробно: какие гарнитуры читаются, как сочетать цвета, почему цвет визитки в печати отличается от экрана и как не потерять мелкий белый текст на тёмном фоне.

Какой размер шрифта нужен на визитке

Размер шрифта (кегль) указывают в пунктах: 1 pt — примерно 0,35 мм. Визитка маленькая, поэтому разница в один пункт заметна.

Что на визитке Кегль Комментарий
Имя или название — главный элемент 11–16 pt Самая крупная строка. Длинное название компании — ближе к нижней границе
Услуга или должность 8–10 pt Второй уровень, заметно мельче имени
Телефон, мессенджер, e-mail 8–9 pt Одним размером и одним шрифтом
Адрес, график, сайт, подписи 7–8 pt Меньше 7 pt не ставить

7 pt — нижняя граница для печати. Мельче текст выходит нечётким, особенно у тонких шрифтов и светлых букв на тёмном фоне. В редакторе Make-DP поле размера шрифта не опускается ниже 7 pt. Если в старом макете остался текст мельче, редактор показывает замечание «Текст мельче 7 pt» и кнопку «Увеличить до 7 pt».

Если текст влезает только мелким кеглем, значит, его слишком много. Что оставить на лицевой стороне, а что перенести на оборот, разобрано в статье «Что написать на визитке».

Сколько шрифтов сочетать на визитке

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

  • Один шрифт в двух начертаниях — самый надёжный вариант. Имя жирным, остальное — обычным. Иерархию создают размер и насыщенность, а не смена гарнитуры.
  • Два шрифта: акцентный + текстовый. Акцентным набирают одну строку, обычно имя или название. Всё остальное — спокойным шрифтом без засечек.
  • Контрастная пара. Шрифты в паре должны заметно различаться: шрифт с засечками и без засечек, рукописный и строгий. Два похожих гротеска рядом выглядят как ошибка, а не как замысел.

Контакты набирают одним шрифтом и размером, без смеси жирного и курсива.

Какой шрифт выбрать для визитки

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

Тип шрифта Где использовать Шрифты из редактора Make-DP
Без засечек (гротеск) Любой текст, особенно контакты и мелкие строки Open Sans, Montserrat, Roboto, Inter, PT Sans, Fira Sans, Golos Text, Rubik
С засечками Имя, название, строгие и «классические» сферы: юристы, финансы, образование PT Serif, Lora, Noto Serif
Узкие Длинное название в одну строку, крупные заголовки Oswald, PT Sans Narrow, Alumni Sans
Рукописные и каллиграфические Только одно-два слова акцента: имя мастера, название студии Great Vibes, Caveat, Bad Script, Lobster, Pacifico, Comforter
Декоративные Короткий акцент: название, цифра, слово Yeseva One, Rubik Mono One, Stencil, Amatic SC

Рукописный шрифт — только для акцента. Телефон, набранный каллиграфией, приходится расшифровывать: цифры 1 и 7, 3 и 8 путаются. Тонкие штрихи каллиграфических шрифтов в 7–8 pt ещё и пропадают в печати.

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

Кириллица и знак ₽: о чём забывают

Красивый шрифт, найденный в интернете, часто оказывается без кириллицы или без отдельных знаков: «ё», «№», кавычек-«ёлочек», знака рубля ₽. На экране браузер или программа незаметно подставляют недостающий знак из другого шрифта. А в файле для печати на этом месте может оказаться пустой квадрат или другой шрифт посреди слова. Если на визитке есть цены, проверьте знак ₽ до того, как отдавать макет в печать.

В редакторе Make-DP в выборе 37 шрифтов, и в каждом из них есть кириллица с «ё» и знак ₽, во всех начертаниях. Шрифты без ₽ сняты с выбора, но старые макеты ими по-прежнему открываются: если текст набран таким шрифтом, в списке он подписан «снят: нет ₽». Если в тексте встретился знак, которого в шрифте нет, статус макета становится красным — «Важно», а в замечании подсказаны шрифты, где этот знак есть.

Контраст текста и фона

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

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

Что помогает:

  • Тёмный текст на светлом фоне — самый надёжный вариант для мелких строк.
  • Светлый текст на тёмном работает для крупного имени и коротких строк, но требует запаса по размеру (см. ниже).
  • На фото — плашка под текст. Фотография неоднородна: на светлом участке белый текст пропадает, на тёмном — чёрный. Непрозрачная плашка одного цвета решает это для любого снимка, полупрозрачная — не всегда.
  • Акцентный цвет — не для мелкого текста. Жёлтый, светло-голубой или розовый на белом хороши для линии или плашки, а не для телефона в 8 pt.

Редактор Make-DP подсказывает, если текст может плохо читаться на своём фоне: замечание «Текст может плохо читаться на этом фоне» появляется, когда разница по яркости мала. Это совет, а не запрет: решение остаётся за вами.

Мелкий белый текст и тонкие линии на тёмном фоне

Белые буквы на тёмной визитке — это не белая краска, а незапечатанная бумага, вокруг которой лежит краска фона. Краска немного растекается, и тонкие белые штрихи «зарастают». Поэтому:

  • белый текст на тёмном делайте на 1–2 пункта крупнее, чем тёмный на светлом: контакты — от 8–9 pt;
  • выбирайте шрифт с ровными, не слишком тонкими штрихами; гротеск в обычном или полужирном начертании надёжнее светлого (Light) и шрифта с засечками;
  • рукописные шрифты с волосяными линиями мелко на тёмном не используйте вовсе.

С линиями похоже. Типографии обычно просят линии не тоньше 0,25 pt (около 0,1 мм), а белые линии на тёмном фоне надёжнее делать толще — от 0,5 pt. Тоньше линия может пропасть или напечататься с разрывами.

Сколько цветов использовать: правило 60-30-10

На визитке обычно 2–3 цвета, четыре — предел. Больше цветов не делает визитку ярче, она становится пёстрой, и глаз не понимает, что главное.

Распределять цвета удобно по правилу 60-30-10:

  • 60 % площади — основной цвет, чаще всего фон;
  • 30 % — второй цвет: крупная плашка, полоса, блок с контактами;
  • 10 % — акцент: тонкая линия, иконки, одно выделенное слово.

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

Как подобрать сочетание:

  • Нейтральный + один акцент — самый безопасный вариант: белый, графит или чёрный плюс один цвет. Например, графит и жёлтый, белый и тёмно-синий, чёрный и золотистый.
  • Оттенки одного цвета — тёмный, средний и светлый одного тона. Спокойно и аккуратно.
  • Соседние цвета — синий с бирюзовым, красный с оранжевым. Живее, но без конфликта.
  • Противоположные цвета — синий с оранжевым, фиолетовый с жёлтым. Сильный контраст, хорош для небольшого акцента, а не поровну.

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

Цвет визитки и сфера деятельности

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

Сфера Часто встречается На что смотреть
Юристы, финансы, консалтинг Тёмно-синий, графит, бордовый, золотистый акцент Сдержанность: 2 цвета, много воздуха
Медицина, стоматология Белый с бирюзовым, синим или зелёным Чистый светлый фон, крупный телефон
Красота, маникюр, ресницы Пудровые, бежевые, чёрный с золотистым Не перегружать фон, имя мастера — акцентом
Ремонт, электрика, авто Графит или чёрный с жёлтым или оранжевым Контраст и крупные контакты
Кафе, кофейни Тёплые коричневые, кремовые, зелёные Цвета вывески и меню
Детские услуги Яркие, но 2–3, не все сразу Даже яркой визитке нужен главный цвет

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

Почему цвет на бумаге отличается от экрана: RGB и CMYK

Экран светится сам и смешивает цвета из красного, зелёного и синего света — это RGB. Бумага ничего не излучает, она отражает свет, а цвет на ней получается из четырёх красок: голубой, пурпурной, жёлтой и чёрной — это CMYK. Отсюда три следствия.

  1. Не каждый экранный цвет можно напечатать. Очень яркие, «кислотные» зелёные, синие и оранжевые в CMYK становятся темнее и глуше. Если вся идея визитки построена на неоновом цвете, на бумаге её ждёт разочарование.
  2. Бумага меняет цвет. На мелованной бумаге цвета насыщеннее, на немелованной и дизайнерской — мягче и темнее. Оттенок самой бумаги (холодный белый, слоновая кость) тоже влияет на результат.
  3. Экраны показывают по-разному. Один и тот же макет на ноутбуке и телефоне выглядит по-разному из-за яркости и настроек, а бумага — одна.

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

В Make-DP у каждого цвета палитры есть свой рецепт в CMYK, и в файл для типографии уходит именно он, а не пересчёт с экрана (особый случай — чёрный, о нём ниже). Фотографии и загруженные картинки в PDF для печати переводятся в CMYK по профилю FOGRA39 — подробнее о требованиях к файлу в статье «Требования к макету для печати». Картинки PNG и JPEG и раскладки для домашнего принтера остаются в RGB: домашний принтер работает с RGB, и для него перевод в CMYK сделал бы цвета только тусклее.

Глубокий чёрный: почему чёрный бывает разным

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

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

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

В Make-DP это настроено при сборке файла для типографии, руками ничего делать не нужно: чёрный текст и тонкие линии выводятся чистой чёрной краской K100, а чёрные заливки — глубоким чёрным C20 M20 Y20 K100, это 160 % краски с запасом до предела.

Фирменные цвета на визитке

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

  • Возьмите цвета из логотипа. Самый заметный из них — акцент на 10 %, а не фон на всю визитку. Фоном обычно лучше работает белый или нейтральный.
  • Если цвета заданы в брендбуке в CMYK или Pantone, передайте их типографии: экранный HEX не гарантирует точного попадания в печати.
  • Логотип с прозрачным фоном загружайте в PNG достаточного размера, иначе края расплывутся. Сколько пикселей нужно для чёткой печати, разобрано в статье «Разрешение dpi для печати макета».

В редакторе Make-DP цвет выбирается из палитры: 70 цветов — 14 рядов по 5, от тёмного к светлому, включая чёрный, серые и белый. Ввести свой HEX нельзя: так у каждого цвета есть проверенный рецепт для печати. Фирменный цвет подбирается ближайшим оттенком из палитры, а цвета, которые уже есть в макете, показаны в выборе цвета отдельной строкой «Цвета в макете» — так их легче повторить на обороте и в мелких деталях.

Короткий чек-лист перед печатью

  1. Нет текста мельче 7 pt, контакты — 8–9 pt, белый текст на тёмном — на 1–2 пункта крупнее.
  2. Не больше двух шрифтов, рукописный — только в одной короткой строке.
  3. В выбранном шрифте есть все знаки текста: ₽, «ё», №.
  4. Текст заметно светлее или темнее фона, в том числе на фото.
  5. Цветов 2–3, у одного из них явно больше площади.
  6. Тонкие линии — не тоньше 0,25 pt, белые на тёмном — толще.
  7. Если цвет критичен — пробный оттиск в типографии.

Как напечатать небольшую партию дома, описано в статье «Визитки на листе А4». О размерах и безопасной зоне, куда должен попасть весь текст, — в статье «Размер визитки для печати».

Частые вопросы

Какой минимальный размер шрифта на визитке?
Меньше 7 pt многие типографии не принимают: такой текст печатается нечётко. Для контактов комфортнее 8–9 pt, а для белого текста на тёмном фоне — на 1–2 пункта больше.
Какой шрифт лучше всего читается на визитке?
Для мелкого текста — шрифт без засечек с открытыми буквами и ровными штрихами, в обычном или полужирном начертании. Шрифт с засечками хорош для имени и названия, рукописный — только для одной короткой строки.
Сколько цветов можно использовать на визитке?
Обычно 2–3, четыре — предел. Один цвет занимает основную площадь, второй — заметно меньше, третий остаётся для мелкого акцента: так работает правило 60-30-10.
Почему напечатанная визитка темнее, чем на экране?
Экран светится, а бумага только отражает свет, и красками CMYK нельзя повторить самые яркие экранные цвета. На результат влияют и бумага, и настройки монитора. Для важных цветов попросите пробный оттиск.
Можно ли сделать визитку чёрной с белым текстом?
Можно. Сделайте текст крупнее обычного — от 8–9 pt для контактов — и возьмите шрифт без тонких штрихов. Чёрную заливку в файле для типографии лучше давать глубоким чёрным, а не чистой чёрной краской: в Make-DP это делается автоматически.

Начните макет прямо сейчас — бесплатно, без регистрации.

Создать визитку

Мы используем cookie и Яндекс Метрику, чтобы сайт работал и становился удобнее. Подробнее