Набор «Abstract Neon Shapes» by Ali Bahmani А это 6 очень качественных абстрактных элементов

⚙️ Скачать набор ⚙️ #материалы

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )

Обычно после записи к врачу пользователь видит простой экран подтверждения и идет дальше. В СберЗдоровье решили пересобрать этот момент иначе: не просто сказать, что запись оформлена, а сразу помочь с тем, что делать дальше. Маршрут, календарь, подготовка к приему, а уже после этого аккуратные офферы и переходы в другие сценарии. Самое важное в этом кейсе то, что команда не превратила чувствительный медицинский экран в рекламную витрину. Сначала провели исследования, убрали лишнее, вынесли ключевые действия на первый уровень и переписали коммуникацию с языка скидок на язык пользы и контроля. В итоге выросли и продуктовые метрики, и ценность для пользователя: кросс-переходы +34%, установки приложения +28%, а сам экран потом еще и превратили в модульный компонент для других продуктов. Внутри: – Почему старый экран подтверждения перестал справляться с задачами продукта; – Как команда искала баланс между бизнес-целями и доверием пользователя; – Что показали глубинные интервью и юзабилити-тесты; – Какие элементы пользователи действительно хотели видеть сразу после записи; – Почему CTA на установку приложения лучше работает через пользу, а не через скидку; – Какие метрики выросли после запуска нового экрана; – Как из одного решения сделали универсальный компонент для дизайн-системы; – Почему экран завершения сценария тоже может быть сильной продуктовой точкой роста. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Ещё один небольшой пак рисованных элементов для стилизации вашего дизайна. ✍️Скачать пак✍️ #материалы

Коллеги, на вебинаре 12 мая про миланскую неделю дизайна мы разберём миланскую неделю дизайна с четырёх сторон: • посмотрим макро-тренды на примере ярких инсталляций; • разберём на приёмы самые красивые и актуальные интерьеры; • сделаем подробный анализ по элементам интерьера: колористика, орнамент, материалы — на основе нескольких площадок; • подумаем, как применить всё это в ваших проектах. У нас есть два тарифа: с презентацией и без — сейчас на оба действует скидка 20% Запись вебинара останется с вами на 1 год.

Install ️

#уроки

