Совет к концу понедельника
✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей
Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво.
Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки.
Внутри:
– Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее;
– Почему вложенные элементы выглядят лучше с концентрическим скруглением;
– Как анимировать иконки контекстно, чтобы интерфейс ощущался живее;
– Зачем делать текст чуть более crisp на macOS через сглаживание;
– Почему для обновляющихся чисел лучше использовать табличные цифры;
– Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях;
– Почему enter-анимации лучше разбивать на части и слегка стеггерить;
– Как сделать exit-анимации мягче и менее навязчивыми;
– Почему иногда выравнивать нужно не геометрически, а оптически;
– Когда тень работает лучше границы;
– Зачем добавлять изображениям тонкий внутренний outline.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Что умеет Claude (Design / Code) на практике🤖
мой опыт и опыт других дизайнеров/разработчиков
📎 Генерировать UI-концепты и макеты по промпту
загружая их напрямую в браузер или в саму Figma
📎 Справляется с созданием адаптивов
Хорошо продумывает адаптив, даже если задать ограничения и сценарии
📎 Генерировать дизайн-системы
Может собрать дизайн-систему и описать правила (однако полноценные системы требует доработки)
📎 Верстать интерфейсы
Подходит для лендингов, MVP и даже сложных интерфейсов, но почти всегда требует ручной доработки и ревью, хорошо обучается на загруженных библиотеках и твоих спецификациях
📎 Делать интерактивные прототипы
Может собирать прототипы в браузере/Figma
📎 Помогать с деплоем
Может объяснить и сгенерировать шаги для хостинга, домена и настройки проекта
📎 Интеграция с бэкендом и админками
Может предложить архитектуру, API-структуру, варианты CMS (пока не тестила работу на бэке, на ютубе видеоа много уроков)
📎 Проводить исследования
Это не замена полноценным UX-исследованиям с пользователями, однако с данными на основе реальных пользователей тоже отлично справится
→ просто чтобы вы понимали на какой функционал можете рассчитывать, а я пока готовлю большую инструкцию установке Claude правильно со всеми необходимыми библиотеками и приложениями😇
#полезное #клод
Image Editor
Плагин, который позволяет использовать готовые и создавать свои фильтры для изображения
Install
В начале апреля мы предложили нашим читателям сделать плакаты со шрифтом Onweer на тему «Буря».
🍃 Мир, труд, май🍃
🧷Труд — это не только про «сделать», но и про «придумать», найти своё решение и довести идею до результата.
В Институте дизайна это особенно чувствуется: через поиск, сомнения, правки и тот самый момент, когда «сложилось»🕗
Пусть в вашей работе будет больше смысла, чем рутины, больше интереса, чем обязательств.
А рядом — люди и проекты, которые действительно заряжают.
С Праздником! ✨
Нюансы (If you know — you know 🤥)
— В наборе используется Вовкин Typewriter, чистая (Clean) для английского текста, книжка билингвал, версия с «залипами» (Dirty) для русского текста.
👋
подробнее прочесть был сделан Typewriter тут
Вполне еще свежий на сегодня макет Искусство Кино был сделан в 2019 по заказу Антона Долина. Старая команда Даниила Дондурея была в оппозиции и макет не внедрили. Пару лет назад макет увидел Наум Клейман и предложил его внедрить текущий как команде, Славон тоже выступает за это, но редакция пока не обращалась.
Вы серьезно думаете, что «размер» определяет форму?
И это заблуждение встречается не только у обывателей.
Одна из главных ошибок начинающих дизайнеров - рисовать одежду на абстрактном «стандарте», который существует только в их голове. В реальности же дизайн — это работа с геометрией и архитектурой тела.
➡️ Для дизайнера важно понимать типы фигур не ради теории, а ради безупречной посадки.
Ведь одна и та же модель изделия будет смотреться абсолютно по-разному на:
➡️ Песочных часах с выраженным балансом;
➡️ Груше с акцентом на бедра;
➡️ Яблоке с объемом в центре;
➡️ Прямоугольнике с атлетичным силуэтом;
➡️ Треугольнике с активной линией плеч.
Если вы работаете с одеждой, важно перестать рисовать «воздух» и начать понимать, как реально распределяются объемы. Нельзя создать идеальный силуэт, если вы не видите базу, на которую он ляжет.
Чтобы упростить себе задачу и перестать гадать, используйте профессиональные шаблоны в реалистичных пропорциях.
Это помогает:
— проектировать одежду под конкретный запрос и фигуру;
— видеть реальную посадку еще на этапе эскиза;
— создавать коллекции, которые подходят живым людям, а не манекенам;
— видеть форму, а не свои фантазии о ней.
Хороший дизайнер работает не с мифами, а с пропорциями.
Скачать ШАБЛОНЫ
пятничная подборка: как технологии становятся частью заботы, комфорта и повседневных ритуалов
📱 «Т-Банк» и бесконтактная оплата на iPhone
Т-Банк запустил T-Pay для офлайн-оплаты на iPhone (iOS 16+). теперь смартфон можно использовать как платёжный инструмент без физической карты — через BLE-соединение с терминалом.
решение встроено в локальную банковскую инфраструктуру и работает в связке с экосистемой платежей, включая партнёрские технологии других банков.
ключевой эффект — не новая технология, а объединение уже существующих: iOS-интерфейс, бесконтактная оплата и офлайн-режим с цифровым сертификатом, который обновляется при подозрительной активности.
🚗 Citroën и комфорт для питомцев в дороге
Citroën адаптировал автомобильный комфорт под животных, встроив в поездки снижение тревожности питомцев.
совместно с BETC Paris бренд разработал Calm Diffuser — устройство, которое выделяет синтетические феромоны, имитирующие сигналы спокойствия, знакомые животным с детства.
это продолжение общей логики бренда: от подвески и антиукачивания до заботы о пассажирах-питомцах. автомобиль становится пространством, учитывающим не только людей, но и животных как часть семьи.
🚂 виртуальный «Экспресс Святого Винсента»
в австралийском центре ухода за пожилыми людьми создан иммерсивный VR-проект «Экспресс Святого Винсента».
участники садятся в стилизованное купе и «путешествуют» по 10 странам через VR-окна с панорамными экранами. поезд сопровождается голосовым ИИ-гидом, а впечатление дополняется билетами, паспортами и дегустацией блюд.
для пациентов с деменцией и пожилых людей это становится не просто развлечением, а формой социальной терапии: совместное переживание опыта снижает тревожность и возвращает ощущение участия в жизни.
✨ вывод для бизнеса
во всех трёх кейсах технологии уходят от роли отдельных продуктов и становятся частью повседневных контекстов — оплаты, поездки или заботы о здоровье. ценность создаётся не самой инновацией, а тем, насколько незаметно она встраивается в уже существующий опыт человека и расширяет его без необходимости менять привычки.
trends.aic.ru
#3 Netflix и вертикальная лента
Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо.
И вот тут у меня немного пригорает.
Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн.
Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить
С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил.
Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах.
Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить.
Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями.
И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом.
Что думаете?
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы