Моё портфолио: простая инфографика для карточек товара
В этом году я много занимаюсь улучшением карточек товара в каталоге китайской спецтехники, на сайте China Cars & Parts (CC&P). В мою задачу входит создание подробных описаний техники – и, попутно, инфографики, наглядно демонстрирующей преимущества товара. Затем изображение инфографики попросту вставляется в текст описания.
Эта работа мне самому интересна – хотя бы тем, что создание инфографики далеко не основная моя деятельность. Да и, собственно, назвать инфографикой то, что я делаю можно только с оговорками. Скорее это техническая иллюстрация с элементами инфографики — иногда её также называют «информационная схема» или «визуальный паспорт изделия».
Делаю я эту инфографику в популярном графическом онлайн-редакторе Figma. Благодаря богатому функционалу Фигмы разработка происходит легко и быстро. По сути это минималистичная инфографика: фото той или иной модели, на белом фоне – но дополненное подписями, указывающими на ключевые параметры оборудования.
Изображения я беру из уже доступных в карточках товара – или (реже) из буклетов, предоставленных заказчиком. Фон удаляю в онлайн-сервисе Iloveimg. Однако этот сервис не всегда аккуратно очищает фон – остаются лишние, ненужные детали. Тогда для удаления фона использую искусственный интеллект (AI) – уж он-то делает это безупречно!
Люди сейчас используют нейросети много для чего, в том числе и для создания инфографики. Но в моём случае ломать голову, придумывая хитроумные промпты, нет особой надобности. А вот тексты описаний техники я действительно генерирую посредством нейросети – по придуманному мной шаблонному и несложному промпту. А использую я как раз китайский ИИ – потому что именно он хорошо «знает» все особенности спецоборудования китайских производителей. Но какой ИИ? – это мой секрет, который я, однако, с лёгкостью раскрою человеку, готовому заказать у меня комплексное создание карточек товара, в том числе и инфографики к ним.
Этапы создания инфографики для карточки товара: 1. Исходное фото товара, 2. То же изображение но с удалённым фоном, 3. инфографика, сделанная в Figma
Ещё один пример моей работы: информационная схема мини-думпера
