Как создать визитку в Figma: пошаговое руководство?

Пошаговое руководство, как создать визитку в Figma: media.contented.ru

1. Создать новый файл. utzgroup.com.ru Можно сразу назвать его «Визитка», чтобы потом не запутаться в проектах. utzgroup.com.ru Стандартное имя новых файлов в Figma — Untitled (то есть «Без названия»). media.contented.ru Поменять его можно, кликнув на слово Untitled в верхнем чёрном меню. media.contented.ru
2. Задать прямоугольную форму визитки. media.contented.ru Для этого нужно использовать инструмент Shape tools (Формы). media.contented.ru В левом верхнем углу найти иконку, которая выглядит как квадрат. media.contented.ru В выпадающем меню будет несколько форм, выбрать Rectangle (Прямоугольник). media.contented.ru Ещё можно использовать горячие клавиши, они подписаны в меню напротив каждого элемента. media.contented.ru У прямоугольника горячая клавиша «R» (потому что это первая буква в слове Rectangle). media.contented.ru После выбора инструмента зажать левую кнопку мыши, потянуть курсор и создать произвольный прямоугольник. media.contented.ru Слева сразу появится вкладка со слоями, а справа — параметры элемента. media.contented.ru
3. Скорректировать размер визитки. media.contented.ru Стандартный размер визитки — 90 х 50 см или 1063 х 590 пикселей. media.contented.ru Размер объекта в Figma можно изменить, если потянуть за угол или за одну из сторон фигуры. media.contented.ru Также параметры можно изменить в панели инструментов справа и вручную ввести высоту и ширину визитки — 1063 х 590 пикселей. media.contented.ru
4. Выбрать цвет фона. media.contented.ru Цвет фигуры меняется в правой панели настроек — во вкладке Fill (Заполнение). media.contented.ru
5. Добавить текст. media.contented.ru Имя, должность и другую текстовую информацию добавить с помощью инструмента Text (Текст) в верхней панели инструментов. media.contented.ru Внутри прямоугольника создать фрейм для текста. media.contented.ru В нём появится курсор, и можно будет набирать слова на клавиатуре или просто вставлять данные с помощью Ctrl + V. media.contented.ru В меню справа появятся настройки блока Text, в которых можно выбрать шрифт, начертание (обычное, жирное или курсив) и кегль, то есть размер букв. media.contented.ru
6. Добавить логотип. media.contented.ru Картинки в Figma добавляются несколькими способами: перетащить изображение из папки на компьютере в рабочую область, скопировать изображение из папки и вставить с помощью Ctrl + V, скопировать картинку прямо из браузера и вставить с помощью Ctrl + V. media.contented.ru Менять размер изображения можно так же, как размер фигур, — растягивать его курсором или задавать параметры в настройках справа. media.contented.ru
7. Добавить иконки. media.contented.ru Если захочется добавить иконки контактов, можно найти подходящие векторные изображения с открытой лицензией, например на ресурсе Freepik. media.contented.ru Важно, чтобы они были из одного набора, потому что разные иконки будут создавать визуальный шум визитки и перетягивать на себя внимание. media.contented.ru
8. Экспортировать. media.contented.ru Готовую визитку сохранить через настройки справа. media.contented.ru В разделе Export нужно выбрать формат: PNG, JPG, SVG, PDF. media.contented.ru Потом нажать на кнопку Export, и визитка сохранится на компьютере в выбранном формате. media.contented.ru

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

Пользователь

Время добавления