Категории

Каналы

13 ч.

@enable_design

Сегодня начинается FIFA World Cup 2026! ⚽️

Впервые в истории турнир с 48 командами станет более доступным 💜 Сурдоперевод Опять же впервые в истории FIFA трансляция с сурдопереводом на каждом матче. Это иммерсивный опыт для глухих и слабослышащих болельщиков: переводчики передают не только игровые моменты, но и ключевые звуковые сигналы — свистки арбитра, рёв трибун, эмоциональные сдвиги атмосферы, — чтобы зрители чувствовали каждый момент в реальном времени. Всё это живёт в официальной аппке FIFA World Cup 2026™. Я хотела протестировать её на доступность, но она недоступна в рф. Субтитры На стадионах они идут на бегущих строках, табло и экранах, плюс по ссылкам в приложении — для тех, кто хочет следить за голосовым контентом во время матча. Хаптика Это доска размером с планшет с рельефной схемой поля. Кладёшь пальцы на поверхность и следишь за игрой на ощупь: по схеме движется магнитное кольцо — мяч, а у каждого события свой паттерн вибрации — пас, подкат, удар. Незрячий болельщик буквально чувствует игру: где мяч, в какую сторону атака, гол. Будут на стадионах в Далласе, Нью-Йорке, Сиэтле и Ванкувере. Сенсорные пакеты и сенсорные комнаты На каждом стадионе будут доступны сенсорные пакеты с шумоподавляющими наушниками, fidget-инструментами и средствами коммуникации. Также будет оборудована сенсорная комната с приглушённым освещением, звукоизоляцией, тактильными арт-объектами и мягкими сиденьями. Моя дочка устаёт от шума, и для нас такие комнаты — огромное спасение. Когда вокруг 50 тысяч кричащих людей, возможность выйти на десять минут в тихое место, выдохнуть и вернуться к игре — спасает от побега с игры ) Официальное приложение турнира тоже сделано с учётом доступности — обещают регулируемый размер шрифта, настройку цветового контраста и субтитры к видео. Ну вот это я проверить не могу. Если вы не в рф, качните, гляньте, что там. И если несложно, напишите в комментах, как всё реализовано на самом деле. Очень интересно ) На сайте FIFA посмотрела быстро: работает со скринридером (но нужно тщательнее проверять), альты прописаны, даже есть изображения в разных размерах, значит сайт быстрее загрузится, контрастность гуд, таб работает, зуммируется все прекрасно, текст не обрезается. И знаете, это большая работа. Просто молодцы! За кого болеть будем? ⚽️

Фабрика Дизайна

Раздачи

1 д.

@fabricaofdesign

Абстрактные формы — быстрый способ добавить глубину, ритм и настроение в макеты, не перегружая их деталями. Собрали подборку файлов: от мягких градиентов и 3D‑фигур до дудлов, цветочных элементов и монохромных паттернов — всё, чтобы ускорить работу над фонами, обложками и акцентами в интерфейсе.

🔶 Abstracto Demo Демо‑набор крупных цветных PNG‑форм, которые хорошо работают как выразительные фоны и центры композиции. 🔶 Texturas Abstractas Пакет текстур, удобных для фоновых заливок, наложений и лёгкого «зашумления» плоских макетов. 🔶 Geometrical Abstraction with Gradients Серия геометрических абстракций с мягкими градиентами, напоминающими плакатный графдизайн и digital‑арт. 🔶 AbstractForms Vol.1 Коллекция аккуратных фигур, которые можно собирать в постеры, аватары и иллюстративные блоки. 🔶 Abstract Lines Подборка линий и контуров, добавляющих движение и ритм фонам, шапкам и разделителям секций. 🔶 Fondos Abstractos 3D‑фоны с неоновыми формами и глубиной, которые хорошо работают как обложки и главные экраны. 🔶 Abstract Blob Vector Shapes Набор векторных «блобов» и пятен, которые удобно использовать как мягкие подложки под текст и карточки. 🔶 50 Abstract Posters & Wallpapers Part 2 Коллекция готовых постеров и обоев, которые можно брать в качестве фонов и референсов. 🔶 Abstract Geometric Waves Геометрические волны и полосы, создающие динамичный рисунок для фона. 🔶 Glassmorphism Wallpaper Abstract 3D Figure Обои с абстрактными 3D‑фигурами в стиле стекломорфизма, идеальны под UI-заставки. 🔶 12 Abstract Banners Free 12 готовых баннеров с яркой графикой, оптимизированных под веб и соцсети. 🔶 Abstract Geometric Pattern Simple Shapes 03 Простые геометрические паттерны из базовых форм для повторяющихся фонов и плиточной сетки. 🔶 M‑513 Abstract 3D Illustrations Набор 3D‑иллюстраций, которые можно использовать как ключевые визуалы в лендингах и презентациях. 🔶 Gradient Abstract Banners Баннеры на градиентных подложках, хорошо заходящие как промоблоки, превью и обложки. 🔶 3D Abstract Shapes Коллекция объёмных 3D‑форм, годящихся для центральных изображений, постеров и визуальных акцентов. 🔶 Monochrome Abstract Монохромные абстракции со сдержанной графикой, которые поддерживают минималистичный и строгий визуальный стиль. 🔶 36 Abstract Graphic Elements Pack 36 графических элементов, из которых удобно собирать коллажи и декоративные композиции. 🔶 Free Abstract Flower Elements Collection Набор «цветочных» элементов, стилизованных для декоративных вставок и паттернов. 🔶 350 Vector Doodles Weird Creatures & Abstract Forms Большая коллекция векторных дудлов с причудливыми существами и абстрактными формами для живых, экспериментальных макетов. [Фабрика Дизайна]

en<able> - о дизайне и доступности

Блоги

1 д.

@enable_design

AI и доступность

Делаем блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы ) Наш третий гость — Алексей Назаренко @alexnozer_dev — фронтенд-разработчик, специализирующийся на вёрстке, доступности, производительности и веб-стандартах. Леша, спасибо 💜 Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры? Как это работает на практике? — Лично я не пробовал. Но читал о том, что в интерфейсах таких платформ полно проблем с доступностью. Ты знаешь кейсы, где AI улучшил доступность продукта? — Есть несколько фич, которые кажутся мне хорошим использованием AI в доступности: - Автогенерация субтитров на видео в TikTok, YouTube и подобных сервисах; - Возможность сгенерировать описание изображения (alt) в Firefox или Shopify; - Функция распознавания изображения с камеры в реальном времени в ChatGPT или Seeing AI; Ещё знаю, что AI используют при аудите для анализа контента и поиска нарушений WCAG. Но пока о каких-то серъёзных успеха в этом направлении не слышал. Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограничениями по здоровью? Что должно измениться в том, как мы обучаем модели? — Все современные модели знают о доступности много, потому что это гигантские базы знаний. Сложность в том, чтобы эти знания оттуда извлечь. По умолчанию модели выдают статистически наиболее вероятный код. Дела с доступностью обстоят плохо, что подтверждают отчёты WebAIM. Поэтому в среднем сгенерированный код будет содержать проблемы доступности. С обучением моделей, скорее всего, уже ничего не сделать. Разве что в мире резко большинство сайтов и сервисов станут доступными и появятся новые хорошие кодовые базы, где это всё учтено. Но такого не будет. А учитывая волну нового сгенерированного кода за последние годы, всё только хуже. Поэтому нужно обкладывать агентов скиллами, правилами, инструкциями для работы, давать примеры доступного кода, проводить код ревью людьми, которые разбираются. ИИ волшебным образом не сделает мир доступнее, нужна инициатива и эксперты. 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? — Я не слышал, чтобы без технической базы с помощью AI создавали продукты на миллионы пользователей. Истории «я за два вечера навайбкодил SaaS и заработал много денег» мне кажутся пылью в глаза. Десятки, сотни или тысячи пользователей, но не миллионы. Если говорить о крупных корпорациях, которые массово внедряют AI в процессы разработки, то там, всё же, есть техническая база. Не думаю, что AI научит доступности. Он способен воспроизводить шаблоны доступности и выдавать неплохие решения при должной настройке и в руках опытных разработчиков. Тех, кто росто генерирует код и не вникает в него, AI ничему не научит. В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? — Думаю, что надежда есть. Однако стимулов меньше, чем в странах Евросоюза или США. Нужно развивать культуру доступности и работать над законодательной базой, по аналогии с ADA или EAA. Культура будет способствовать информационной осведомлённости о важности доступности, а законы обяжут выделять на это ресурсы.