Недавно завайбкодил небольшой лендос с помощью Cursor, собрал ТГ-бота в n8n, не говоря уже о Nano Banana, приколах в Sora, Suno и каждодневном использовании GPT. Для продукта в GPT генерю гипотезы, анализирую конкурентов, дипсёрчу источники в Perplexity, иногда прошу GPT провести ревью флоу/экрана. Экспериментировал в Figma Make, но результат оставил желать лучшего. Чтобы узнать, как у других, поспрашивал ребят из разных компаний о том, как AI-инструменты поменяли их дизайн-процесс и поменяли ли. 👱‍♂️ Юрий Ветров ⏺️ Дизайн-директор в Точка Банк Сам дизайн-процесс не поменяли, потому что он больше завязан на совмещение целей пользователей и бизнеса, а не конкретные инструменты. Но какие-то части процесса — да. Где-то это бытовуха — вроде перегнать данные из одного формата в другой. Где-то — автоматизация этапа процесса (например, написать свой плагин для Фигмы). Где-то — возможность делать графические элементы на потоке (например, нодовые инструменты генерации). В хобби-проекте вечерами пишу учебную платформу и дизайн-систему на React в формате парного программирования. 🥷 Стефан Васадзе 🏧 Руководитель дизайн-группы в EMCD, ex.Яндекс, ex.VK В дизайне пока только внедряем и учимся, из живого: — Сделали агента, который собирает сам задачу под шаблон опрашивая продакта, далее хотим прикрутить этап первичного discovery; — Сделали плагин где маркетинговые материалы самогенерятся на основе инпута (KV + текста + ресайзы); — Собрали за день свой инструмент для assessment и perfomance review дизайн команды + аналитика и всякие приколдесы; — Делаем пересборку дизайн-системы и компонентов в сторибуке прямой связкой через Figma API, далее хотим автоматизировать пуш изменений и начать работать не с макетами, а с прототипами в коде; — Работаем над проектированием агентов под точечные задачи, в идеале скинуть на них всю операционку где можно без человека; — Собираем лендосы для тестов; — Ищем инфу по корп инструментам/анализируем исследования/копаем в инсайты из чатов/делаем выводы из аналитики и тд. 🙎‍♂️ Марк Борзенков 📦 Дизайн-менеджер в Avito Мы уже больше года генерим картинки, даже сложные 3д персонажи получаются на отлично. Текста и орфография — тоже на отлично. Но это база, как у всех. А что из интересного, смогли на прод завайбодить улучшение. Разобрались с репозиториями, прошли ревью и смержили. Дальше — больше! 🤵‍♂️ Александр Дудинский 💾 Дизайн-лид в EPAM У меня ИИ пока значительно помогает только в быстрых прототипах. Связка Figma Make + Claude Code помогают собирать быстрые прототипы для обсуждения с командой и продактом на стороне клиента. Если раньше мы иногда тратили несколько дней на первый полноценный прототип, то сейчас в течении пары часов собираем весь флоу, включая корнер кейсы. И понятное дело, что все это с анимациями, различными состояниями и т.д., но финальный дизайн всё равно собирает дизайнер. Пока не получилось отдавать готовый код разработчикам и полностью автоматизировать всё это, к сожалению. Про мелочи вроде «быстро сгенерировать сочную иконку» писать не буду, мне кажется это уже база сейчас, а не ускорение работы. 👩‍💼 Дарья Кан 🧿 Дизайн-лид в Оzon У нас в Ozon дизайн-процесс не поменялся. Ключевые этапы, такие как исследование, проработка концепций, дизайн и проверка решений, остаются прежними. Но постепенно ИИ становится вспомогательным инструментом. Мы используем ИИ, чтобы сформулировать UX-копирайтинг особенно на этапе концептов, когда нужно сосредоточиться на идее и смысле, а также при работе с иллюстрациями — быстрая генерация идеи для ускорения синхронизации с командой или заказчиком. Основная ценность по-прежнему остаётся за дизайнером — его опытом, насмотренностью и способностью принимать решения. 🌊🌊

🔶 Как отмечают юбилей фабрики «Хохломская роспись». Фабрика «Хохломская роспись» отмечает 110‑летие — уже больше века мастера из Семёнова хранят русские традиции и создают золотую хохлому, узнаваемую во всём мире. К этой большой дате бренд «Хохлома» подготовил серию видео о том, как рождаются знаменитые изделия — от первой деревянной заготовки до сияющей росписи и финального блеска лака. 🔶 Вышел мерч от tak.sebe.prazdnik и Государственного музея Л.Н. Толстого. Бренд бумажных гирлянд tak.sebe.prazdnik выпустил коллекцию со старейшим литературным музеем страны, используя цитаты из дневников писателя. Проект переносит архивные материалы в формат современного поп-культурного объекта, создавая нетривиальный контекст для классического наследия. 🔶 В Казани открылось новое пространство для ремесленников, горожан и туристов. В Центре уникального мастерства десятки открытых мастерских превращают креативный процесс в часть интерактивной программы для посетителей. Здесь производство, образование и ритейл объединены в единую экосистему. Архитектурное решение сохраняет историческую канву здания, используя нейтральную палитру интерьеров как фон для экспозиции живых ремёсел. Проект демонстрирует полностью локализованный подход: мебель и текстиль произведены в Татарстане. 🔶 Разработана система крепления без шурупов. Omnibite от миланского дизайнера Эудженио Коста — это трёхосевое соединение, позволяющее использовать необработанные ветки как полноценные конструктивные элементы. Автор смещает фокус с готовых материалов на этап их выбора и подготовки, исследуя локальные породы древесины и их свойства. Система адаптируется к разным формам и диаметрам веток, обеспечивая гибкость сборки без стандартизации материала. 🔶 Коллаборация Iittala и Pokémon. Финский бренд Iittala в партнёрстве с Pokémon выпустил капсульную коллекцию посуды к 30-летию франшизы. В проекте использовали культовую серию 1999 года Origo с её характерными полосками как канву для изображений Пикачу. Дизайн сохраняет функциональность и геометрию оригинала, интегрируя персонажа в структуру полос через минималистичную графику и яркие жёлтые акценты. 🔶 Новое переосмысление люстры Zenith от Baccarat 1824 года. Дизайнер Бетан Лаура Вуд превратила объект в модульную систему из колец, формирующих динамичный «вихрь» света. Конструкция сочетает классические элементы оригинала с фирменными приёмами дизайнера и позволяет варьировать композицию за счёт гибкого размещения модулей. Объект дополняют яркие цветовые решения и отсылки к барочной эстетике, создавая диалог между историей и современным дизайном. 🔶 «Самокат» регистрирует фирменный цвет. Сервис доставки «Самокат» подал в Роспатент заявку на регистрацию кораллово-розового цвета Pantone 191С как товарного знака. В компании пояснили, что этот «вдохновляющий коралловый» оттенок стал узнаваемым визуальным кодом бренда, поэтому оформление этого цвета в качестве знака — логичное продолжение многолетней работы с айдентикой. [Фабрика Дизайна]

Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Более 262 элементов пользовательского интерфейса Install

