🏆пока вы смотрели финал, мы разбирали 184 страницы брендбука FIFA World Cup 2026⚽️

8 млрд зрителей. 48 команд. 16 городов. 3 страны. один бренд. как управлять идентичностью такого масштаба? 184 страницы технической документации FIFA — это учебник по системному брендингу. 🌠 главная идея: единство через разнообразие не «melting pot», а #WeAre26 — признание различий как силы. 3 страны, 48 команд, 16 городов. каждый со своей идентичностью внутри единой системы. на стр. 18-19 в разделе «brand positioning» FIFA противопоставляет 2 концепции: «Melting pot» (плавильный котёл) — старая американская идея, где все культуры «сплавляются» в одну однородную массу, теряя свою уникальность. vs. «We Are 26» — новая философия, где различия сохраняются и празднуются. не «все становятся одинаковыми», а «все разные, и это наша сила» цитата из брендбука: A new vision of America — not a melting pot, but a place where different cultures, communities and people are recognized and celebrated. 😜 крутые решения: 😆эмблема-скульптура кубок в ультрареалистичном 3D с встроенными PSD-линками. не абстракция — фотореализм. плюс 138 версий под разные сценарии: от вышивки 15мм до билборда 6м. 😆модульная геометрия 2026 разложен на 48 модулей (по числу участников). квадраты + четверть-круги = отсылка к полю и мячу. 😆16 городов = 16 палитр впервые в истории ЧМ каждый город получил уникальную цветовую идентичность. 😆адаптивная типографика кастомный FWC26™ (6 начертаний) + бесплатный Noto Sans. 😆техническая педантичность ✦ отдельные файлы для печати/вышивки/гравировки/экрана ✦ размерные диапазоны XS-XL с готовыми артворками ✦ реверсивные версии под светлые/тёмные фоны ✦ металлические версии с градиентами (золото/серебро/бронза) ✦ сетка 16 колонок с отступами 4% от длинной стороны ✦ Legal Notice™ масштабируется отдельно (мин. 3pt) 👀 что взять в свои проекты: ➽ вместо однотонных заливок — фирменные паттерны (узнаваемость × 3) ➽ контурные версии логотипа для тиснения и гравировки ➽ чек-лист согласования перед печатью — экономит 40% правок (стр. 172) ➽ регламент: 10 дней на утверждение любого макета — нет хаоса «вчера надо было» ➽ готовые шаблоны презентаций и документов — сотрудники не «творят» в дизайне ⚽️ решения FIFA: ✦ 6 форматов эмблемы под задачи ✦ точные CMYK/RGB/Pantone/RAL/NCS раскладки ✦ артворк-библиотека на все случаи ✦ автоматизация контроля качества результат: дизайнер в Мехико и подрядчик в Ванкувере создают материалы в единой стилистике без вашего участия. 📌 главный вывод брендбук — это не расход. это инфраструктура. бренд без системы = маркетинг без аналитики = продажи без CRM. стартап с выручкой $500K и размытым брендом выглядит на $50K. тот же стартап с системным брендом — на $5M. FIFA вкладывает миллионы в 184 страницы правил не просто так — каждый $ в систему возвращается десятью в узнаваемости, лицензионных доходах и стоимости прав. вопрос не «нужен ли брендбук?» вопрос: «сколько я теряю каждый месяц без него?» FIFA управляет идентичностью на 8 млрд зрителей через жёсткую систему. 😋 а мы в aic.ru — создаём системы, которые превращают хаос в прибыль! ➡️ скачать брендбук можно в комментариях

✨ долгое время цифровые продукты строились вокруг одного подхода: создать универсальный интерфейс, который будет работать для большинства пользователей.

✨но у людей разные цели, уровень опыта и контекст использования. ИИ меняет этот подход: интерфейс больше не обязан быть одинаковым для всех. он может адаптироваться под пользователя — менять сценарий, предлагать релевантные действия и помогать быстрее достигать цели. при этом персонализация — не цель сама по себе. она работает только тогда, когда делает взаимодействие проще. ✨ главный вопрос для продуктовых команд сегодня: «что нужно этому пользователю именно сейчас — и как интерфейс может помочь ему это получить?» ✨ вывод для бизнеса ✨ будущее цифровых продуктов — за адаптивными интерфейсами, которые подстраиваются под реальные сценарии пользователей, а не заставляют всех идти по одному пути.

Ищем Middle+ и выше fullstack-разработчика, ориентированного на frontend (delivery + frontend) 🔧

Того, кто берёт задачу, пишет код и доводит до прода. Предстоит отвечать за клиентскую часть продукта и сквозную доставку фич ⚙️ Что предстоит делать: → разрабатывать SPA на Reac/Vue — компоненты, роутинг, состояние → верстать по макетам (адаптив, кросс-браузер) → интегрировать фронт с API — запросы, кэш, обработка ошибок → делать webview для мобилок, изредка Canvas/WebGL/WebAR → backend/BFF на Node: свои эндпоинты, работа с данными → доводить фичи до прода — ревью, фиксы и поддержка релиза 💬 Взаимодействия: — работаешь в паре с бэкендером по API-контрактам, — реализуешь UX по дизайну и говоришь дизайнеру, что реально, а что — фантастика 📝 Ждём: — уверенный JS/TS + React/Vue с продакшн-опытом — HTML / CSS, адаптивная вёрстка — интеграция REST/GraphQL — базовый Node (эндпоинт/BFF) — cамостоятельно взять фичу и довести её до результата — Middle+ / Senior ➕Будет плюсом: — Canvas/WebGL/Three.js — WebAR, webview и гибриды — опыт с webview и гибридными мобильными приложениями — Docker/CI-CD — опыт агентской работы и ведения нескольких проектов параллельно 🤩 Условия: — удалёнка или гибрид (СПб / Мск) — старт парт-тайм, в дальнейшем фуллтайм — проекты: корпоративный веб, игры, мобильные игры — оплата — по итогам собеседования ⚙️ Кратко о нас REB8T — студия дизайна и геймификации от SETTERS. Помогаем растущим бизнесам и крупным компаниям делать продукты и сервисы понятными и вовлекающими. №1 по геймдизайну в России (РР), ТОП-10 разработчики сайтов в РФ (workspace) откликнуться → job@rebooot.me

🧱 Адаптивность не обязана держаться на брейкпоинтах