Figma Design

Гайды

4 д.

@figmadesign

Higgsfield выпустили плагин для Figma

Теперь можно генерировать изображения и видео прямо внутри Figma, не переключаясь между десятком вкладок.

Video is not supported

Retro Figma

Гайды

5 д.

@retrofigma

Плагин «3D Transformer» by Simon.Xuzi

Плагин для превращения любого изображения в подобие 3D макета 📱 Скачать плагин 📱 #plugin

Щёлочь

Вакансии

6 д.

@alkali666

CGI BATTLE «ШАХ И МАТ»

СПОРТ КЛУБ Щ® х REP CHESS x 3DЩ совместно с креативной мастерской керамики ТЫ ЧО ТВОРИШЬ создай 3D модель чемпионского кубка в виде шахматной фигурки! Формат: изображение или видео 1920 x 1920 (квадрат) статика (png) или анимация (вращение, до 10 сек, mp4) черный фон (важна именно форма) краткое описание концепта приветствуется! Критерии: Критериев, кроме эстетического, нет, но есть нюансы: 1) модель должна быть не более 30см в высоту и ширину 2) модель не должна иметь острые углы 3) модель не должна иметь слишком мелких деталей Призы: 10.000 рублей сертификат на шахматное обучение от Rep chess edu сертификат на мастер-класс от студии «Ты чо творишь» Дедлайн: 13 июня Работы присылать под этот пост!

Video is not supported

Превратите одно изображение в несколько редактируемых с помощью ИИ Install ️

Будете поэтапно погружаться в производство видеоконтента: от процессов и принципов работы с нейросетями — к постановке кадра и драматургии. Курс можно пройти, даже если вы никогда не работали с нейросетями. Предпроизводство Научитесь выстраивать логику проекта и управлять нейросетями на каждом из этапов: при работе над смыслами и в создании контента. Визуальные нейросети Начнете понимать основные принципы генераций изображений и видео. Монтаж и музыка Узнаете, как выставлять кадр и свет, работать с композицией, цветом и звуком. Будете использовать основы драматургии для качественного результата. Персональная обратная связь От Александра Шаляпина, журналиста, специалиста по компьютерной графике (CG/3D-дженералист), ИИ-энтузиаста и основателя проекта «Нейрозавод». → Узнать все подробности и присоединиться. Стартуем уже 20 июля!

Сократить слово «бык» — «бк» — «б». Хорошая практика для дизайнера работать на минимизацию концепта. Когда уже есть визуальная, проработанная концепция и её надо свести к минимуму не потеряв смысла и узнаваемости. Хорошо подходит для задач и брендинга и продуктового дизайна и работы с промышленным дизайном. Это не про удаление лишнего, а скорее мышление от рационального и точного к абстрактному, но интуитивно понятному, чтобы снизить когнитивную нагрузку. Условно, упрощение, минимализация интерфейса помогает пользователю быстрее принимать нужные решения, узнавать, вспоминать, использовать свой опыт и испытывать радость от того, что «сразу всё понятно». Часто проблема у дизайнера в том, что он излишне может усложнять систему коммуникации и перегружать решение дополнительными «подсказками». Этот прием подходит и для работы с брифом и ТЗ на дизайн, его сокращение до ключевой сути и задачи. «Бык» Пабло Пикассо — это серия из одиннадцати литографий, созданная в 1945 году. На ней изображен бык на разных этапах абстракции: от довольно реалистичного изображения до нескольких линий. Кстати, обратите внимание, что буква «б» естественным образом может напоминать быка.

Влияние искусства на развитие ребёнка хорошо изучено. Например, занятие музыкой в детстве повышает IQ и улучшает показатели в когнитивных тестах — таким не могут похвастаться даже шахматы. А учёба в художественных классах повышает эмпатию и даже уверенность в себе. Проще говоря, творчество влияет на детей сразу и имеет долгоиграющие позитивные последствия. Однако дети не всегда могут сами проявлять интерес к творчеству, но это — не трагедия. Рассказываем, когда и какие усилия стоит приложить, чтобы ребёнок увлёкся и занялся искусством. 🔘Совет № 1. Раньше — не всегда лучше Существует стереотип, что детей нужно приучать к искусству чуть ли не с младенчества. И если развитие моторики детям даётся отлично, то восприятие объектов может сильно отличаться. Переход к символическому понимаю происходит не сразу. Ребёнок дошкольного возраста может не осознавать, что изображение предмета не является самим предметом. Для малышей путать изображение с реальностью — это норма. Поэтому не стоит пытаться объяснить теорию искусств ребёнку, который в буквальном смысле не дорос и пока не способен понять некоторых вещей. Иногда нужно просто подождать. 🔘Совет № 2. Не заставляйте ребёнка творить Строгие традиции советских музыкальных школ отбили желание заниматься творчеством у огромного числа людей. Когда искусство становится стрессовой рутиной для ребёнка, а не приятным времяпрепровождением — возникает проблема. И хотя дисциплина действительно важна для освоения креативных навыков, лучший мотиватор — искренний интерес. Возможно, ребёнку нужен темп обучения помедленнее или даже стоит попробовать найти себя в другой творческой деятельности. 🔘Совет No 3. Знакомьте с разным искусством Этот совет вытекает из предыдущего, но принять его бывает непросто. Если ваша душа лежит к дизайну или литературе — не факт, что ваш ребёнок тоже это полюбит. Однако он может заинтересоваться чем-то другим: музыкой, лепкой или фотографией. Лучший способ для ребёнка найти творческий стимул — расширять кругозор и пробовать новое. А теперь вопрос к вам: помните свой первый опыт, когда вы осознанно захотели заняться искусством? Расскажите об этом в комментариях. #КНП_искусство 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах

Позволяет ретушировать и улучшать изображения с помощью ИИ, не покидая Figma. Есть 12 бесплатных генераций Install ️

И хотим напомнить: это не короткий курс, где вы просто пробуете пару AI-инструментов и генерируете красивые картинки. Внутри курса: ▪️ 100+ практических уроков по текстам, изображениям, видео, сценариям, стратегиям, презентациям, анализу и работе с AI в реальных задачах. ▪️ 21+ нейросеть от ChatGPT и Midjourney до Krea, Recraft, Higgsfield, Kling, Runway, Veo, Seedance, Claude, Nano Banana и других инструментов, которые сейчас самые актуальные на рынке. ▪️ Ежедневная обратная связь от кураторов вы не остаётесь один на один с уроками, а можете задавать вопросы, показывать работы, разбирать ошибки и доводить результат до крутого финала. ▪️ База знаний, готовые промпты и GPT-агенты чтобы не собирать всё по кускам из интернета, а сразу использовать готовые решения в работе. ▪️ Бонусные уроки по работе с клиентами, авторскому праву, ценообразованию, фриланс-биржам и упаковке своих услуг. И важный момент: уроки обновляются, даже по завершению курса — пока у вас есть доступ к курсу. После окончания скидки курс можно будет купить только по полной стоимости. Старт — 5 июня. Следующий поток будет не раньше августа. Если вы хотите этим летом нормально разобраться с нейросетями и встроить AI в свою работу, сегодня последний день, когда можно сделать это по лучшей цене: https://kavaira.com/neyropred/

giphy.com/create/gifmaker

Люди открыли для себя нейрофото… сгенерили красивую картинку… и сразу — в карточку товара. Без доработки. Вообще. И потом удивляются: почему нет продаж? Ведь вроде всё красиво… Но проблема в том, что "красиво" - не продаёт. Такие изображения: ❌ не ведут взгляд ❌ не расставляют акценты ❌ не объясняют продукт ❌ не закрывают возражения Они просто… существуют. Это как купить дорогую камеру и думать, что ты автоматически стал фотографом. Не стал. Нейрофото — это только заготовка. Сырой материал. А продаёт — структура, смысл и правильная подача. Готовые промпты с правильной подачей, можете найти в моем ТГ канале ⏭️⏭️⏭️ТУТ-ТУТ-ТУТ⏮️⏮️⏮️

