Как сделать визитку в фигме — форматы, шрифты, цвета, размеры для печати

Стандартные размеры визитки в фигме в пикселях для печати

В России, Беларуси и странах СНГ наиболее распространенный размер визиток — это 9 на 5 см. При стандартной плотности печати 300 dpi (точек на дюйм), принятом в большинстве типографий, это составляет 1062 на 590 пикселей.

В Европе принят формат 8,5 на 5,5 см или 1003 на 649 px. В Америке — 3,5х2 дюйма или 1050х600 px.

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

Таким образом, стандартные размеры в пикселях для разных регионов составляют:

• Для РФ, РБ и СНГ — 1110х638 px с дозаливками или 1062х590 px без дозаливок
• Для Европейских стран — 1051х697 px с дозаливками или 1003х649 px без них
• Для США и Канады — 1098х648 px с дозаливками или 1050х600 px без них

Форматы визиток

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

Также под форматом иногда имеется в виду то, односторонняя визитка или двусторонняя.

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

Композиция в макетах визиток

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

Какая информация располагается на визитках

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

• Логотип
• Имя, фамилия (иногда и отчество)
• Должность
• Контакты (номер телефона, соцсети, e-mail, адрес, адрес сайта, QR-код со ссылкой и т. д.)

При необходимости можно добавлять и любую другую информацию.

Инструменты фигмы для дизайна визиток

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

Подробную пошаговую инструкцию по созданию визиток в фигме смотрите в видео-версии этого урока. Находится она в верхней части страницы.

Шрифты для текстов на визитках

Рекомендую использовать не более двух шрифтов.

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

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

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

Цветовые схемы для макетов визиток

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

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

Декоративные элементы и фоны в дизайне визиток

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

Домашнее задание по созданию визиток в фигме

Для выполнения этого ДЗ вам понадобятся логотипы. Если у вас их еще нет — рекомендую предварительно пройти урок по созданию логотипов в фигме.

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

Легкий уровень сложности: пошагово повторить пример визитки из видеоурока.

Средний уровень сложности: нарисовать в фигме одну или несколько двусторонних визиток из этого набора:

По желанию можно внести в дизайн этих визиток свои изменения.

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