Рисуем карточку товара в Figma + Recraft

Дмитрий Матвеев, арт-директор Wildberries, рассказывает и показывает, как с помощью программ Figma и Recraft нарисовать продающую карточку товара для маркетплейсов. 👀 Смотреть 😄 Графика и дизайн
Изображение поста

Разработчик Нил Агарвал создал сайт Size of Life, на котором можно сравнить размеры живых организмов — от клетки ДНК до синего кита.

Все иллюстрации отрисованы вручную без использования ИИ. Палеохудожник Юлиус Чсотони потратил 5 месяцев на создание более 60 рисунков.

Интенсив подойдет новичкам и начинающим.

Старт продаж в понедельник. Будет оооочень приятный бонус для первых участников. ... Если вы опытный вайбкодер и у вас на гитхабе 10 проектов и два приложения в эплсторе — вам не надо.
Минутка веб:
Эффект объема и переката контента по краям экрана
Ребята, как думаете окуенно, что ваш сенсей делает свой продукт?
➡️ Минутка гордости: • Несколько тысяч платных пользователей; • Среди клиентов известная соцсеть и банк — у нас удобный личный кабинет для корп. клиентов; • Мы — единственный официальный партнер Bytedance в России (это те, кто создал TikTok и авторы лучшей ИИ для видео Seedance 2); • Утопия получила серьезные инвестиции; • Сейчас делаем новую версию, где будет командная работа, проекты, Ноды и холст. В планах сделать это в течение лета; • Выкатываем обновления каждую неделю. И порция уроков вперемешку с обновлениями. За последние две недели вышли следующие функции: 1️⃣ Возможности Claude в Utopy.ai – смотреть видео 2️⃣ Управление светом и камерой – смотреть видео 3️⃣ Обновление раздела Создание вектора – смотреть видео ➡️ Тестировать здесь Еще планируем добавить в этом месяце: • раздел аудио; • добавление стилей персонажей, цветов; • настройки камеры; • библиотеку промтов и т.д. Вот что я считаю по-настоящему потерять продуктовую девственность😅 Скажем так, проверить свои навыки на прочность. Вложить все свои средства, потому что уверен в себе и в том, что делаешь. И мы каждый месяц органически растем, за что низкий поклон нашим пользователям 🤗
Надеемся, что пост про дисциплину вы прочитали и стали хотя бы немного больше верить в себя.
Сегодня несем новую порцию полезного. В меню — гайд по пользовательским интерфейсам: разобрали, из чего они состоят, какими бывают и как UX/UI-дизайнеры работают над ними. Заглядывайте в медиа, чтобы погрузиться в тему. #польза #интерфейсы @contented
Анимация интерфейса.
Новокузнецкая, 7 — проект реконструкции фабрики-кухни 1930-х годов. Мы навестили ее и посмотрели, как поживает один из ранних проектов бюро.
После реализации у архитектуры начинается самостоятельная жизнь. Порой меняются арендаторы или сценарии использования, детали интерьера, повседневные привычки людей. Проект постепенно обрастает новыми слоями. Архитектору важно видеть, как живет и взрослеет его проект. Антрацитовые откосы по-прежнему остаются ярким акцентным элементом на улице Новокузнецкой. А если подойти чуть ближе — сквозь панорамные окна видно главное внутренне пространство здания — четырёхъярусное фойе с лестницей, спускающейся серпантином. Фотографии Ильи Иванова (2016 год) и Максима Лоскутова (2026) #kleineweltarchitekten
Сегодня начинается FIFA World Cup 2026! ⚽️
Впервые в истории турнир с 48 командами станет более доступным 💜 Сурдоперевод Опять же впервые в истории FIFA трансляция с сурдопереводом на каждом матче. Это иммерсивный опыт для глухих и слабослышащих болельщиков: переводчики передают не только игровые моменты, но и ключевые звуковые сигналы — свистки арбитра, рёв трибун, эмоциональные сдвиги атмосферы, — чтобы зрители чувствовали каждый момент в реальном времени. Всё это живёт в официальной аппке FIFA World Cup 2026™. Я хотела протестировать её на доступность, но она недоступна в рф. Субтитры На стадионах они идут на бегущих строках, табло и экранах, плюс по ссылкам в приложении — для тех, кто хочет следить за голосовым контентом во время матча. Хаптика Это доска размером с планшет с рельефной схемой поля. Кладёшь пальцы на поверхность и следишь за игрой на ощупь: по схеме движется магнитное кольцо — мяч, а у каждого события свой паттерн вибрации — пас, подкат, удар. Незрячий болельщик буквально чувствует игру: где мяч, в какую сторону атака, гол. Будут на стадионах в Далласе, Нью-Йорке, Сиэтле и Ванкувере. Сенсорные пакеты и сенсорные комнаты На каждом стадионе будут доступны сенсорные пакеты с шумоподавляющими наушниками, fidget-инструментами и средствами коммуникации. Также будет оборудована сенсорная комната с приглушённым освещением, звукоизоляцией, тактильными арт-объектами и мягкими сиденьями. Моя дочка устаёт от шума, и для нас такие комнаты — огромное спасение. Когда вокруг 50 тысяч кричащих людей, возможность выйти на десять минут в тихое место, выдохнуть и вернуться к игре — спасает от побега с игры ) Официальное приложение турнира тоже сделано с учётом доступности — обещают регулируемый размер шрифта, настройку цветового контраста и субтитры к видео. Ну вот это я проверить не могу. Если вы не в рф, качните, гляньте, что там. И если несложно, напишите в комментах, как всё реализовано на самом деле. Очень интересно ) На сайте FIFA посмотрела быстро: работает со скринридером (но нужно тщательнее проверять), альты прописаны, даже есть изображения в разных размерах, значит сайт быстрее загрузится, контрастность гуд, таб работает, зуммируется все прекрасно, текст не обрезается. И знаете, это большая работа. Просто молодцы! За кого болеть будем? ⚽️
🚦 Как 2ГИС превратил «зелёную волну» в интерфейс
Я кайфанул от статьи, это прям продуктово покопаться в таком незначительном элементе) Даня из команды Транспорт в 2ГИС рассказывает, как в навигаторе запускали подсказку для проезда светофоров без лишних остановок. Идея звучит просто: если известны состояния светофоров по маршруту, можно подсказать водителю скорость, при которой он попадёт в зелёную волну. Но в машине простой идеи недостаточно, потому что каждый новый элемент на экране конкурирует не с красивой пустотой, а с дорогой, маршрутом, манёврами, камерами и вниманием водителя. Самое интересное в кейсе, как команда искала форму для этой подсказки. Текстовые сообщения оказались слишком тяжёлыми, одно число требовало постоянного сравнения, а зона спидометра уже была занята предупреждениями. В итоге решение собралась из двух слоёв: плашка с диапазоном скорости даёт точность, а аналоговая шкала с зелёной зоной помогает быстро понять, в потоке ты или нет. Отдельно сильная часть кейса, что дизайнер не остановился на макетах, а полез в математику стрелки, код и параметры анимаций, чтобы фича доехала до релиза в нужном виде. Внутри: – Почему «просто показать скорость» оказалось плохой постановкой задачи; – Как интерфейс навигатора ограничивает любое новое решение; – Почему зелёная волна должна ощущаться как состояние, а не как уведомление; – Как диапазон скорости оказался понятнее одного целевого числа; – Зачем в интерфейсе появился аналоговый спидометр с зелёной зоной; – Как анимации помогают дать обратную связь без лишнего шума; – Почему дизайнеру пришлось проверять техническую реализацию самому; – Что 2ГИС планирует добавить дальше: награды за серию зелёных светофоров и новые города. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы