В это статье мы подробно рассмотрим как самостоятельно и бесплатно сделать простую информативную обложку для вашего товара в Figma, не прибегая к помощи профессиональных студий.
Для того чтобы начать самостоятельное создание дизайна обложки товара, необходимо предварительно сфотографировать товар и разработать тезисы.
После того, как все готово, можно приступить к созданию дизайна карточки.
1. Регистрация в Фигме
Figma- это графический редактор для создание макетов и иллюстраций. Интерфейс на английском языке, но интуитивно понятен и для тех, кто не знает язык
На главной странице figma.com кликните на Get started for free
После чего следуя инструкциям нажмите на Create account.
Запускаем приложение на компьютере или в браузере.
2. Приступаем к работе
Кликните на Design file
После чего вы окажетесь на рабочей зоне.
1. Необходимо создать фрейм
2. Затем выбрать разрешение
Для инфографики на Wildberries требуется размер не менее 900px на 1200px. Оптимально будет выбрать 1200px на 1600px.
С правой стороны интерфейса, выбираем нужные значения.
3. Помещаем фото во фрейм
Ползунками у синей окантовки меняем размер и положение.
Так как на слайде необходимо поместить текст за главный объект, вырезаем человека и помещаем его на верхний слой слайда.
В этом нам поможет нейросеть Photoroom или удаление фото через Photoshop.
После обтравки фотографии, следует поместить полученный png-файл на наш фрейм.
Основные действия с фотографией закончены, переходим к размещению тезисов.
3. Работа с текстом
Ранее заготовленные тезисы размещаем на слайде.
В верхнем левом углу находим "T" и на панели справа регулируем настройки размера и названия шрифта. Значение формата текста (размер, шрифт, расстояние между буквами и т.д.) настраивается под ваш макет индивидуально.
Убираем текст за png файл на панели слои (справа).
Помещаем вырезанный объект так, чтобы на нижем слое было фото, которое расположено на фоне, затем текст, а сверху- наше вырезанное изображение.
Аналогичным способом добавляем тезисы и остальной текст для описания товара.
Также отличным способом выделить тезис являются плашки. Сделаем один для тезиса видео.
Размещаем элемент в виде круга с треугольником, имитирующим кнопку проигрывания видео.
Создаем эллипс
Заливаем градиентом, как показано на скрине
Внутрь эллипса помещаем треугольник
Точно так же закрашиваем его в градиентный белый.
В конце добавляем блики и тени для придания глубины
Следуя настройкам в панели справа, помещаем эллипс с затемнением по краям.
Итоговый результат ✅
4. Сохранение
Сохраните результат на панели справа с помощью кнопки Export
Итак, как вы видели, создание инфографики для Вайлдберриз или Озон с помощью Figma - это довольно простой процесс, который может быть осуществлен даже без опыта в дизайне. Вам не нужно переплачивать деньги дизайнерам, чтобы получить качественную инфографику - вы можете сделать все самостоятельно.
Просто следуйте нашим шагам и используйте инструменты Figma для создания удивительных и информативных графических изображений. Не бойтесь экспериментировать с цветами, шрифтами и композицией - ваша инфографика будет отличаться и выделится среди других.
Кроме того, вы всегда можете обратиться к нам, мы выполним ретушь фото и дизайн инфографики на высшем уровне, учитывая требования маркетплейсов 😉
Чтобы получить бесплатную консультацию по работе с маркетплейсами, просто свяжитесь с нами через Telegram или оставьте заявку на выполнение дизайна карточки на нашем сайте.
Подписывайтесь на наш Telegram-канал и следите за последними трендами в дизайне.