Здесь вы можете добавить на своё изображение эффект хрома и отредактировать его по своему желанию. 🔍Глянуть сервис🔍 #Сервисы

giphy.com/create/gifmaker

Вот люди постарше помнят жевательные резинки TURBO. Вкладыши с фотографиями машин. Идея проста — стимулировать продажи составлением полной коллекции вкладышей. Но никто не придумывал, что по всему миру дети, школьники, подростки начнут играть во вкладыши. Хлопая ладошкой и переворачивая движением воздуха изображение. Часто такие сценарии возникают спонтанно, интуитивно и становятся своей культурой. Интересно, что «жевачка» в данном случае вообще не важна. Вкладыши показывали развитие автомобильного дизайна и фотографии. Этикетка, обертка развитие графического дизайна. Сама игра во вкладыши — интерактивный дизайн и геймдизайн.

Generative Fill уже умел менять изображение по текстовому запросу. Но когда в Фотошоп добавили Reference Image, быстро выяснилось, что пользователи ожидают от него не «примерное вдохновение», а гораздо более управляемый результат. То есть проблема была не в самой идее, а в том, как люди понимали влияние референса и насколько могли контролировать итог. Самое интересное в кейсе Adobe не финальный интерфейс, а сам путь. Команда прошла через несколько раундов исследований, пробовала разные сценарии, даже собрала отдельный Protoshop, чтобы тестировать гипотезы быстрее, чем через десктопный Фотошоп. В процессе отвалились лишние настройки, поменялась логика взаимодействия, а главный вывод оказался довольно приземленным: пользователю важнее не количество контролов, а понятный способ заранее выразить намерение. Внутри: – Почему первый интерфейс с референсом не совпал с ожиданиями пользователей; – Какие непонимания вскрылись между промптом и референсным изображением; – Почему людям было важно управлять степенью влияния референса; – Зачем команда пробовала drag-and-drop и почему этот путь не сработал; – Как отдельный Фотошоп ускорил цикл тестирования и переделок; – Почему пришлось адаптировать технологию под поведение людей, а не наоборот; – Как в финальной версии упростили сценарий и убрали лишнюю сложность; – Что этот кейс говорит о дизайне AI-функций в целом: контроль важнее магии. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Гайды

Раздачи

Кейсы

Блоги

Вакансии

Новости

Каналы

kleinewelt architekten

Дизайнеры бюро

Burogu

Дизайн-код Екатеринбурга

💙 kk про дизайн

Дизайнер в кокошнике

en<able> - о дизайне и доступности

Сегодня начинается FIFA World Cup 2026! ⚽️

Фабрика Дизайна

en<able> - о дизайне и доступности

AI и доступность

Figma Design

Higgsfield выпустили плагин для Figma

Retro Figma

Плагин «3D Transformer» by Simon.Xuzi

Щёлочь

CGI BATTLE «ШАХ И МАТ»

Retro Figma

AI Image Seperator

BBE: моушн-дизайн и CGI

Новый курс: Нейросети в видеоконтенте

Дизайн-снайпер

Минутка практик:

Retro Figma

Бесплатный фотосток с изображениями, созданными нейросетью.

Креатив на пальцах (ex. Креативность сто один)

Дети и искусство: когда стоит знакомить ребёнка с творчеством

Retro Figma

AD Compressor — сжимает все изображения в проекте размером более 150кб.

Retro Figma

Unblocked AI

Графический дизайн • вдохновение • шрифты• мокапы

Сегодня последний день, когда можно попасть на курс «Лаборатория нейросетей» со скидкой 20%.

Профессия Дизайнер

GIPHY Sticker Maker — инструмент для создания анимированных стикеров из обычного изображения.

Романов | Инфографика для маркетплейсов

Сейчас вижу одну и ту же ошибку почти у всех 👇

Retro Figma

Сервис "Paper"

Профессия Дизайнер

GIPHY Sticker Maker — инструмент для создания анимированных стикеров из обычного изображения.

Дизайн-снайпер

В дизайне много решений, которые подсказала жизнь. Это пример дизайн-мышления где важно наблюдать за поведением, видеть разнообразие сценариев поведения.

Дизайнер, привет

🧠 В Фотошопе поняли, что проблема не в генерации, а в разрыве между намерением и результатом