😮 Победа DNS над интерфейсным хаосом
Света, дизайнер интерфейсов DNS, рассказала о трансформации внутреннего продукта DNS REDACTOR. На одной странице насчитывалось 6 типов кнопок, каждый дизайнер рисовал страницы по-своему, а разработчики верстали как считали нужным. За 6 месяцев команда создала полноценную дизайн-систему, которая изменила не только интерфейсы, но и процессы работы.
Самым сложным компонентом оказался Select, который пришлось переделывать 4 раза. Зато благодаря ему появились подробные гайды использования с описанием всех возможных сценариев. А новый компонент Aside-header освободил пространство сверху экрана, что критично для продукта, где основа интерфейса — таблицы.
Внутри:
– Почему внутренние продукты — это лицо компании внутри неё;
– Как семантические цвета с альфа-каналом решили проблему 50 оттенков серого;
– Зачем фильтры переместили в шапку таблицы;
– Какие требования к макетам стали обязательными;
– Почему визуальное тестирование добавили в процесс QA;
– Как система статусов помогает управлять компонентами.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Графический дизайнер в Pilgrims
Мы — Pilgrims Agency, создаем креативы для соцсетей, 2D и 3D-motion графику, SMM, дизайн и маркетинговые мероприятия любой сложности.
Работаем с Яндекс, viju, Буше, Мираторг, SuperStep, Macrocosm, Mesh'n'Flesh и многими другими.
Задачи:
— создание визуалов для соцсетей, digital-рекламы и презентаций
— разработка айдентики и элементов фирменного стиля проектов
— подготовка макетов к печати
— сбор референсов и мудбордов для новых проектов
— поддержание фирменного стиля проектов во всех коммуникациях
— работа в команде с арт-директором и SMM-отделом
Ожидания:
— уверенное владение Figma, Adobe Photoshop
— навыки базового монтажа, будут вашим преимуществом
— навыки графического дизайна: создание визуального контента для соцсетей (посты, сторис и др.), обработка фотографий, работа с фирменным стилем бренда, создание айдентики и макетов для digital и офлайн-кампаний, подготовка макетов для типографии
— чувство композиции, типографики и цвета
— креативный подход к работе и вкус
Условия:
— удаленная работа
— полная занятость с 10:00 до 19:00 по мск
— ЗП по договоренности
→ Откликнуться
#дизайн
😍 Как правильно работать с UI/UX-дизайнерами и не сломать продукт
Сергей Галан из Utopia и Елена Рнае из Софториума создали подробный гайд по взаимодействию с дизайнерами. Главная мысль: 80% проблем в проектах возникают не из-за отсутствия таланта у дизайнеров, а из-за сбоев в коммуникации между командой и постановщиками задач.
Авторы разбирают частые ошибки: менеджеры перегружают senior-дизайнеров контролем или бросают джунов без опоры, ставят задачи в духе "красиво как у Apple", не фиксируют критерии готовности. В результате проект буксует, а команда получает красивые, но технически нереализуемые макеты или работающий, но неудобный интерфейс.
Внутри:
– Как оценить уровень дизайнера и выбрать модель взаимодействия;
– Структура эффективного брифа с расшифровкой референсов;
– Почему архитектору важно видеть дизайн на старте;
– Что проверять на демонстрации с участием всей команды;
– Какие состояния интерфейса должен передать дизайнер;
– Чем плохая работа с компонентами обернётся дорогим обслуживанием.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🎙️ Как Perplexity создаёт голосовые интерфейсы будущего
Гуннар Грей, ведущий дизайнер мобильных устройств Perplexity, рассказал о создании голосового режима, который прошёл через три крупные итерации. От простой синусоидальной волны команда дошла до сферы из частиц, созданной с помощью металлических шейдеров, которая меняет форму и цвет в зависимости от состояния системы.
Главное открытие: в эпоху AI граница между дизайном и инженерией размывается. Грей научился писать шейдеры с помощью Cursor, хотя у него нет технического образования. Он подчёркивает, что инструменты вроде Cursor снижают барьер входа в программирование, позволяя дизайнерам задавать вопросы и получать объяснения прямо в процессе работы.
Внутри:
– Почему кнопка «нажать, чтобы говорить» решила проблемы с задержкой;
– Как визуализатор из точечной сетки создаёт обратную связь;
– Зачем дизайнеру учиться писать код и работать с шейдерами;
– Почему специалисты широкого профиля ценятся в стартапах с AI;
– Как голосовой режим работает в режиме громкой связи;
– Какие инструменты помогают быстро прототипировать динамичные интерфейсы.
➡️ Смотреть интервью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Как я пилю свой продукт. Часть 18
Последний месяц был долгим в плане кода по двум причинам. Первая: я в путешествии, вторая: делал hirehi PRO.
Сервис полгода был бесплатным для всех без ограничений. Были доступны все функции (мэтч, генерация сопроводительных, проверки сиви и так далее). Этим воспользовались тысячи людей и это очень радует. Но все эти процессы затратные и требуют значительных ресурсов. Поэтому hirehi теперь можно купить. Он остаётся бесплатным для вакансий, имеет некоторые лимиты для фич, но если вы хотите пользоваться без ограничений и получать доступ ко всем новым фичам (которые будут требовать затрат), то можно купить PRO версию.
Это был челлендж для меня, потому что я никогда такого не делал с кодом. Нужно было интегрировать платёжный экварйинг, всю апишку, предусмотреть кейсы оплат, сроки, обнуление, активацию и так далее. Супер сложная задачка для меня и аишки, но мы справились. И ещё нужно было предусмотреть массу состояний для бесплатных лимитов, а когда они кончаются показывать другие блоки в зависимости от этого. Ну и отрисовать новый фронт для подписки, красивую модалку оплаты, виджеты PRO и так далее.
Вчера, когда я деплоил, было очень боязно, что всё отлетит (хоть я и прогнал на тест-стенде все сто раз), но все работает и я этому очень рад. Тут нет планов заработать миллионы, это скорее больше как донат для меня и жизни сервиса и челлендж такое сделать.
Плюсом к этому я сделал раздел оплат для себя в админке и теперь там есть аналитика, статусы оплат, можно выдавать, можно обнулять. И да, никакой автоматической подписки нет. После оплаты ничего не спишут неожиданно, да и я не стал с этим заморачиваться пока.
Сейчас небольшая передышка и дальше буду уже делать продуктовые фичи, улучшать UI и исправлять баги 😍
Приходите смотреть вакансии, рассказывайте друзьям и знакомым, кто ищет работу) Я продолжаю получать много позитивного фидбека в личку и это безумно радует.
Если у вас есть что сказать, фидбек, пожелание, ошибка или что сервис не очень (и такое есть тоже), приходите в личку
➡️ Смотреть вакансии
➡️ Смотреть вакансии
➡️ Смотреть вакансии
ч.17
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Прямиком из лаборатории: как разговаривать с ИИ так, чтобы макеты не расползались
Китайские исследователи показали SpecifyUI — система, которая помогает в итеративном проектировании пользовательских интерфейсов с использованием структурированных спецификаций и генеративного искусственного интеллекта.
Сердце системы — SPEC — структурированное, параметризованное, иерархическое промежуточное представление, в котором элементы пользовательского интерфейса представлены в виде управляемых параметров.
Да, звучит сложно. Но это может помочь с генеративным дизайном в будущем. Так что давайте разбираться.
Как устроен генеративный дизайн сейчас (и что с ним не так)
– Текстовые подсказки рулят сценарием: большинство инструментов просят «объяснить словами» замысел, а потом пытаются угадать структуру макета и компоненты. Итерации линейные: мелкая правка часто «расползается» по макету.
– Болезненная точечная правка: без формальной структуры сложно поменять один блок, не тронув остальные. Нужна адресная правка по узлу и атрибуту, а не перегенерация целой страницы. Это и закрывает SPEC: правки вида <операция, путь, значение> — например, заменить палитру только у шапки или превратить таблицу конкретной секции в карточки.
– Нет мостика к коду: обычная генерация выдает «картинку вдохновения». SPEC строит мост до инженерии: RAG по базе примеров, агент кода и отладчик доводят результат до исполнимого состояния.
Чем SPEC нам полезен?
– Контроль: намерение фиксируется как SPEC — структурная запись про сетку, палитру, «язык форм», сценарий и иерархию Страница → Секции → Компоненты. Правки вносятся адресно по пути в структуре, не ломая остальное.
– Сборка из референсов: система режет референсы на регионы, достает из них структуру и стиль, склеивает в единый SPEC. Можно брать сетку из А, палитру из В, компоненты из С.
– Повторяемость и передача в разработку: SPEC конвертируется в рабочий интерфейс и код (React + библиотека компонентов + графики); есть цикл «сгенерировать — отловить ошибку — починить».
Почему это не пустая болтовня
На корпусе из ~2000 экранов: меньше визуальных ошибок, выше семантическое сходство, стабильнее структура. В тесте с 16 дизайнерами участники отметили лучшее чувство контроля по сравнению с Google Stitch
Где это реально заходит
– Продуктовые экраны, каталоги, дашборды, лендинги с повторяющимися блоками.
– Когда важно держать стиль и логику дизайн-системы.
– Когда итераций много и их нужно фиксировать правилами, а не папкой картинок.
Когда можно пройти мимо
– Разовый визуальный эксперимент ради идеи.
– Очень маленькие страницы, где быстрее нарисовать, чем описывать.
– Когда нет ресурса сформулировать правила — SPEC требует дисциплины.
Итог
Это начало пути, но направление правильное: итеративный дизайн с ИИ под контролем структуры. Меньше случайностей, больше повторяемости.
👥 Как Авито превратили матрицу DACI в продукт для всех команд
Команда Авито столкнулась с проблемой: сотрудники не понимали свои роли в проектах. Дизайнеры не знали, что должны сами утверждать стиль, редакторы удивлялись, почему текст написали без них. Решением стала матрица DACI — таблица с четырьмя ролями: Driver (организатор), Approver (заказчик), Contributor (исполнитель) и Informed (информированный).
Первая версия получилась слишком сложной: 70+ процессов в громоздкой таблице. Команда переработала концепцию: вместо ролей в основу положили должности (их проще найти), а для визуальной метафоры выбрали глаза разной формы для каждой роли. Проект превратился в самостоятельный продукт с лендингом, 3D-персонажами и возможностью создать свою матрицу.
Внутри:
– Почему 36 сотрудников из 6 департаментов провели воркшопы по Double Diamond;
– Как переход от ролей к должностям упростил поиск информации;
– Зачем каждой роли нарисовали глаза разной формы;
– Как промоматериалы с 3D-персонажами помогли продвижению;
– Почему древние люди на лендинге ловят мамонта;
– Какие сценарии кастомизации предусмотрели для других компаний.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Хочешь такие визуалы, чтобы люди сохраняли их не раздумывая?
Я собираю промты и стили для генерации мощных образов:
аватарки, мерч-референсы, фейковые лукбуки, сюрреалистичные сцены, визуальные фишки для каналов, брендов и личного кайфа.
Все самые удачные находки — у меня в канале.
Самое главное, что на нейронках ты сможешь хорошо заработать 😊
Всё чётко по вайбу:
• GPT/Gemini/Midjourney
• образы для роста охватов Pinterest и Telegram
• только реалистичные и продающие генерации
• примеры, формулировки, стиль — бери и делай
📎 Подписывайся, если готов задавать тренды.
Расти свой сад идей
Понятие Digital Garden связано с методиками управления знаниями вроде Цеттелькастена или «Второго Мозга». Концепция заключается в том, что каждая запись — не финальный результат (как в блоге), а лишь начальный этап работы, «сырьё».
Это место для формирования идей, их переработки, развития, их «увядания» и «роста».
Для того, чтобы в таком саду идеи давали плоды, нужно подготовить инфраструктуру, которая будет поддерживать этот процесс. Удобный доступ к грядкам, оросительная система, грабельки-секаторы.
Когда собираешь такую систему для себя, очень легко настолько заморочиться, что вместо синтеза и анализа идей ты будешь бесконечно заниматься каталогизацией, систематизацией и причёсыванием вместо эффективной работы.
Моя экосистема заметок живёт в Obsidian, Telegram с каналами и тегами, Notion, FigJam и в нескольких физических блокнотах.
«А разве это не хаос?», — спросите вы.
«Всё — хаос», — отвечу я. Просто я определил степень хаоса и устанавливаю в зависимости от того, для чего и какие именно заметки веду.
Низкая степень хаоса у меня у тех записей, которые нужно показывать: команде, коллегам, партнёрам. Тут всё по папочкам и тегам, чтобы быстро вернуться. С кросс-ссылками и референсами. Это мои грядки.
Средняя степень хаоса в Телеграм. Тут есть такие записи в канале для заметок, про которые я думаю «А чё я вообще имел в виду». Но их удобно фиксировать в моменте и дорабатывать в более рабочей атмосфере. Это оросительная система.
Высокая степень хаоса — бумажные блокноты и стикеры. Ну это гнус) Просто выгрузить из головы в физический план, исписаться. Что тоже очень полезно и расчищает почву. Уже не ставлю кавычки, потому что весь пост — сплошная «метафора».
Моя система позволяет не париться в моменты, когда нужно что-то просто записать, и имеет подготовленный плацдарм для тех знаний, которыми буду пользоваться не только я.
Записывайте как удобно. Помните, что одна заметка — это зёрнышко. Несколько — мешок с… зёрнами. А система заметок, которые регулярно записываются и обновляются — это сад, часть которого обязательно превратится в прекрасные высаженные клумбы, радующие взгляд читателей и ваш собственный.
Юля написала про поиск идеи и их адаптацию под себя. С примерами.
#антон #заметка #написябрь2025
🍍 Явно.Дизайн x 🍥 tak.pobedim
😱 Что это за челлендж?
🔔 Inspiration #153
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥
– metamask.io
– jordanrosenberg.com
– craftwork.design/studio
– 247artists.com
– yummygum.com
———
– nataliealmosa.ca
– madebynull.com
– friend.com
– altergeneva.com
– ryry.io
———
– tally.so
– finethought.com.au
– thesmile.tv
– dedcool.com
– multi.app
———
– aaa24.a24films.com
– heynds.com/en
– nlc.obys.agency
– tux.co/en
– hellodani.co
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Ищем Motion Designer в крупную IGaming-компанию. Если ты горишь анимацией и хочешь работать над продуктами мирового уровня — читай дальше:
Что предстоит делать:
⚡️ Создавать анимацию по референсам и концептам
⚡️ Готовить проекты к экспорту в разные форматы
⚡️ Работать вместе с командой в Discord — идеи, штурмы, быстрые тесты
Что нужно уметь:
⚡️ Adobe After Effects на высоком уровне
⚡️ Premiere Pro, Illustrator, Photoshop, Figma
⚡️ Понимать композицию, цвет и динамику
Будет плюсом:
⚡️ Опыт работы в Blender
⚡️Любовь к агрессивным дизайнам и геймификации
⚡️ Навыки работы со звуковыми эффектами
⚡️ Интерес к нейросетям и желание развиваться в этом направлении
Что даём:
⚡️ Удалённый формат — работай из любой точки мира
⚡️ Свободу и максимум инициативы — твои идеи важны и реально внедряются
⚡️ Отсутствие микроменеджмента и формальности — результат важнее отчётов
⚡️ Работу над продуктами, которые формируют тренды, а не догоняют их
📩 Готов прокачать свои навыки и делать анимации, на которые будет ровняться индустрия?
Отправляй отклик сюда ➡️ @NDA_recruiter