Amit Sheen пишет о проблеме, которую легко не замечать по привычке: мы всё ещё часто проектируем адаптивность от ширины экрана, хотя современные интерфейсы давно живут компонентами. Один и тот же блок может оказаться в ленте, сайдбаре, модалке, карточке дашборда или внутри другого компонента. В такой ситуации глобальный брейкпоинт часто отвечает не на тот вопрос. Вместо постоянных условий «если экран шире 768px, сделай так» автор предлагает начинать с более гибких решений в CSS. Сетка может сама набирать столько колонок, сколько помещается. Отступы и шрифты могут плавно меняться через clamp(). Компонент может смотреть на размер своего контейнера, а не всего окна. А медиазапросы лучше оставить для того, где они правда нужны: возможности устройства, наличие ховера, точность указателя, пользовательские настройки и режим отображения. Внутри: – Почему брейкпоинты хорошо работали для страниц, но хуже подходят для компонентных систем; – Как auto-fit и minmax() помогают строить сетки без ручного числа колонок; – Зачем использовать плавные значения вместо скачков между размерами; – Как clamp() заменяет несколько медиазапросов для шрифтов и отступов; – Почему контейнерные единицы полезнее ширины экрана для переиспользуемых компонентов; – Когда контейнерные запросы нужны для реального изменения структуры; – Почему медиазапросы не исчезают, а меняют роль; – Как такой подход делает адаптивный интерфейс проще для поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Создание брейкпоинтов на переменных для адаптивного дизайна.
7 дней бесплатного обучения UX/UI-дизайну!
🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: 1. Ты сверстаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/UI-дизайну; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоей работе от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. 👉 Ухватить бесплатно такой ценный материал Наши ученики стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.
пятничная подборка
платформы, которые управляют повседневностью 🙂 📌слияние Coursera и Udemy формирует глобальные skills‑платформы онлайн-образование консолидируется: границы между академическим и прикладным обучением стираются. платформы стремятся закрыть полный цикл — от базовых знаний до профессиональной переподготовки и найма. пользователь больше не «покупает курс», а заходит в экосистему непрерывного обучения. 🟣обучение становится подписочной средой, а не разовой услугой 🟡 конкуренция смещается с контента на карьерные результаты 🟢 платформы начинают играть роль инфраструктуры рынка труда 📌 функциональные напитки с AI‑персонализацией ☕️ рынок еды и напитков смещается в сторону персонализированного здоровья: AI подбирает состав напитка под конкретные цели — энергия, сон, концентрация. продукт становится не универсальным, а адаптивным под состояние пользователя. 🟡 еда превращается в сервис с обратной связью 🟣 персонализация выходит за пределы рекомендаций — в сам продукт 🔵 данные о здоровье становятся частью FMCG 📌токенизация реальных активов выходит в финансовую инфраструктуру если раньше токенизация была экспериментом, то теперь это способ переупаковки активов — от недвижимости до долгов — в ликвидные цифровые инструменты. крупные игроки начинают внедрять это как часть базовой финансовой архитектуры. 🔵 активы становятся дробимыми и доступными для широкой аудитории 🟢 ускоряется оборот капитала за счёт цифровых форматов 🟡 граница между традиционными и криптофинансами размывается вывод для бизнеса 👇 в этих кейсах ключевое — переход от продуктов к системам управления жизненными процессами: обучением, здоровьем, капиталом. компании выигрывают не за счёт единичного предложения, а за счёт контроля над длинным пользовательским циклом — где данные, персонализация и инфраструктура соединяются в единую среду. trends.aic.ru
Создание адаптивной карточки.
💸 В DeFi первая сессия часто ломается не на трейдинге, а еще раньше, на перегруженном интерфейсе
У DeFi-приложений старая проблема: человеку с первого экрана кидают кошельки, комиссии, свапы, стейкинг, адреса и кучу терминов, где ошибка может стоить денег. В этом кейсе проверяли идею попроще: не показывать всё сразу, а дать пользователю выбрать нужные модули в онбординге и тем самым сузить первый пользовательский опыт под его задачи. Исследование получилось очень прикладным. Сначала интервью и сегментация, потом гипотезы, прототип на SwiftUI и сравнительный юзабилити-тест против реальных конкурентов. На тесте решение дало сильный эффект в части скорости и удобства: депозит в стейкинг проходили на 28% быстрее, перевод на 43% быстрее, а в сценарии перевода еще и снижалось количество ошибок. Для сложных финансовых продуктов это очень сильный аргумент в пользу прогрессивного раскрытия, а не экрана, где навалено всё сразу. Внутри: – Какие боли в первой сессии чаще всего ломают активацию в DeFi; – Как интервью помогли выделить два главных драйвера: безопасность и удобство; – Почему фокус сместили на модульный онбординг вместо очередного редизайна навигации; – Какие гипотезы дали приоритет по удобству, доверию и прозрачности; – Как прототип собирали через модульные флаги и адаптивный UI; – Как был устроен сравнительный юзабилити-тест против Bybit, Uniswap и Trust Wallet; – В каких сценариях решение реально снизило время и ошибки; – Почему для MVP дальше логично идти в событийную разметку, когорты и A/B-тесты. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Siter — платформа, очень похожая на Figma, но позволяет создать сразу готовый адаптивный сайт без кода.
siter.io
Breakpoints — плагин для быстрого переключения адаптивных версий макета.
⚡️ Дизайн в 2026 это уже не про скорость ради скорости
Пару лет назад все спорили, заменит ли AI дизайнеров. Сейчас вопрос другой: что вообще остается ценным, когда визуал, тексты, иллюстрации и прототипы делаются в разы быстрее. Судя по комментариям дизайн-лидов из Ozon, ВТБ, Яндекса, МТС, VK и других, ответ один: мышление, системность и умение связывать дизайн с продуктом, метриками и восприятием. Самый интересный сдвиг в том, что дизайн перестает быть ремеслом и становится управлением продуктом через интерфейс. AI ускоряет производство, но не решает за команду, что именно нужно делать, зачем, как это встроить в сценарий и чем продукт будет отличаться от остальных. Поэтому в 2026 выигрывают не те, кто быстрее всех генерирует экраны, а те, кто умеет строить логику, характер продукта и ощущение от взаимодействия. Внутри: – Как AI стал частью операционной среды, а не просто модной фичей; – Почему скорость производства больше не дает преимущества сама по себе; – Как меняется роль дизайнера, когда фокус уходит от ремесла к решениям; – Почему рынок устал от хайпа и начинает смотреть на AI через экономику и эффект; – Зачем продуктам в 2026 нужна управляемая уникальность, а не копия лидеров; – Как эмоциональный дизайн влияет на доверие, позиционирование и восприятие; – Почему Zero UI становится следующим уровнем конкуренции через поведение, а не через кнопки; – Как живая типографика и адаптивный сторителлинг помогают управлять вниманием и вовлеченностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Table Templates
Бесплатный плагин для Figma, который позволяет быстро создавать адаптивные таблицы с авто-лейаутом и кастомным стилем Install
Создание кнопок в Figma by averination
Способ по созданию адаптивных кнопок без использования Rectangle #figma #туториал
Визуальный язык бренда: как WEB-технологии меняют современный дизайн 👨🏻‍💻
Слушатели программы Двойного диплома «Графический дизайн и брендинг» изучают эту тему на занятиях Волосецкой Диляры Ниязовны — преподавателя дисциплины «WEB-технологии в дизайне». Диляра Ниязовна — преподаватель РГУ им. А.Н. Косыгина, специалист в области графического и UX/UI-дизайна. За её плечами — работа дизайнером в журнале Grazia и сотрудничество с разными направлениями бизнеса, где она помогает выстраивать визуальную коммуникацию с потребителем. На занятиях студенты изучают принципы построения удобных интерфейсов, адаптивную вёрстку, работу с типографикой и цветом в цифровой среде, а также создание прототипов сайтов и приложений. Сегодня дизайнер должен не только создавать стиль, но и уметь встраивать его в цифровую среду. Именно поэтому освоение WEB-технологий становится обязательной компетенцией современного специалиста. 🖇️ Подробнее об обучении на сайте
Собрали готовые изображения людей в разных форматах и стилях под большинство дизайнерских задач. Сохраните, чтобы не потерять!
🔶 Настраиваемая система с анатомически точными векторными иллюстрациями в разных ракурсах. Благодаря набору можно отдельно создавать все системы организма человека по деталям. 🔶 Адаптивный набор из более 1 700 изображений в урбанистическом стиле. Иллюстрации выполнены в двух цветах: чёрном и голубом. Здесь можно найти картинки по разным темам: бизнес, обучение, здоровье и другим. 🔶 Более 1 000 минималистичных чёрно-белых иллюстраций из 20 категорий. Векторные пикчи в авторской стилистике подойдут для лайфстайл-проектов с долей юмора. 🔶 Векторные картинки выполнены в нейтральной цветовой гамме. Иллюстрации с разными сюжетами из офисной жизни отлично подойдут для презентации или простого лендинга. 🔶 3D-эмодзи с изображениями людей. Есть PNG-файлы и SVG-версии (цветная и плоская), а также набор с высокой контрастностью. 🔶 Скетчи в стилистике бельгийского комикса «Тинтин». Простые линейные рисунки в светлых оттенках, юмористичные сюжеты с ситуациями из жизни. 🔶 Люди в процессе чтения и обучения. Цветные картинки в популярном плоском, геометрическом стиле. 🔶 Двухцветный набор в духе азиатских комиксов. Герои векторных дудлов изображены в саду, самолёте, за работой и в других ситуациях. Набор подойдёт, если нужно рассказать стройную историю, используя рисованных персонажей. 🔶 Настраиваемый пак с простой чёрно-белой графикой. Можно создать своего персонажа, используя разные компоненты, или взять готовый рисунок. Пригодится, если для проекта нужны разные городские типажи. 🔶 3D-персонаж для иллюстрации рабочего процесса. Герой в чёрной водолазке выступает перед графиками, читает или работает в кресле-мешке. 🔶 Забавные цветные аватарки. С помощью конструктора можно создать уникальный характерный юзерпик из предлагаемых блоков. 🔶 Люди и спорт в самых разных его вариантах. Плоская графика, серо-голубая гамма, гипертрофированные формы для лёгких, неперегруженных макетов. [Фабрика Дизайна]
Webflow теперь умеет генерировать сайты по промту. Получаются функциональные сайты, которые можно редактировать: настраивать стили, цвета и шрифты, добавлять и удалять блоки и страницы и многое другое (Webflow — один из самых развитых редакторов адаптивных сайтов).
📈Андрей Киселев:
📍Архитектура — это эксперимент, а образование — образ жизни📍 Продолжается совместный проект СА России и радио «Культура» — подкаст «Голос архитектуры». Президент СА России Николай Шумаков пригласил к разговору архитектора Андрея Киселёва. 🧮Из выпуска вы узнаете: 📗Почему МАРХИ вспоминается как «форма развлечения», где жили проектами, а не парами; 📗ИИ, BIM и адаптивные системы — конкуренты профессии или её лучшие помощники?; 📗«Цифровой двойник» — это компьютерная игра, где можно примерить новое здание на реальность?; Архитектура привлекает меня как аттракцион, эксперимент, форма мышления и восприятия, — говорит Андрей Киселёв. Этот выпуск для тех, кто чувствует пульс профессии и готов смотреть за горизонт чертежей. Разговор серьёзный, но без скуки. 🎧 Слушать здесь. Приятного прослушивания!
ИИ меняет геймдизайн — и это уже не будущее
Meshy, Luma AI, встроенные решения Epic Games — искусственный интеллект плотно входит в пайплайн разработки. Генерация 3D-ассетов, процедурные локации, адаптивные NPC с живым поведением. То, на что раньше уходили месяцы работы целой команды, теперь занимает часы. Индустрия переживает тихую, но очень серьёзную революцию. Но вот парадокс — чем мощнее инструмент, тем острее встаёт вопрос авторства. Где заканчивается дизайнер и начинается алгоритм? Кто автор игры, если половину ассетов собрал ИИ? За 30 лет мы видели разное. DTP убил макетчиков. 3D вытеснил иллюстраторов. Стриминг перевернул игровой рынок. История повторяется снова — и каждый раз выживали те, кто понял новый инструмент раньше остальных, а не те, кто его игнорировал. Геймдизайн всегда был про системное мышление. ИИ — это просто новая система. Мощная, местами пугающая, но поддающаяся изучению. Не бойтесь ИИ. Бойтесь остаться единственным в команде, кто им не умеет пользоваться. 📎 Креативити
Портфолио без реальных проектов — это нормально, если вы новичок. Главное — показать, как вы думаете и работаете.
Собрали 5 вымышленных проектов, которые помогут заполнить портфолио и отточить нужные навыки. Выбирайте то, что нравится, и просто начните. А если хотите разобраться глубже и добавить в портфолио реальные проекты — наши курсы помогут. 1️⃣ Редизайн приложения, которым пользуетесь каждый день Возьмите приложение, в котором вас что-то раздражает, и переделайте проблемный экран. Покажите, как анализируете UX-проблемы и предлагаете решения. Скилы: user research, работа с пользовательскими сценариями. 2️⃣ Лендинг для несуществующего продукта Придумайте продукт (приложение для медитации, онлайн-курс, эко-магазин) и сделайте для него лендинг. Покажите структуру страницы и адаптив. Скилы: веб-дизайн, UI, работа с иерархией, адаптивность. 3️⃣ Упаковка для вымышленных предметов Создайте дизайн упаковки для чего угодно: чая, свечек, шоколада, косметики. Покажите, как продукт будет выглядеть на полке. Скиллы: графический дизайн, работа с формой, типографика, визуализация. 4️⃣ Редизайн плаката известного фильма Выберите любимый фильм и сделайте к нему новый постер. Это хорошее решение, если вдохновения на другие выдумки нет. Скиллы: композиция, работа с образами, типографика, концептуальное мышление. 5️⃣ Концепт мобильного приложения от идеи до прототипа Придумайте проблему, которую решает приложение, опишите целевую аудиторию, нарисуйте user flow и сделайте несколько ключевых экранов. Скиллы: UX-исследование, проектирование, UI, работа с пользовательскими сценариями. #польза @contented
Изображение поста