как и почему вайбкодили фон для главной рассказывает 🫖 лева ловушка, дизайн-лид прагматики.

потыкать в прототип с картинки можно тут (десктоп онли)

Новые инструменты позволяют концептуально подходить к возможностям, вот визуализация интерьеров в приложении по 2D картинке строится проекция для дополненной реальности. Цифровой прототип приложения с AR. Применение нейронки Nano banana далее World Labs и всё в WebAR (threejs)

Ясонас Георгиадис исследовал, как дизайнеры могут использовать агентные CLI-инструменты Claude Code и Codex CLI для создания AI-управляемых рабочих процессов. Главное отличие от AI-IDE: CLI-инструменты подключаются напрямую к моделям, минуя посредников, что делает взаимодействие быстрее и надёжнее. Ключ к успеху — идеально выровненная дизайн-система, где переменные Figma напрямую соответствуют CSS-токенам. Автор использовал новые возможности Code Connect UI с компонентным маппингом и MCP-инструкциями для каждого компонента. Файлы CLAUDE.md в корне проекта определяют правила поведения AI-агентов и структуру проверок. В тесте с превращением нарисованного от руки макета в прототип Claude Code справился за 14 минут, создав респонсивную страницу с правильными токенами, а Codex CLI потратил 20 минут с менее точным результатом. Внутри: – Почему прямое подключение к моделям эффективнее работы через IDE; – Как субагенты работают в изолированных контекстных окнах для экономии токенов; – Зачем нужны матрицы проверки компонентов (Default, Hover, Active, Focus, Disabled); – Какие 10 специализированных агентов автоматизируют проверки дизайна; – Как Playwright MCP позволяет Claude самостоятельно тестировать интерфейс в браузере; – Почему больший контекст часто приводит к менее точным результатам. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Мы рады, когда наши студенты сразу после обучения могут монетизировать свои знания, и это как раз отличный шанс 👇🏻 ⚡️ Компания Mobilon ищет дизайнеров и ИИ-креаторов для работы над визуальными задачами в IT-компании. Формат: онлайн-стажировка Что предстоит делать: ▫создавать изображения и концепты для интерфейсов и презентаций; ▫делать короткие ролики, анимации, сториборды; ▫работать с ИИ-инструментами (Sora, Krea, Midjourney и т.д.); ▫собирать прототипы, визуальные элементы, графику для продукта. 📌 Формат — гибкий (по задачам), 🔘Оплата за проект — по договоренности 🔘По итогу стажировки возможно дальнейшее трудоустройство на постоянной основе 💌 Если заинтересовало — пиши @julpnk с пометкой «bonnieandslide»

проект Neo Mosaic, созданный Верой Чекуновой — преподавателем Школы дизайна и экспертом HSE Gift Lab, — получил сразу две ключевые награды в сфере экологии: «Зелёная премия» и «Экологическая премия Москвы 2025». Neo Mosaic — это технология художественной переработки пластика, превращающая вторичное сырьё в мозаики, интерьерные объекты и арт-инсталляции. проект соединяет экодизайн, инклюзию и просветительские практики, предлагая новый взгляд на материал будущего. 📚 в 2025 году в Школе дизайна НИУ ВШЭ запустился вариатив по Neo Mosaic и открылась мастерская по переработке пластика. студенты работают с материалом на всех этапах — от исследования до прототипирования. часть проектов уже готовится к тестовым релизам в HSE ART AND DESIGN STORE и на платформе BRND.

Мы запускаем отбор специалистов, которые используют AI как основной рабочий инструмент. Ищем тех, кто работает быстро, точно и умеет усиливать креатив и продукт через технологии. Направления: — Маркетинг: исследования, сегментации, A/B-тесты, генерация креатива, аналитика. — Дизайн: визуальные концепции, фирстиль, UI, системы, шрифты, саунд и сенсорный дизайн — Разработка: интеграции, пайплайны, прототипирование, архитектура решений. Мы ищем тех, кто: — уже использует AI в ежедневной работе; — умеет решать задачи быстро и структурно; — может создавать новые технологии и продуктовые практики; — хочет работать с масштабными брендами и сложными задачами; Кто мы: ONY — брендинговое агентство с 25-летним опытом. Работаем на стыке дизайна, стратегии и технологий. Среди клиентов: МТС, Х5, Т-Банк, HeadHunter, Брусника, Золотое Яблоко, Подружка, Островок и десятки нишевых брендов. Сроки OPEN CALL: 24.11 — 15.12.2025 Хочешь стать частью AI-практики ONY? Оставляй заявку по ссылке — познакомимся и обсудим формат.

Не все дизайнеры включают в свою работу по разработке сайтов этап прототипирования, но иногда без него никак не обойтись. Ранее я уже писала про этап проектирования, но хочу ещё добавить пару слов о его важности. На скриншоте вы видите интерактивный прототип довольно большого сайта, который мы вместе с заказчиками делали несколько месяцев, он претерпел немало изменений с его первой версии, и вот наконец мы его почти согласовали. Написаны все тексты, продуманы все блоки и страницы, отрисованы все переходы и UX составляющие. Осталось только упаковать эти варфреймы в красивый дизайн, а функционал уже полностью готов. Если б не было прототипа, все это пришлось бы продумывать на этапе дизайна. И вместо того, чтобы мозг полностью погрузился в процесс рисования, ему пришлось бы делать сразу две противоположные по своей сути задачи — на логику и творчество. Согласитесь, это очень трудоёмко и, как правило, приводит к не очень хорошему результату. Поэтому я разделяю процессы прототипирования и дизайна на два разных этапа — это помогает качественнее решить данные задачи: сначала включаем логику, а потом творчество (в идеале, если эти этапы делают два разных человека). 💭 Поделитесь в комментариях, делаете ли вы прототипы? Для всех проектов или только для части? Есть ли трудности в создании прототипов? Может вам не достает теории по этому этапу? Буду рада любой вашей обратной связи 🤗 #прототип

📖Сейчас Артем работает над роботом-экскурсоводом, пока что прототип живет в цифре. О разработках Артема смотрите сюжет программы «Пульс города» на канале «Санкт-Петербург». ➡️Пока снимали сюжет, кстати, придумали предложить установить Вещь в поездах РЖД. Едешь в купе, играешь в шашки с Вещью, коротаешь себе время до Владивостока, например.

Возможно, среди них вы найдёте того, с кем захотите поработать 🤍 ● Николай Маковский — UX/UI-дизайнер, 3 года руковожу командой и отвечаю за UX/UI е-commerce проектов в restore. ● Алсу Тагирова — веб-дизайнер. Создаю удобные и современные интерфейсы — от концепции и прототипа до готовой вёрстки. ● Мария Ивкова — мультидисциплинарный дизайнер. Работаю на пересечении брендинга, digital и ивент-визуала. ● Дмитрий Миткеев — UX/UI-дизайнер. Создаю цифровые продукты, которые сочетают бизнес-цели и потребности пользователей. → Все исполнители на одной страничке Заполняйте анкету по ссылке, и мы опубликуем ваше портфолио в канале. #портфолио

💡Вы узнаете, как использовать генеративный ИИ для генерации идей, прототипирования и реализации креативных проектов — от AR/VR до оцифровки произведений искусства. 🗣️Спикер: Ксения Кузнецова — создатель сообщества AI-амбассадоров Сбера и AI-ментор с опытом в FashionTech и цифровом дизайне. 📝Регистрация 📅8 декабря | 18:00 📍«Точка кипения - ПромТехДизайн» СПбГУПТД 👻MAX |💙 ВК | 📝Дзен

Фёдор из Notamedia показал способ создания рабочих прототипов мобильных приложений через связку Figma, Cursor, Expo и Git. Главная идея в том, чтобы использовать ИИ-редактор кода Cursor для автоматического превращения макетов в React Native приложение. Процесс начинается с подготовки макета: все элементы должны иметь понятные названия, чтобы ИИ лучше понимал структуру. Затем через Figma MCP (специальный сервер) Cursor получает доступ к макету и с помощью команды get_code изучает структуру фрейма. После создания базового проекта через npx create-expo-app достаточно скопировать ссылку на фрейм из Figma и отправить в чат Cursor с нужной командой. Результат можно сразу посмотреть на смартфоне через приложение Expo Go, просто отсканировав QR-код. Внутри: – Зачем нужны «Записи и правила» в настройках Cursor; – Как Git спасает от случайного переписывания кода ИИ-агентом; – Почему важно правильно называть элементы в макете; – Как запустить прототип на любом смартфоне через Expo Go; – Какие команды нужны для сохранения работы через Git; – Почему навыки вайб-кодинга скоро станут обязательными для дизайнеров. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

mockitt.wondershare.com/homepage

проект выпускника курса «Современные практики промышленного дизайна» Школы дизайна Ильи Соколова и его коллеги занял первое место в категории «Дизайн-прототипы» индустриальной премии «Лучший промдизайн России». ⚡️ «Гоэлро» демонстрирует, как промышленный дизайн формирует визуальную культуру технологического прогресса — соединяя эстетику, эргономику и продуманные пользовательские сценарии дизайнеры подчеркивают, что отказались от утилитарных и «нефтяных» эстетик, выбрав динамичную форму, вдохновлённую идеей движения!

✈️В номинации «Поймай момент» в партнерстве с аэропортом Пулково дизайнерам предлагается создать проект фотозоны или объекта аттракции, которая станет вовлекающей точкой для Пулково, украшением пространства аэропорта как культурного и туристического объекта. 🚛В номинации «Шатл» в партнерстве с КАМАЗом задача дизайнеров — создать единый визуальный язык для линейки беспилотных и электрических пассажирских транспортных средств КАМАЗ. ☝🏻На протяжении нескольких месяцев участники работают над дизайн-решением для заказчика под руководством менторов и кураторов: создают готовые эскизы, прототипы, макеты. ✨Финал конкурса совсем близко — скоро станут известны имена победителей. Напомним, за три года участия студентов СПбГУПТД в «Young Design» они становились победителями более чем в двадцати конкурсных номинациях. 🔗Подробнее на Дзене.

Меня читают не только дизайнеры, но и другие роли из команд продукта, поэтому хочу сделать в этом посте небольшой ликбез Юзабилити-тесты помогают понять, насколько интерфейс продукта удобен для конечных пользователей. Главная цель тестов — выявить проблемные места, где люди сталкиваются с трудностями, и улучшить опыт взаимодействия с продуктом Тесты бывают модерируемыми — это когда есть господин-ведущий, и само исследование скорее качественного формата. А бывают немодерируемыми — это когда весь сценарий собирается на платформе (например, фабрика юзабилити / pathway / maze), и юзеры сами там все проходят по ссылке Кто проводит: Обычно дизайнеры и исследователи, но я сторонник подхода, когда любой человек из команды продукта подключается к тестам. Это дает совсем другое понимание того, как юзеры себя ведут Даже самый восхитительный (и награждаемый) дизайн не гарантирует, что юзеры смогут легко выполнять нужные действия в интерфейсе. И своевременные тесты очень помогают сэкономить ресурсы на исправление проблем после запуска или внедрения дизайна Процесс исследования обычно выглядит так: 1. Определяем цели (что хотим проверить) 2. Формулируем интерфейсные гипотезы 3. Подбираем юзеров (очевидно, подойдет не любой человек) 4. Готовим прототип 5. Проводим тест (даем задания и наблюдаем) 6. Анализируем результаты 7. Делаем выводы и внедряем улучшения Количество пользователей: Стандартно 5 человек для модерируемых тестов. Обычно тут начинается срач: «а как вы решили, что нам надо 5 человек?!». Тут все ссылаются на Nielsen Norman Group, где говорится, что при тестировании с 5 пользователями обычно выявляется около 80% проблем. На практике все берут от 5 до 10 человек на сегмент. Это значит, что если мы хотим провести тест на новой аудитории и на текущих пользователях, то нам надо хотя бы 5 человек там и там Для немодерируемых чуть сложнее. Надо учитывать общее количество пользователей и погрешность, с этим помогают специальные калькуляторы. Но можно сказать 70-100, и это в целом норм (с оговорками) Как устроен сам тест: На встречу приходит модератор (тот, кто проводит) и юзер. Модератор говорит вводное, дает задания юзеру, наблюдает и фиксирует. Юзер пытается выполнить задания и комментирует свои действия. Я тут предпочитаю донасыщать тест до и после вопросами, чтобы вытащить что-то полезное. Встречу лучше не делать дольше 1 часа, т.к. юзер устает + вовлеченность снижается Гайд и задания Каждая встреча строится на гайде, который готовится заранее. Гайд содержит в себе цели, критерии выборки юзеров и гипотезы Практический пример Пусть это какой-то сервис с видео Гипотеза: пользователь понимает, где находится история просмотра и может в нее зайти Вопрос (задает модератор): представь, что ты смотрел пару недель назад то-то...как бы ты вернулся к этой записи? По сути вопрос и есть задание, просто он сформулирован так, чтобы не давать юзеру подсказку Отчет: Провели все интервью? Ура, теперь надо свести все воедино Ищем паттерны (повторы) в проблемах и анализируем все совокупно. Для каждой проблемы полезно фиксировать встречаемость и критичность для пользователя Метрики Даже тут есть метрики, да! Часто используют: - Task Success Rate - Time on Task - Error Rate - Satisfaction (субъективная оценка от юзера) Есть еще Eye-tracking/heatmap, которые показывают, как распределяется внимание, но это скорее карты, чем метрики В зрелых командах юзабилити — это стандарт дизайн-процесса, как утром зубы почистить. Ну и напоследок — дизайн не должен рисоваться в вакууме. Проверяйте свои решения! - - - - - Я хочу сделать закрытый воркшоп узким кругом для тех, кто хочет научиться проводить юз.тесты или систематизировать знания. Всего 6 мест (5к за место) Формат такой: встреча в онлайне на пару часов, на которой пройдемся подробно по всем этапам, там же дам домашку + отдельная встреча с разбором всей домашки тоже на пару часов Это очередной эксперимент (они у меня удачные в последнее время, кстати!) Если хочешь разобраться с юзтестами, напиши мне в личку @odokienkoan

