Дизайн карточек. Paulrover Design
22 subscribers
17 photos
6 links
Дизайн карточек товара Ozon, Wildberries, WB, инфографика для маркетплейсов. Нейросети, Midjourney, Nano Banana

Для связи - @paulrover
Download Telegram
Дизайн карточек. Paulrover Design
Photo
⚡️А вот и шрифты подъехали, да ещё и все коммерчески бесплатные, прям как мы любим, с лицензией Open font. Все ссылки на ресурс Google Fonts. На примере выше показал, как шрифты выглядят непосредственно в инфографике карточек товаров.

Отличная подборка современных sans serif шрифтов (без засечек), чтобы использовать в дизайне карточек, как в заголовках, так и в инфографике. Идеально для товаров с упором на современность и технологии. Ключевое - читаемость и соременность.

👌В скобочках напишу рекомендуемый вес, около которого стоит плясать - Bold, ExtraBold и тд. Нужно учесть - веса указаны для светлого фона, на тёмном фоне нужно выбирать вес потоньше. Проверка - отдалить карточку и проверить на читаемость.

Собственно, а зачем так много "одинаковых" шрифтов? Многие вообще не уделяют внимание шрифтам, а между тем под каждую карточку или заголовок можно подобрать свой идеальный шрифт, не только с точки зрения ощущений, которые шрифт пробуждает, но и по геометрии форм, в зависимости от набора букв и слов. Поэтому лучше всегда иметь под рукой несколько запасных на случай если какой то текст ну никак не ложится на задуманный шрифт, и лучше найти альтернативу.

📎Открываем ссылки, добавляем все шрифты в корзину и скачиваем архив разом. Затем, распаковав архив, копируем .ttf файлы в папку: панель управления -> шрифты (панель управления можно найти в поиске по ПК).

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

Универсальные, для заголовков и инфографики (КАПСОМ):
01. Всем известный Montserrat (SemiBold-Extrabold)
02. Onest (SemiBold-Extrabold)
03. Wix Madefor Display (SemiBold-Extrabold)
04. Raleway (Bold-Extrabold)

Для инфографики (только строчные буквы):
01. Montserrat (SemiBold-Bold)
02. Onest (Medium-SemiBold)
03. Wix Madefor Display (Semibold-Bold)
04. Raleway (Bold)
05. Google Sans (Medium-Bold)

Для инфографики (КАПСОМ):
06. Mulish (Extrabold, Black)
07. Geologica (Bold)
08. Nata Sans (Bold, Extrabold)
09. Golos Text (SemiBold, Bold)
10. Zen Kaku Gothic (Black)

Для заголовков (КАПСОМ):
11. Inter (Medium-Extrabold)
12. Roboto (Medium-Black)

#шрифты
Канал про дизайн карточек товара - Design_rover
5❤‍🔥4🔥3
Промпт для генерации парящего товара в наклоне по референсу, со всем текстом. Arena Ai (free) или Nano Banana Pro. Нужно подробно описывать товар
render exactly this bottle levitating and tilted so we slightly see the circular toned glass bottom side base of bottle and the complex texture of the glass bottom of the bottle are clearly visible, in high resolution, closeup product image with studio lighting, dark beige background, save text on label "DEBAVIT, 1988, Betaine HCL, & Pepsin, Betaine 650 mg, Dietary supplement, 120 Tablets", save bottle shape and colors, don't distort the proportions of bottle and label, stay realistic, highlights the glass volumes and golden cap with professional studio lighting, 3:4 image


#промпт
⚡️Design_rover
4👍3🔥3
Полный проект с подробным разбором дизайна будет на Behance. А другой не менее интересный проект уже на подходе.

#портфолио
⚡️Design_rover
3👍2🔥2❤‍🔥1
Промпт для точной генерации товара в руке (с использованием изображения товара). Arena Ai (free) (Battle mode) или Nano Banana. Нужно подробно описывать товар

Фон всё равно в итоге будет другой, как и размещение руки в кадре, но цвет фона может дать как правильный, так и не правильный оттенок в освещении, поэтому хотя бы цвет указать желательно.
a elegant young's woman's hand holds exactly this powerbank as in attached image, advertising product shot, tilted position of product in hand, closeup view, the main material is light beige smooth plastic, beige silicone native cable connected as on attached image, additional USB-A and USB-C ports on the top side is visible, render powerbank in correct real size 14 cm x 7 cm, same product shape as on attached image, in high resolution, closeup product image, professional studio lighting, soft light, the background is light blue #b3bac5 with soft blurred shadows from the leaves #4c535d, image dimension 3:4


#промпт
⚡️Design_rover
👍3🔥3👏21
Новый проект с дизайном карточек для мощного внешнего аккумулятора. Минимализм, премиальность, Xiaomi.

Смотреть разбор обложки на Behance

#портфолио
⚡️Design_rover
8❤‍🔥5🔥5👍2
⭐️ Эффективность дизайна карточек на маркетплейсе можно оценить, задав следующие вопросы:

- Что покупатель видит на обложке?
Понятно, что за товар и его назначение. Изображение цепляет взгляд и выделяется на фоне конкурентов. Логотип бренда четко видно.

- Что понятно из карточек?
Текст инфографики должен быть хорошо читаем, лаконично и последовательно доносить информацию о продукте, полностью раскрывать основные важные характеристики товара. Понятно, на кого ориентирован товар.

- Зачем покупать?
Инфографика объясняет рациональные преимущества и уникальность товара, закрывает основные вопросы и сомнения. Сопровождающие изображения эмоционально усиливают впечатления и показывают сценарии использования товара.

#разбор
⚡️Design_rover
🔥5👍3👏3