✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей

Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как 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 исправляет ошибки контента «на лету». Так что — большой респект и спасибо команде инклюзии Яндекса за их работу!

Есть бесплатный ограниченный доступ. Цена Pro-подписки — 400 ₽. #инструменты@zhurnalus_lite

По данным издания, против решения с отстранением от должности выступили совладелица сети Aldi Бабетта Альбрехт, фармацевтические миллиардеры Эрвин Мюллер и Анита Мюллер, владелица кофейного бизнеса Dallmayr Марианне Вилле, бывший министр юстиции Баварии Беате Мерк и предпринимательница Клаудия Гуггер-Бессингер. Анита Мюллер, в частности, сообщила, что прекратит поддержку фестиваля с 2027 года. Обращение с Маркусом Хинтерхойзером, способ и причины его отстранения от должности, а также унижения, которым он подвергся, абсолютно неприемлемы и лишены элементарной порядочности. Так нельзя обращаться с людьми — независимо от причин увольнения, — говорится в заявлении. Ранее в марте Маркус Хинтерхойзер досрочно покинул пост руководителя Зальцбургского фестиваля. Как сообщали немецкие СМИ, попечительский совет расторг с ним контракт, несмотря на его продление до 2031 года. Хинтерхойзеру предлагали остаться до 2027-го для передачи дел новому руководству, но он отказался. В последние годы сотрудники и участники команды фестиваля неоднократно критиковали Маркуса за жесткий и авторитарный подход и давление на сотрудников. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News

Стиль гравировки на ключевых изделиях разработала британская тату-художница Джоди Хилл, а за визуальную кампанию отвечали лауреатка Blueprint 100 — 2026 Сулпан Акназарова и режиссер Артем Помарин. В качестве источников вдохновения, по словам креативного директора бренда Насти Климовой, команда взяла фильмы «Пианистка» Михаэля Ханеке и «Кинопробы» Такаси Миике, которые исследуют идеи контроля, сдерживания и внутреннего напряжения. Они стали определенным «фетиш-референсом» для Hold Your Horses. Предыдущие коллекции нашего бренда были более утилитарными, носибельными, комфортными и ориентировались на более широкую аудиторию. В этой коллекции мы сделали только statement-украшения и, вместо того, чтобы расширять ассортимент, углубились в понятие формы, старались адаптировать элементы трензеля под ювелирную форму украшений. Только разработка изделий заняла у нас около шести месяцев. [...] Самыми сложными украшениями оказались массивные серьги и кулон с гравировкой Hold Your Horses. Первые два месяца ушли на споры с фабриками, которые говорили, что сделать украшение такого размера и из таких материалов (обычно мы работаем с бронзой и покрываем родием), невозможно. Но мы все же пришли к такой архитектуре, которая позволила сделать эти украшения в нормальном весе и серьезном объеме, — рассказала Настя Климова The Blueprint. В продажу украшения поступят с 13 апреля. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News

В последнем обновлении появилась возможность экспортировать проект в один HTML-файл для прямой отправки клиентам. ✅ Плюсы • Плавное воспроизведение, максимально возможное качество • Просмотр всех анимации и скинов с элементами управления плеера • Один файл, удобно делиться • Настройка скорости и отладка анимации ❌ Минусы • Нет превью при отправке, нужно открывать файл или ссылку • Большой вес при работе со сложными проектами • Не подходит для платформ без поддержки HTML • Нет встроенной системы отзывов или комментариев • Длительная загрузка (все ресурсы грузятся сразу) Пример: https://warmanw.com/spine/wildlife/horse.html

По словам музыкантов, композиция задает тон всей пластинке — это танцевальный трек с элементами хауса и евродэнса, вдохновленный электро-хаусом 00-х. В поддержку релиза Cream Soda также выпустят серию снятых в Японии роликов о людях, которые остаются одинокими даже в толпе. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News

В Петербурге стартовала реставрация двух памятников на углу Невского проспекта и Пушкинской улицы — «Дома П.Д. Мальцова» и «Доходного дома и бань Мальцевых». Объекты связаны с именами Чайковского, Ленина, Бунина, Шаляпина. 🧮Ключевые параметры проекта: 📗Архитектура: фасады в стиле эклектики по проекту Павла Сюзора — кариатиды, лепной декор, эркеры, барельефы; 📗Методика: работы по заказу КГИОП с использованием архивных материалов, восстановление кладки, штукатурки, утраченных элементов; 📗Сроки: завершение — до конца 2027 года, в рамках программы «Невский проспект». До 1870-х годов территорию на месте этого здания занимало трёхэтажное здание купца Лопатина. В 1874-м участок перешёл к титулярному советнику Павлу Мальцову и его супруге Марии Сергеевне. По проекту архитектора Павла Сюзора исходный объём был реорганизован: здание разделили на два самостоятельных блока, каждый из которых получил надстройку в два этажа. Так сформировался современный облик домов-близнецов. 📏 По материалам: realty.ria.ru 🗒️ Фото : Администрация Санкт-Петербурга

Вчера провёл онлайн-встречу про страхи в дизайне. Я рассказывал сказки. Не как форму развлечения, а как способ говорить о вещах, которые сложно разобрать напрямую. О страхе перемен. О страхе конкуренции. О страхе потерять себя. О страхе быть непонятым. Формат появился на одном из прошлых типодней и в процессе стало ясно: это не сторителлинг, не стендап, не лекция и не образовательный формат в привычном смысле. Это что-то ближе к практике осознавания через истории. Раньше схема была простой: человек → страх → поведение Сейчас она стала сложнее: человек → событие → реакция ума → момент наблюдения → сдвиг → действие И ключевой элемент здесь — не сам страх, а момент, когда ты его замечаешь. Потому что страх сам по себе скорее переключатель состояний: /замереть /бежать /действовать И каждое из них может быть продуктивным, если ты его видишь, а не проживаешь автоматически. Я заметил, что в таком формате люди слушают иначе. Не как «контент», а как отражение своего опыта. И, возможно, в этом есть важное для меня: не объяснять, как правильно, а создавать условия, в которых человек начинает замечать, что с ним происходит. Если внутри у вас сейчас есть какой-то страх — попробуйте не убирать его сразу. Просто посмотрите: это вы действуете или это ум реагирует за вас?

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