Ещё один набор 3D-иконок из 25 элементов на тему ремонта. 🔍Скачать иконки🔍 #иконки #иллюстрации

Стильный и познавательный видос о том, как дизайн используется в пропаганде разных стран. Шрифты, маскоты и прочие элементы. Сейчас эти же принципы используют все крупные бренды #лайфхак

Оля из Альфа-Банка очень правильно ставит акцент: вёрстка для дизайнера это не про «стать фронтендером», а про умение передавать свою идею в разработку без потерь. Пока дизайнер думает только картинкой, а не платформой, паттернами навигации, типами элементов и ограничениями технологии, на выходе почти всегда появляется один и тот же вопрос: «Что это вообще такое?» Самое ценное в статье не спор про ответственность, а список конкретных уровней, на которых всё ломается. Разметка экрана, Push и Present навигация, типы элементов, особенности серверной и комбинированной вёрстки. Если это не учитывать в макете, разработчик начинает додумывать за дизайнера, а дизайн-ревью превращается в попытку спасти то, что уже поехало. Внутри: – Почему вёрстка это не только код, но и качество ready-to-dev макета; – Как дизайнер теряет контроль над интерфейсом, если не думает про платформу; – Чем опасно путать паттерны навигации вроде Push и Present; – Почему типы элементов тоже влияют на итоговую вёрстку; – Как технология реализации экрана меняет ограничения для дизайна; – Что даёт команде более внимательное отношение к вёрстке уже на этапе макета; – Какие простые шаги помогают дизайнеру быстрее подтянуть матчасть; – Почему нормальная коммуникация между дизайном и разработкой экономит кучу времени и нервов. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Таня, дизайнер диалогов в Т-Банке, разобрала, чем дизайн диалогов отличается от UX-редактуры. На старте кажется, что задачи почти одинаковые: исследования, понятные тексты, тон общения, сценарии. Но в разговорном интерфейсе все меняется, потому что интерфейсом становится сам диалог. Главная разница хорошо видна на простом примере. Фразы «Хочу оформить дебетовую карту» и «Выпустите мне карту» звучат похоже, но дают роботу разный объем информации и запускают разные сценарии. Поэтому дизайнер диалогов проектирует не только реплики, но и логику уточнений, обработку смены темы, обратную связь и движение пользователя к результату. Внутри: – Чем дизайнер диалогов отличается от UX-редактора по роли и зоне ответственности; – Почему в разговорном интерфейсе UX и UI фактически нельзя разделить; – Как формулировка клиента влияет на сценарий и количество уточняющих вопросов; – Зачем читать чаты, слушать звонки и анализировать речевое поведение; – Почему в репликах робота вопрос часто ставят в конце, особенно в голосовых сценариях; – Как давать обратную связь без визуальных элементов и не запутать клиента; – Как писать естественные реплики робота и где разговорная лексика уже неуместна; – Какие навыки нужны дополнительно: распознавание речи, синтез речи, работа со сценариями. Хороший разбор для тех, кто смотрит в сторону чат-ботов, голосовых роботов и новой специализации в дизайне. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Пластинка задумана как своего рода манифест принятия внутреннего хаоса. По словам фронтмена Антона Столярова, это попытка переосмыслить привычные установки и разрешить себе быть разным. В треклисте сочетаются лирическая акустика, элементы рока и электроники, а также фиты с Рушаной, Дашей DMA и Аней из Питера. В поддержку альбома артисты дадут концерты — 21 апреля в Санкт-Петербурге и 22 апреля в Москве. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News

Друзья, продолжаю делиться нашими кейсами по дизайну, который мы делаем в агентстве... Недавно сделали проект для нашего заказчика — обновлённый сайт магазина китайских продуктов с историей. Немного спойлеров проекта!!. Этому магазину больше 20 лет, за это время он успел стать частью района и увидеть, как менялась Москва вокруг него. Наш постоянный заказчик выкупил магазин и пришёл к нам с задачей: не просто «освежить» старый сайт, а собрать полноценную онлайн-витрину, которая будет отражать характер места. Мы решили уйти от идеи «ещё один магазин китайских продуктов» и сделать сайт про пространство с памятью и атмосферой. Это магазин, который помнит историю улиц, соседние дома и людей, которые сюда ходят годами, а заодно подсказывает, по каким классным местам побродить рядом после покупки рамена или соуса кимчи. Отдельная любовь — анимация. Мы собрали для главной страницы динамичную историю: мягкие переходы, живые элементы и акценты, которые будут работать и в интерактивной версии сайта. Всё это помогает передать ощущение тёплого, локального, но при этом современного пространства, а не просто «магазина у дома». Смотрите, что у нас получилось 👇 Очень интересно, как вам такой подход: про продукты, но через город, историю и маршрут прогулки. Что скажете?

В столице Республики Татарстан стартовала реставрация двухэтажного здания бывшего Александровского детского приюта на ул. Бутлерова — объекта культурного наследия муниципального значения, построенного в 1889 году по проекту архитектора Льва Хрощоновича. 🧮 Ход работ: • Завершены демонтажные работы, усилен фундамент, забетонированы плиты пола; • Ведётся восстановление фасадных архитектурных элементов, отделка помещений, обновление инженерных систем и монтаж подъёмника; • Готовность объекта — 30%. Приют работал до 1935 года, затем здание перешло Дому учёных, с 1993 года — в ведении Академии наук Татарстана, с 2014-го здесь размещался Институт археологии им. А.Х. Халикова. После завершения реставрации в здании откроется государственный фонд поддержки участников СВО «Защитники Отечества». 📏 По материалам: evening-kazan.ru 🗒️ Фото: пресс-служба министерства строительства, архитектуры и ЖКХ Татарстана.

НЕЙРОНКА УМЕЕТ ДЕЛАТЬ РЕСАЙЗЫ. НО ПОКА НЕ УМЕЕТ ДУМАТЬ О КОМПОЗИЦИИ наш creative technologist ⚪️ влад решил собрать ресайзер, который генерит баннеры под разные форматы прямо в фигме. идея была такая: взять мастер-макет и отдать его llm-модели, чтобы она пересобрала композицию под нужный размер. на практике: оказалось, что нейронка не очень понимает композицию. элементы остаются на месте, но что-то уезжает, странно масштабируется или теряет аккуратность. влад попросил модель делать несколько вариантов баннера, чтобы было из чего выбирать. параллельно задали более жёсткие условия: где остаются ключевые элементы, как они масштабируются, что нельзя сдвигать или перекрывать. добавил базовые проверки — чтобы элементы не накладывались, не вылезали за границы и сохраняли читаемую структуру. если результат не устраивал, дорабатывали его повторными запросами. в итоге сложилась простая цепочка: сгенерили → выбрали лучшие варианты → попробовали поправить. качество выросло, но было что улучшать. лучший результат получили, когда начали работать с моделью через чат и давать ей доступ к макету. так она меньше ломает структуру и аккуратнее собирает баннер. сейчас дорабатываем ресайзер до продукта внутри студии и считаем экономику — где нейронки ускоряют работу, а где пока нет. итог: ресайз через ai выглядит вполне реальным. но как сделать его комфортным для использования — пока вопрос открытый⚫️

Дима Бороухин @dmboro — в прошлом дизайнер и веб-разработчик. После потери зрения объединил свои технические знания с личным опытом и стал консультантом по цифровой доступности. — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? Я пробовал ChatGPT, однако по удобству взаимодействия мне больше понравился Gemini. Его интерфейс вполне доступен: элементы управления имеют корректные роли, имена и состояния, что позволяет скринридеру считывать структуру страницы. В своей работе я активно применяю AI для подготовки HTML-страниц для презентаций — чтобы показывать командам типичные проблемы доступности. Грамотный промпт позволяет сгенерировать страницу, где один элемент оформлен эталонным кодом, а остальные имеют аналогичный дизайн, но содержат критические ошибки — например, невозможность установить фокус. Визуально всё выглядит одинаково, но при взаимодействии через клавиатуру или скринридер различия становятся очевидными. Также я использую AI для подбора цветовых схем и помощи в написании CSS-кода. — Ты знаешь кейсы, где AI улучшил доступность продукта? или хотя бы часть? Комплексных кейсов, где AI улучшил доступность продукта, в моей практике не встречалось. Вижу нейросети лишь в точечных задачах — как в примере с описанием изображений, о котором расскажу дальше. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Риск, безусловно, есть. AI может отлично знать теорию и стандарты, но их всегда нужно проверять на практике. Реальные сценарии взаимодействия со вспомогательными технологиями часто сложнее, чем их описывают в документации. Пример из жизни: недавно я просил AI создать примеры недоступных кнопок. Модель предположила, что «поломанная» кнопка будет полностью неработоспособна для скринридера. Однако на практике скринридер NVDA умеет эмулировать нажатие даже там, где код реагирует только на клик мыши. В итоге для пользователя скринридера кнопка может сработать, а для человека, использующего только клавиатуру, она останется недоступной. Я не разработчик нейросетей, но как консультант по цифровой доступности могу сказать: чтобы ситуация изменилась, в данные для обучения моделей нужно включать больше примеров реального поведения ассистивных технологий. Важно, чтобы AI видел не только идеальный код, но и понимал нюансы взаимодействия разных групп пользователей с интерфейсом. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? Теоретически — может, но на практике всё зависит от того, как сформулирован запрос. Если создатель продукта не осведомлен о принципах доступности, он просто не включит эти требования в задачу для AI. А без явного запроса модель проигнорирует эти нюансы ради скорости разработки. Важно помнить: доступность — это не только формальное соответствие ГОСТу или WCAG. Прежде всего это про пользовательский опыт. Можно создать приложение, которое формально пройдет все автоматизированные тесты, но при реальном использовании окажется неудобным. — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? Это уже реальность. Я постоянно пользуюсь отечественными решениями. Например, «Умная камера» Яндекса — незаменимая вещь в быту: она помогает отличить бутылку молока от кефира в холодильнике, когда упаковки идентичны. Недавно я показывал зарубежным коллегам функцию описания изображений в Яндекс Браузере. В одном онлайн-магазине одежды вместо внятных alt-текстов были маркетинговые названия коллекций. Нейросеть Яндекса точно описала суть: состав комплекта, цвета, фасон. Это тот случай, когда AI исправляет ошибки контента «на лету». Так что — большой респект и спасибо команде инклюзии Яндекса за их работу!