А поможет в этом подборка инструментов от Анны Яшиной: она не только занимается иллюстрацией, но и работает наставницей на курсе «3D-дизайнер». Очень важным в любой профессии является место для эксперимента. В дальнейшем найденные решения либо откроют новые возможности, либо останутся в памяти как опыт. В моем списке есть и простые приложения, которые я тестировала в дороге, и что-то смежное с 3D, позволяющее иначе взглянуть на поиск образов и смыслов. monstermash.zone: забавная платформа, где можно нарисовать силуэт пальцем, раздуть его в объем, а потом задорно заанимировать. beta.womp.com: тоже бета, но серьезнее, чем monstermash. Здесь можно рендерить и прототипировать уже на уровне сцены со светом. experiments.withgoogle.com/collection: огромная коллекция графических экспериментов со ссылкой на используемое ПО. artbreeder.com: совершенно сумасшедшая нейросеть, в которой можно создавать гибриды на разных уровнях. processing.org: платформа позволяет почувствовать себя чуть-чуть Марком Ротко и Йоханнесом Иттеном, а еще и код посмотреть. threejs.org: инструмент для работы с интерактивной роскошью и массой нереальных примеров. shadertoy.com: тул для экспериментов с шейдерами, поиска новых форм и эффектов.

Если вы совмещаете аналитический склад ума с любовью к эстетике, то стоит попробовать себя в UX/UI-дизайне. Вам предстоит не просто рисовать интерфейсы, а проектировать эмоции и создавать визуал, который цепляет — от первой до последней точки контакта. У вас есть реальная возможность освоить эту профессию бесплатно с нуля в «Школе 21» всего за 9 месяцев! Новая программа обучения «UX/UI дизайн» разработана с акцентом на исследования, прототипирование и командную работу. Готовы сделать первый шаг? Подавайте заявку на сайте прямо сейчас! #FormApplication">Освоить профессию мечты

Мы — IT Test. Наша команда занимается разработкой, дизайном и тестированием IT-продуктов для классных компаний, о которых ты точно слышал. Мы уже делали проекты для Яндекса, Сбера, ВТБ, Тинькофф, Х5 Retail Group и других гигантов рынка. Задачи: — проектировать, прототипировать, рисовать дизайн, составлять UI-KIT — разрабатывать интерфейсы приложений — придумывать и реализовывать дизайн различных сайтов, рисовать адаптивы — работать в команде — делать оценку поставленным задачам Ожидания: — отличное владение Figma — умение делать простые анимации, иконки, иллюстрации — умение пользоваться и составлять CJM и User flow — иметь представление о UX-аналитике — опыт создания и поддержки UI-KIT — опыт работы c E-comm, разработка сервисов, корпоративных сайтов, лендингов — умение оформлять кейсы для Behance — хорошее знание UI/UX-паттернов взаимодействия с интерфейсом — портфолио, мы ждём ссылки на ваши большие и интересные проекты в Figma Будет плюсом: — опыт работы с графическим дизайном Условия: — полностью официальное трудоустройство в аккредитованной IT-компании — возможность выбирать формат работы: в офисе, гибридно или удаленно; — ДМС, компенсация 50% абонемента на любой спорт — комфортные офисы в Санкт-Петербурге и Туле, оснащенные всем необходимым для работы и отдыха — бесплатные обеды для тех, кто работает в офисах Контакт для отклика: @Sokolova_Dana #дизайн

Своим списком инструментов поделилась Анна Яшина, наставница курса «3D-дизайнер». Очень важным в любой профессии является место для эксперимента. В дальнейшем найденные решения либо откроют новые возможности, либо останутся в памяти как опыт. В моем списке есть и простые приложения, которые я тестировала в дороге, и что-то смежное с 3D, позволяющее иначе взглянуть на поиск образов и смыслов. monstermash.zone: забавная платформа, где можно нарисовать силуэт пальцем, раздуть его в объем, а потом задорно заанимировать. beta.womp.com: тоже бета, но серьезнее, чем monstermash. Здесь можно рендерить и прототипировать уже на уровне сцены со светом. experiments.withgoogle.com/collection: огромная коллекция графических экспериментов со ссылкой на используемое ПО. artbreeder.com: совершенно сумасшедшая нейросеть, в которой можно создавать гибриды на разных уровнях. processing.org: платформа позволяет почувствовать себя чуть-чуть Марком Ротко и Йоханнесом Иттеном, а еще и код посмотреть. threejs.org: инструмент для работы с интерактивной роскошью и массой нереальных примеров. shadertoy.com: тул для экспериментов с шейдерами, поиска новых форм и эффектов.

Дизайнеры могут использовать AI для быстрого анализа контекста, аудитории и визуального направления перед запуском сайта. Узнайте, как это сделать эффективно Читать на дизайнерс | #статья