📱 Сторис как библиотека: в M2 вынесли сложную фичу в переиспользуемый модуль

Когда сторис начинают расти, код быстро становится тяжелым: больше сценариев, больше багов, больше поддержки. В M2 в какой то момент пришли к этому и решили не расширять фичу бесконечно внутри продукта, а собрать отдельную библиотеку, где логика работает из коробки, а UI контролирует команда, которая внедряет решение у себя. Слава Фальзан показал весь путь на практике: от экономики решения до архитектуры и API. За 2025 сторис дали сильный эффект, каждый десятый пользователь посмотрел сторис «Сделка онлайн», и 2% от просмотревших дошли до оплаченной сделки. На этом фоне команда оформила библиотеку с гибкой настройкой, Room для состояния просмотренности и понятными точками входа для интеграции. Внутри: – Почему рост фичи сторис почти всегда приводит к усложнению поддержки; – Как команда сравнила внешнее решение и собственную разработку по стоимости; – Зачем в библиотеке оставили UI на стороне пользователя, а логику внутри; – Как устроены два основных компонента: StoriesPreviewList и StoriesContainer; – Почему модель сторис упростили до Map и чем это удобно; – Как работают ключевые параметры: graphicsTransition, fullScreen, transparentBackground; – Как хранится просмотренность через StoriesShownRepository и Room; – Почему библиотеку можно использовать частями, а не только целиком. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

🆕 Новый блок — ME400 Универсальное меню «гамбургер»

Блок ME400 сочетает в себе настройки ранее существующих блоков меню и даёт дополнительные возможности для изменения дизайна. В карточках рассказываем подробнее 👉 В библиотеке вы также найдёте шесть дополнительных вариантов блока, чтобы работать с ним было быстрее и удобнее. #tildaupdates
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста

👀Вдохнули-выдохнули. Мы в Паратайпе уже очень ждём весны: когда станет теплее и расцветёт вишня.

А пока делимся с вами важными ссылками с субботней лекции Саши на UX/UI Conf о шрифтах в вебе. В подборке есть и книги, и записи других лекций, и статьи. Надеемся, каждый найдёт для себя что-то интересное. ⚡️ Пара мыслей с лекции, которые могут выручить вас — Иногда шрифтовые дизайнеры добавляют прямо в название шрифта подсказку, в каких размерах его использовать — смотрите картинку к посту. — Если вы собираетесь использовать шрифт в мелком кегле, особенно на экране — межбуквенные расстояния должны быть достаточно просторными, в этом случае может помочь разрядка (положительный трекинг). — Если вы собираетесь использовать шрифт в крупном кегле, отрицательный трекинг допустим, но обязательно проверяйте его на сложных сочетаниях типа «ух», «кл», «гт» — не давайте буквам слипнуться! — Если вы хотите попробовать использовать на сайте новый для себя шрифт, обязательно посмотрите на прототип из Windows с самого старого монитора, какой найдёте, чтобы проверить экранное отображение. ⚡️ Шрифты, о которых спрашивали во время лекции (ими была сделана презентация): Роскошный Hint Эксцентричная Helsa У нас на сайте появились тестовые версии, не забывайте скачивать и примерять шрифты ⚡️ Бесплатные шрифты, которые участвовали в лекции 🐶 Текстовые: Commissioner Geologica Golos Text Golos UI IBM Plex Sans Onest PT Root UI Tilda Sans 🐶 Не совсем текстовые Lanze Martian Grotesk 🐶 Совсем не текстовые Ambidexter Kudry Weird Headline ⚡️ Статьи, курсы, инструкции и коды: 🔸Большая подборка шрифтов без бюджета с приличной кириллицей  🔸«Как разобраться в кириллице» — статья 🔸«Как разобраться в кириллице» — бесплатный курс 🔸Статья ABCDinamo о встраивании вариативных шрифтов на сайт (на английском) ⚡️ Примеры кода для вариативных шрифтов с codepen.io 🔸Изменение жирности по ховеру 🔸Анимация изменения формы независимо от курсора 🔸Анимация изменения ширины независимо от курсора 🔸Изменение жирности в той части надписи, где курсор 🔸Изменение ширины и жирности в той части надписи, где курсор ⚡️ Ещё немного полезного: 🔸Статья о микротипографе, который мы встроили в шрифт 🔸Статья о том, как включить возможности OpenType в CSS и Фигме 🔸«Тёмная сторона шрифта» суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🔸Статья о том, как бесплатно попробовать шрифты 🔸Статья о многоязычных шрифтах 🔸Большая статья о шрифтовых лицензиях ⚡️ Приложения: Фонтоскоп — бесплатное приложения для теста почти всей библиотеки Паратайп в Ai, Ps, Id, Figma Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся
Изображение поста

Бесплатная библиотека для настройки хаптик-паттернов в вебе.

Позволяет гибко управлять тактильной отдачей прямо в браузере: настраивать интенсивность, ритм и сценарии отклика под разные пользовательские действия. Работает на iOS и Android. haptics.lochie.me
Ландшафтное искусство стоит в одном ряду с живописью, скульптурой и музыкой. Как и любое искусство, оно представляет собой «особую форму общественного сознания и человеческой деятельности, в которой органически сочетаются художественное познание жизни и творчество».
Это искусство уникально тем, что его материал — природа во всём её многообразии: рельеф, вода в спокойном состоянии и движении, растительность, постоянно меняющая облик, и сам климат. Его суть состоит в том, чтобы из всех этих природных начал сложить целостную композицию, способную транслировать определённый художественный образ. Книга Инны Боговой и Людмилы Фурсовой обращается к теории и практике ландшафтного искусства: в ней авторы рассказывают о средствах гармонизации пространства и о приёмах построения пейзажных композиций и предлагают методику оценки территории на этапе, предшествующем проектированию. 🌸 Читать в открытой электронной библиотеке TATLIN #библиотека #архитектура
Изображение поста
Очевидный (но не для всех, оказывается) вывод
Если не насматриваться на интерфейсы — стать лучше в диджитал дизайне не получится. Вам просто неоткуда будет доставать решения. Нет собственной базы, и мысль упирается в тупик раз за разом. Это навык и привычка. Смотрите DP, Behance, Pinterest, Dribbble, Siteinspire, Awwwards, Onepagelove, дайджесты и рефы в тг-каналах студий и профильных (у меня тэг #kk_реф). Прям вот каждый день по 10 мин уже будет супер. Посмотрели — проанализировали — библиотечку пополнили. Вот, например, 🧡красивый кейс на DP
Изображение поста
Сайт Statement Of
Контент-студия, которая занимается креативом, продакшеном и стратегией для проектов любого масштаба. Создаёт кампании, расширяет контент-библиотеки и усиливает социальные платформы. Работает вместе с бренд-командами, агентствами и издателями, решая креативные задачи через продуманный подход и нестандартное мышление. #студия #минимализм #горизонтальный_скролл #gsap Посмотреть сайт 👨‍💻
Сайт Tacit - Stripe Press
Проект с фильмами, аннотированной библиографией и заметкой режиссёра. Идея — мы знаем больше, чем можем выразить словами. #кино #книги #минимализм #образование #ретро Посмотреть сайт 👨‍💻
Каталог спецпроектов
Моббин для приложений и веба есть, сайты с каталогом портфолио есть, всякие библиотеки шрифтов и прочее существует сотнями платформ, если не тысячами А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите 😍 ➡️ Го разглядывать ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🆕 Градиент в обводках у кнопок в Zero Block
Обводку у кнопок в Zero Block теперь можно сделать градиентной. Цвета можно настроить самому или выбрать готовый градиент из библиотеки Tilda Colors. Где настроить: Element Settings (Настройки элемента) 👉 Border (Обводка) 👉 Linear/Radial (Линейный градиент/Радиальный градиент) #tildaupdates
Изображение поста
Искусство резьбы по дереву универсально. Оно прижилось везде: в бедных избах и величественных храмах, на кораблях и каретах, в затерянных зимовьях и богатом Великом Устюге.
Именно благодаря такой распространённости деревянная резьба вобрала в себя множество смыслов. В ней отразилась практически вся народная культура, и духовная, и материальная: радость и горе, вера и труд, праздник и нежность, представления о мироздании и чувство природы, невежество и просвещение. Деревянная скульптура позволяет прикоснуться к глубинным основам искусства ваяния и увидеть, как из корня ели рождается художественная форма. О народной деревянной скульптуре Русского Севера — в книге из открытой электронной библиотеки.Читать на сайте TATLIN #библиотека #искусство
Изображение поста
АГР ТУТОРИАЛЫ | drop it
Наша команда активно занимается разработкой инструментов для упрощения процесса создания АГР моделей. Наш AGR CHECKER для быстрой проверки соответствия моделей требованиям скачали сотни архитекторов и девелоперов. Помимо собственной разработки, мы постоянно находимся в поиске классных инструментов, которые создают другие команды. В открытом доступе их много, но не все о них знают. Некоторые из этих находок мы используем ежедневно, но до сих пор почему-то о них не рассказывали. Решили исправить это и поделиться одним из таких решений. Сегодня поговорим про drop it: аддон для автоматической расстановки малых архитектурных форм (МАФ) по рельефу. Всё необходимое вы найдете в комментариях: ♥️Файл с аддоном (с оптимизированными настройками от нашей команды); ♥️Библиотека объектов, демонстрируемая в туториале. Пробуйте, внедряйте в свой пайплайн и пишите о результатах! @sintez_space
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Texture pro kit by Catalyst UI Большая библиотека текстур различных материалов, которые могут пригодится вам при создании следующего проекта. Есть бесплатная версия.
Изображение поста
Открытую электронную библиотеку TATLIN пополнили 10 урбанистических исследований Агентства «ЦЕНТР», которые в разные годы стали важными событиями в сфере развития территорий, в том числе на общероссийском уровне.
Среди новых поступлений, в том числе «МОСКВА RE: ПРОМЫШЛЕННАЯ 2.0». Это исследование анализирует ключевые направления реорганизации столичных промышленных территорий и даёт рекомендации, как преодолеть вызовы, связанные с ростом производства в городе. Кроме того, представлена «Комплексная оценка потенциала развития Грозного», которая послужила аналитической базой для мастер-плана столицы Чеченской Республики. Этот документ позднее стал составной частью мастер-плана всего региона. А «10 лучших практик жилищного строительства в регионах России» охватили более 1 000 ЖК в 53 городах и заложили основу для Стандарта комплексного развития территорий. Из исследования в Стандарт перешли, например, рекомендации по созданию коммерческой инфраструктуры, переменная этажность и ландшафтное разнообразие территории. Также выложены: 🌸 «Комплексная оценка потенциала развития Аргуна» — основа мастер-плана, удостоенного высшей награды международной премии в области девелопмента PROESTATE AWARDS. 🌸 «Комплексная оценка уровня развития городов присутствия компании СУЭК в Красноярском крае», использовавшаяся в конкурсе на лучшие мастер-планы сразу трёх городов (Бородино, Назарово, Шарыпово). 🌸 «Комплексная модель развития нового города в Сахалинской области» — база для проектирования с нуля нового города. 🌸 Исследование рынка туристско-рекреационных услуг Новороссийска и Краснодарского края — фундамент конкурса, в котором победил консорциум во главе с бюро Zaha Hadid Architects. Полный каталог изданий доступен в открытой библиотеке TATLIN. #библиотека #урбанистика
Изображение поста
🔔 Вы рисовали колокольчик, а вам говорят, что это нос
Потратили кучу времени на иконку, придумали классную метафору, отрисовали. Показали коллегам, спросили, для чего эта иконка. Если вы рисовали колокольчик, а вам говорят «нос» — смиритесь. Первая ассоциация самая верная. Цель коммуникации — реакция. Если реакция не совпадает с ожидаемой, значит коммуникация провалилась. Александр Никитин, UX/UI-дизайнер в Экзон, создал набор из 250 иконок и написал про весь процесс. Главный тезис: начинать нужно с конца. Сначала сформулировать, какая библиотека нужна в итоге, потом рисовать. От этого зависит всё: нейминг, структура, формат, насколько легко масштабировать и поддерживать. Парадокс работает: когда знаешь финальную картину, не наломаешь дров. Внутри: — Хинтинг и пиксельная сетка: почему иконка размывается, если поставить не в край пикселя; — Сохраняйте базы: векторные объекты до их преобразования, чтобы потом не переделывать с нуля; — JTBD для иконок: когда делаю макет, хочу быстро вставить нужную иконку, чтобы не отвлекаться на правки; — Все иконки одинаково важны: не делите на главные и второстепенные; — Иконки не должны быть красивыми, а должны работать: не отвлекать, а дополнять интерфейс. Статья с конкретными горячими клавишами Фигма, примерами структуры, проверками на дубли и ошибки. Если делаете библиотеку иконок, почитайте до создания, а не после переделок. А вы когда-нибудь создавали иконку, которую никто не понял? ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
🌐 Не Behance единым! Ловите подборку сайтов, где можно вдохновиться работами коллег, найти референс или идею для своего концепта, собрать мудборд для заказчика.
🔶 Httpster — примеры сайтов и интерфейсов, где можно найти нестандартные решения для UX и UI 🔶 CSS Design Awards — проекты, отмеченные премией как самые красивые и оригинальные 🔶 Brutalist Websites, если нужен брутализм 🔶 Dribbble — сообщество графических дизайнеров, веб-дизайнеров, иллюстраторов и 3D-визуализаторов 🔶 Minimal Gallery — библиотека сайтов в минималистическом стиле 🔶 One page love — подборка одностраничных сайтов и шаблонов 🔶 Lapa Ninja — тысячи примеров сайтов, а также бесплатные ресурсы для работы 🔶 HUDS+GUIS — здесь можно изучать интерактивный дизайн 🔶 FWA (Favourite Website Awards) — площадка премии, которая отмечает классные работы в области цифрового дизайна и инноваций в дизайне 🔶 Dark Mode Design — царство тёмного режима 🔶 Site see — галерея сайтов с удобной фильтрацией контента по цвету и направлению [Фабрика Дизайна]
Изображение поста
Меня тут спросили: приспособление – это ведь довольно новая история, тема последних 3-4 десятилетий, да?
Я задумала. Строго говоря, задолго до того, как появился термин adaptive reuse, люди активно переиспользовали здания: из-за нехватки ресурсов, смены власти, войн и необходимости выживать. Храмы разбирали на камень, дворцы победителей строились из материалов побеждённых городов (вспомним Константинополь-Стамбул), а архитектурные трофеи уезжали за тысячи километров. Это началось в античность, если не раньше, и продолжалось на протяжении всей истории: античные постройки разбирали, крепости становились тюрьмами, потом дворцы переделывали в библиотеки, храмы в рабочие клубы, а особняки в набор коммуналок. Например, вся советская история обращения с наследием: это одно сплошное приспособление. В конце XX века мир просто стал заметно быстрее меняться и здания быстрее стали терять старые функции. Так adaptive reuse стал мейнстримом: громкие проекты, премии, миллионы поисковых запросов. Реюз всегда был ответом на контекст. А сегодня наш контекст —экология, наследие и большое количество оставшихся не у дел построек. Как иллюстрация того, что это все это очень давняя история, и классная постройка может меняться неоднократно: античный амфитеатр в Арле (брат римского Колизея) в Средние века стал городом-крепостью, потому что бои гладиаторов закончились, а жизнь стала очень опасной: важно было жить за стенами. Сейчас снова арена, правда туристическая и музыкальная.
Изображение поста
✂️Что бы почитать вечером? Может, о том, как устроена городская среда и что делает её живой?
Предлагаем подборку фундаментальных работ по планировке и эстетике города: 📕Е.Н. Перцик «Районная Планировка» — методология формирования жилых зон; 📕 З.Н. Яргина «Эстетика Города» — книга о восприятии урбанистической среды; 📕В. Лавров «Город и его общественный центр» — работа о роли ядра в структуре населённого пункта; 📕Н.И. Смолина «Традиции Симметрии в Архитектуре» — труд о гармонии в масштабе города. 📈Город строится не только кирпичом, но и знанием. Расширьте профессиональный кругозор в библиотеке Центрального Дома архитектора!
Изображение поста
Genie 3. Сервис Google для генерации интерактивных миров и персонажей по промту или изображению — своему или созданному прямо в Genie с помощью Nano Banana Pro. Нужно детально описать особенности местности, героев и их действия — в руководстве рассказано о том, как составлять промты для Genie.
Можно создавать реалистичную или фантазийную местность, экспериментировать с текстурами, например делать миры из пластилина или войлока, и ракурсами. В режиме от третьего лица вы будете видеть персонажа, а от первого лица — мир глазами героя. Есть библиотека готовых миров, которые дают отредактировать. Получаются симуляции до 60 секунд, видео можно скачать. Пока сервис доступен подписчикам Google AI Ultra из США. #нейро@zhurnalus_lite
Изображение поста
Indian Doodle Illustrations — бесплатная библиотека иллюстраций.
iconscout.com/illustration-pack/indian-doodle
Изображение поста