При создании различных проектов и файлов в Figma иногда очень сложно сразу найти нужный проект, особенно если он был сделан давно.
Создание обложки для проектов – это простое, удобное и визуально приятное решение, которое позволяет быстро находить нужные проекты.
Как сделать обложку?
1. Создать страницу в файле и назвать ее «Обложка». это удобно, чтобы не захламлять основную страницу.
2. Нарисовать фрейм для изображения обложки (лучше всего подходит размер 1920 x 960).
3. Наполнить обложку нужными элементами — логотипом, изображением, небольшим текстом, поставьте то, что вам поможет узнать проект.
4. Щелкнуть на фрейм правой кнопкой мыши и выбрать «Set as thumbnail» (Установить, как миниатюру).
Полезной была статья? Подписывайся на мой канал и читай много полезной информации.
# обложка # figma # Тема # дизайн # фрилансер # помощь
Источник: dzen.ru
Дизайн обложки ВК в Figma. Оформление вк группы.
Как создать обложку для вк в фигме
Frontend-разработчик
Профессия — Frontend-разработчик
Вы с нуля изучите все необходимые технологии и станете востребованным frontend-разработчиком.
UX/UI-дизайнер
Профессия — UX/UI-дизайнер
Вы научитесь разрабатывать современные сайты и интерфейсы, удобные для пользователей и решающие задачи бизнеса.
бесплатный урок
Создаём обложки для проектов в Figma: 2 способа
Ольга Чернова
Product и UX/UI дизайнер
В этом видео
В этом коротком видео я покажу 2 способа создания обложек проектов в Figma.
Время просмотра: 4 мин
обучайся с нами профессии
UX/UI-дизайнер
Безопасная оплата
Информация
Полезная рассылка
Разрешите уведомлять вас о новых статьях в блоге, о новых бесплатных видеоуроках, скидках на курсы и делиться полезными материалами
Источник: itlogia.ru
Как сделать пост (презентацию, обложку, что угодно) в Figma, не зная Figma
Из-за блокировки Canva для российских пользователей за последние несколько дней мои знакомые из сферы маркетинга (и не только) не один раз задавали мне вопрос: «Не знаешь простого сервиса, чтобы быстро оформить пост, карточки для Телеграм, кейсы и т.д.».
3826 просмотров
Я никогда не пользовалась Канвой, не знаю никаких подобных сервисов, поэтому отправляю всех в Figma. Для меня это самый удобный инструмент.
Чтобы сделать в нем простой дизайн поста, презентации или обложки без всяких изощрений достаточно самого базового функционала.
Но проблема в том, что все очень занятые. Посмотреть любую обучалку по Фигме около 45 минут и потыкать нет времени. Да и, будем честны, многим просто лень разбираться с новым инструментом.
Поэтому я решила помочь не дизайнерам в создании простых постов-карточек и иных штук в Фигма без изучения редактора.
Делайте все по инструкции, и будут вам карточки / шаблоны / обложки / слайды — крч, что хотите.
Начало работы в Figma
Фигму можно скачать на комп либо работать через браузерную версию. Поработаем с браузерной, но инструментарий в обеих версиях один и тот же.
- Переходим на официальный сайт и регистрируемся. Здесь все, как и везде: нажимаем на кнопку Sign Up в правом верхнем углу, вводим email и пароль и создаем аккаунт. Можно поступить еще проще и войти через Google-аккаунт.
- Далее создаем новый дизайн-файл, в котором и будем работать. Для этого нажимаем на «Newdesign file».
Функционал
На скриншотах пометила все инструменты, которые понадобятся в работе. Обращайтесь к ним, как к карте, когда будете следовать инструкции.
РАБОТА С ФРЕЙМОМ
РАБОТА С ТЕКСТОВЫМ СЛОЕМ
РАБОТА С ПЛАШКОЙ (ГЕОМЕТРИЧЕСКОЙ ФИГУРОЙ)
ВЫРАВНИВАНИЕ ЭЛЕМЕНТОВ
Фигма сама подсказывает, как правильно расположить элементы (где середина, когда элементы стоят на одном уровне). Можете облегчить себе задачу, добавив направляющие, на которые будете ориентироваться.
Чтобы включить линейки, нажмите вверху View — Rulers. Они появятся сверху и слева. Дальше с помощью зажатия мыши вытащите из них направляющие и установите на нужное место.
Чтобы проверить отступы элементов друг от друга, выберите элемент, зажмите alt и подведите мышкой к другому элементу, от которого вы хотите отмерить расстояние.
ПАНЕЛЬ СЛОЕВ
Слева вы увидите панель слоев. Там отображаются все элементы, с которыми вы работаете.
Новичку в Фигме достаточно знать следующее:
- все элементы должны быть внутри фрейма;
- слои можно менять местами путем перетаскивания мышью;
- верхний слой перекрывает нижний (например, если вы хотите, чтобы плашка была под текстом, перетащите слой с фигурой под слой с текстом).
Level 1. Создаем карточку c текстом в Figma
1. Включаем инструмент Frame с помощью горячей клавиши F или, кликнув, по значку с клеткой в левом верхнем углу. Сбоку видим уже заранее созданные фреймы (рабочие области) популярных разрешений. Выберем для примера Social media — I******** Post.
2. Программа автоматически нарисует карточку 1080 х 1080 px. Но эти размеры можете подправить, как угодно, потянув за края фрейма, или с помощью ввода конкретных обозначений ширины и высоты в поля W и H на панели справа.
3. Еще у карточки можно поменять цвет. Для этого нужно нажать в разделе Fill в панели справа на слой с цветом и выбрать нужный из палитры.
4. Теперь добавим текст. Для этого выбираем инструмент Text с помощью горячей клавиши T или кнопки с иконкой T в верхней панели. Далее кликаем на экране и пишем текст или вставляем заранее скопированный текст из буфера обмена.
5. С текстом можно делать все, что угодно: менять размер, шрифт, цвет, начертание (жирность, курсив и т.д.), выравнивание, длину и высоту текстового слоя. Все инструменты для этого в панели справа (см. скриншот по работе с текстовым слоем).
Можете разбить свой текст на несколько текстовых слоев и размещать их, как вам нужно.
6. Переместите текстовый слой с помощью мышки куда угодно.
Источник: vc.ru