Хотите сделать стильную карточку товара, но не знаете, с чего начать? Не беда! Сегодня мы разберемся, как сделать дизайн для карточки товара даже если вы только начинаете осваивать Figma. На помощь нам снова прийдет урок от @romakaifa просто потому, что я привыкла к тому как просто он всё объясняет. Хотя изначально планировала создавать карточки по урокам разных авторов... но имеем то, что имеем. Надеюсь, что это не выглядит как преследование. 🤷♀️
1. Создание макета
Создаем новый фрейм размером 900 на 1200. Далее добавляем все необходимые фотографии товара. В этом случае у нас фото щетки для котика и сам котик.
2. Размещение элементов
Располагаем щетку на макете, придавая ей нужное положение и направление. Мы также обращаем внимание на качество фотографии, которое улучшаем с помощью нейросетей.
3. Добавление текста
Добавляем текстовые блоки, используя шрифт Inter. Выделяем заголовок и описание товара, применяя подходящие настройки для шрифта и цвета.
4. Создание элементов декора
Добавляем фигуры и плашки, которые подчеркивают важные элементы нашего дизайна. Мы используем различные формы и градиенты, чтобы сделать карточку более привлекательной. ☝️
5. Финальные штрихи
Дорабатываем детали, подбираем цвета и размеры текста, чтобы все элементы выглядели гармонично. Затем мы проверяем карточку на предмет ошибок... и всё готово!
Теперь вы знаете, как создать красивую карточку товара в Figma даже если только начинаете осваивать этот инструмент. Не бойтесь экспериментировать с разными элементами и настройками, чтобы добиться идеального результата! ✨️
Так же вам может быть интересно:
Не забудьте поставить лайк и подписаться на канал 🌴 🌊 💰