Аутентичный культурный центр на базе заброшенной мечети, шрифт с «почерком врача» и новая интерпретация гжели. Рассказываем, что интересного произошло в дизайне.

🔶 В Ташкенте бывшая мечеть стала центром традиционных ремесёл. Ливанский дизайнер Нада Дебс адаптировала заброшенную мечеть Охун Гозар под общественное пространство с мастерскими и выставками. Конструкция здания сохранена почти полностью: остались арки, коридор анфиладного типа и купола. Восстановлены колоритные узбекские штукатурки, добавлены деревянные панжары (геометричные решетки). В интерьере много дерева, местного, газганского мрамора и света, отчего ярче чувствуется история места. 🔶 Четыре A’Design Awards 2026 получили работы Алексея Данилина. Коллекции российского предметного дизайнера для бренда Maytoni отметили не только за форму и функциональность, но и за концептуальную идею. Проекты выиграли в категориях интерьерного, архитектурного и уличного света. Особое внимание привлекла коллекция Anima, в которой сплетены техника, философская концепция единства противоположностей и отсылка к юнгианскому архетипу «анима». 🔶 Народная роспись как стритстайл: дроп Monochrome × «Гжель». Кобальтовые цветы и орнаменты переехали с сервизов на худи, аксессуары и лимитированные коллекции предметов для дома. Дизайнеры собрали из архивных материалов гжели цельный современный паттерн, объединив его с фирменным визуалом Monochrome. Также в коллекции есть крупные вазы, созданные вручную мастерами творческого объединения. 🔶 Меньше шума, больше смысла: бренд-платформа осознанных коммуникаций Okkam Creative. Okkam Creative переупаковали себя как агентство, которое делает креатив не только красивым, но и заранее просчитываемым. Команда собрала бренд-платформу «осознанных коммуникаций», где каждая идея должна опираться на данные, инсайты и медийный контекст, а не рождаться в вакууме и оправдываться постфактум. В новой айдентике использованы спокойная серая палитра, жёлтый акцент как метафора энергии и ясности, плюс монограмма OC. 🔶 Неразборчивый, но осмысленный: создан новый шрифт с «почерком врача». Шрифт Hellcare Regula собрал в себе все стереотипные признаки «врачебного» письма: рваные ритмы, скачущую толщину штриха, спаянные между собой буквы, которые читаются только «посвящёнными». Это потенциальный медиум для проектов о медицине, а также социальный проект о том, как пациентам бывает сложно воспринимать информацию. [Фабрика Дизайна]

Install plugin

Здесь вы найдёте коллекцию милых цветочных паттернов для самых разных задач. 👀Скачать паттерны👀 #материалы

Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе. Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки. Внутри: – Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку; – Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется; – Чем icon wrapper удобен для поддержки, но неудобен в реальном UI; – Почему вложенные иконки внутри кнопок и других компонентов всё усложняют; – Как size-свойство на каждом icon-компоненте решает проблему гибче; – Почему этот подход лучше для preferred swaps и настройки конкретных компонентов; – Какой компромисс приходится принять библиотекарю при таком решении; – Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Сейчас я больше работаю с Claude, поэтому задумалась об экономии ) Что накопала — делюсь ) Токен — это кусочек текста, чуть меньше слова, для английского ≈ ¾ слова, для русского дороже, кириллица дробится на большее количество токенов). Вот тут первый лайфхак: пишите на английском ) При каждом сообщении модель обрабатывает: • Входные токены — вся история чата целиком, системные инструкции, прикреплённые файлы, инструкции проекта. • Выходные токены — собственно ответ Claude. Ключевой момент: история читается заново на каждом шаге. Поэтому чем длиннее диалог, тем дороже каждая следующая реплика, даже если она короткая. Как тратить меньше токенов? • Планировать сообщение. Объединять связанные вопросы в одно сообщение. • Новая тема — новый чат. Не таскать за собой длинную нерелевантную историю. • Длинные тексты и документы, к которым обращаешься многократно, держать в Проектах и формате md: содержимое кэшируется (а в RAG-режиме подгружается только релевантными кусками) и не списывается заново при каждом сообщении. • Отключить ненужные инструменты и коннекторы в настройках. • Выключать extended thinking, когда задача простая. • Выбирать текст, а не скрин. Для сравнения: 1 000 токенов ≈ 750 слов текста. • Подбирать модель под задачу — для простого незачем брать Opus. Как отслеживать расход? Сlaude.ai/settings/usage — прогресс-бары текущей сессии и недели для Pro/Max/Team. Это запаздывающий индикатор: он показывает «сколько процентов плана съедено», но не счётчик токенов конкретной реплики. Claude Code: команда /cost показывает потокенный расход сессии, /stats — паттерны во времени; плюс локальные JSONL-логи, которые читают сторонние мониторы. API: точное число входных/выходных токенов в каждом ответе + отдельный эндпоинт для предварительного подсчёта. en<able> - о дизайне в A11y | Наши статьи на VC

Не очень хитро маскируют согласие на получение рекламы, выставляя его как обязательный чекбокс на обработку ПД При этом сама обработка ПД сделана просто текстом без активного действия (а это риск штрафа) Ну и кнопка «подробнее» тоже потеряна в тексте

#уроки

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

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

#уроки

В одежде и обуви пользователь редко покупает с первого взгляда. Он сравнивает, смотрит фото, думает про размер, доставку, наличие, пытается представить образ целиком. Поэтому удобство здесь решают не одна-две фичи, а десятки мелких решений по всей воронке: от меню и поиска до карточки товара, корзины и оформления. В этой подборке KISLOROD разобрали 10 российских fashion-магазинов и собрали 50 приемов, которые реально помогают покупать быстрее и спокойнее. Полезно тем, что материал не уходит в общие слова про «улучшить UX», а показывает конкретные паттерны, которые уже работают у Lamoda, Stockmann, Befree, O’stin, Zarina, Lime и других. Внутри: – Какие приемы в навигации и меню помогают быстрее попасть в нужный раздел; – Как поиск, фильтры и сортировка сокращают путь до товара; – Почему в fashion так важны подборки, готовые образы и стилистический контент; – Какие решения в каталоге ускоряют выбор без перехода в карточку; – Что в карточке товара реально снижает сомнения перед покупкой; – Как отзывы, параметры модели и размерные инструменты уменьшают риск ошибки; – Какие механики в корзине и кросс-сейле повышают средний чек; – Как контент, блог и подарочные сценарии тоже становятся частью воронки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

«Вызов» — это формат, который помогает брендам, стартапам, агентствам и компаниям получать не одно стандартное решение, а десятки свежих идей и концепций от сильного профессионального сообщества. Как это работает: компания публикует задачу — участники предлагают свои решения. Это может быть айдентика, digital-концепция, спецпроект, сайт, контент, мерч или любая другая креативная задача. Для брендов — это способ посмотреть на продукт и коммуникацию под новым углом и получить поток свежих идей от сообщества. Для стартапов — возможность быстро проверить гипотезы и собрать большое количество проработанных концепций без долгого и дорогого продакшена. Для агентств и студий — инструмент для охватов, пиара и построения комьюнити вокруг бренда. А для самих участников — реальные кейсы, новые проекты, призы, внимание индустрии и возможность заявить о себе. По сути, это площадка, где бизнес получает не одно решение, а поток разных подходов, взглядов и креативных идей от дизайнеров, креаторов и digital-специалистов. Разработка — IZUM Паттерны — Renderteam Дизайн — Александр Лагута Посмотреть проект Кейс на Dprofile

Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо. И вот тут у меня немного пригорает. Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн. Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил. Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах. Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить. Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями. И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Нано Банана/Nano Banana, НьюАрк/NewArc, Стайл 3Д/Style 3D, Лук Фэшн/Look Fashion и ещё 3 сервиса — полный разбор в одном видео! Глаза разбегаются от количества нейросетей? Я собрала 7 лучших инструментов, которые реально пригодятся дизайнеру: от примерок и узоров до 3Д-моделирования. В ролике: 🕒 00:00 - Зачем вообще столько нейросетей? 🕒 00:17 - Нано Банана/Nano Banana (Леонардо ИИ/Leonardo AI) — 150 токенов бесплатно каждый день 🕒 01:41 - НьюАрк/NewArc — эскиз + ткань = фотореалистичные изображения 🕒 03:35 - НьюБлэк/NewBlack — Сервис с доской вдохновения, для возрастных и plus-size моделей 🕒 06:30 - Стайл 3Д/Style 3D — 3Д и примерка на животных 🕒 08:50 - Фермат/Fermat — для командной работы (дорого, но мощно) 🕒 11:15 - Лук Фэшн/Look Fashion — режим реального времени и работа с АйПад/iPad 🕒 12:43 - Паттернд ИИ/Patterned AI — бесшовные узоры и примерка на изделии ➕ Бонус: ссылки на все сервисы и бесплатный гайд 50 нейросетей — в описании! 📺 Смотреть на YouTube 📺 Смотреть Rutube 📺 Смотреть VK 📺 Смотреть Дзен Сохраняйте, чтобы не потерять, и покажите тому, кто тоже хочет прокачать свои дизайн-проекты с помощью ИИ 🔥 Я в ВК | Я в Мах

Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Легко создавайте и настраивайте SVG-паттерны Install

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

#уроки

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR