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

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

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

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

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

А пока делимся с вами важными ссылками с субботней лекции Саши на 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
Video is not supported
Ландшафтное искусство стоит в одном ряду с живописью, скульптурой и музыкой. Как и любое искусство, оно представляет собой «особую форму общественного сознания и человеческой деятельности, в которой органически сочетаются художественное познание жизни и творчество».
Это искусство уникально тем, что его материал — природа во всём её многообразии: рельеф, вода в спокойном состоянии и движении, растительность, постоянно меняющая облик, и сам климат. Его суть состоит в том, чтобы из всех этих природных начал сложить целостную композицию, способную транслировать определённый художественный образ. Книга Инны Боговой и Людмилы Фурсовой обращается к теории и практике ландшафтного искусства: в ней авторы рассказывают о средствах гармонизации пространства и о приёмах построения пейзажных композиций и предлагают методику оценки территории на этапе, предшествующем проектированию. 🌸 Читать в открытой электронной библиотеке TATLIN #библиотека #архитектура
Изображение поста
Очевидный (но не для всех, оказывается) вывод
Если не насматриваться на интерфейсы — стать лучше в диджитал дизайне не получится. Вам просто неоткуда будет доставать решения. Нет собственной базы, и мысль упирается в тупик раз за разом. Это навык и привычка. Смотрите DP, Behance, Pinterest, Dribbble, Siteinspire, Awwwards, Onepagelove, дайджесты и рефы в тг-каналах студий и профильных (у меня тэг #kk_реф). Прям вот каждый день по 10 мин уже будет супер. Посмотрели — проанализировали — библиотечку пополнили. Вот, например, 🧡красивый кейс на DP
Изображение поста
Изображение канала: Минутка веб-дизайна
Сайт Statement Of
Контент-студия, которая занимается креативом, продакшеном и стратегией для проектов любого масштаба. Создаёт кампании, расширяет контент-библиотеки и усиливает социальные платформы. Работает вместе с бренд-командами, агентствами и издателями, решая креативные задачи через продуманный подход и нестандартное мышление. #студия #минимализм #горизонтальный_скролл #gsap Посмотреть сайт 👨‍💻
Video is not supported
Изображение канала: Минутка веб-дизайна
Сайт Tacit - Stripe Press
Проект с фильмами, аннотированной библиографией и заметкой режиссёра. Идея — мы знаем больше, чем можем выразить словами. #кино #книги #минимализм #образование #ретро Посмотреть сайт 👨‍💻
Video is not supported
Изображение канала: Дизайнер, привет
Каталог спецпроектов
Моббин для приложений и веба есть, сайты с каталогом портфолио есть, всякие библиотеки шрифтов и прочее существует сотнями платформ, если не тысячами А вот сайта, где бы собирались все спецпроекты, да ещё и в РУ сегменте не было. Теперь есть, можно зайти и посмотреть 293 спеца по отрасли, задаче, году и интерфейсу Если вы работаете в диджитал и постоянно делаете всякие спецы и нужны рефы — мастхэв, не благодарите 😍 ➡️ Го разглядывать ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Изображение канала: Tilda Publishing News
🆕 Градиент в обводках у кнопок в Zero Block
Обводку у кнопок в Zero Block теперь можно сделать градиентной. Цвета можно настроить самому или выбрать готовый градиент из библиотеки Tilda Colors. Где настроить: Element Settings (Настройки элемента) 👉 Border (Обводка) 👉 Linear/Radial (Линейный градиент/Радиальный градиент) #tildaupdates
Изображение поста
Изображение канала: TATLIN
Искусство резьбы по дереву универсально. Оно прижилось везде: в бедных избах и величественных храмах, на кораблях и каретах, в затерянных зимовьях и богатом Великом Устюге.
Именно благодаря такой распространённости деревянная резьба вобрала в себя множество смыслов. В ней отразилась практически вся народная культура, и духовная, и материальная: радость и горе, вера и труд, праздник и нежность, представления о мироздании и чувство природы, невежество и просвещение. Деревянная скульптура позволяет прикоснуться к глубинным основам искусства ваяния и увидеть, как из корня ели рождается художественная форма. О народной деревянной скульптуре Русского Севера — в книге из открытой электронной библиотеки.Читать на сайте TATLIN #библиотека #искусство
Изображение поста
Изображение канала: SINTEZ [синтез]
АГР ТУТОРИАЛЫ | drop it
Наша команда активно занимается разработкой инструментов для упрощения процесса создания АГР моделей. Наш AGR CHECKER для быстрой проверки соответствия моделей требованиям скачали сотни архитекторов и девелоперов. Помимо собственной разработки, мы постоянно находимся в поиске классных инструментов, которые создают другие команды. В открытом доступе их много, но не все о них знают. Некоторые из этих находок мы используем ежедневно, но до сих пор почему-то о них не рассказывали. Решили исправить это и поделиться одним из таких решений. Сегодня поговорим про drop it: аддон для автоматической расстановки малых архитектурных форм (МАФ) по рельефу. Всё необходимое вы найдете в комментариях: ♥️Файл с аддоном (с оптимизированными настройками от нашей команды); ♥️Библиотека объектов, демонстрируемая в туториале. Пробуйте, внедряйте в свой пайплайн и пишите о результатах! @sintez_space
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение канала: Retro Figma
Texture pro kit by Catalyst UI Большая библиотека текстур различных материалов, которые могут пригодится вам при создании следующего проекта. Есть бесплатная версия.
⚡️Скачать текстуры⚡️ #материалы
Изображение поста
Изображение канала: TATLIN
Открытую электронную библиотеку 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 — галерея сайтов с удобной фильтрацией контента по цвету и направлению [Фабрика Дизайна]
Изображение поста
Изображение канала: ReuseArch
Меня тут спросили: приспособление – это ведь довольно новая история, тема последних 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
Изображение поста