Yandex for TechnoCreative

Я много где сохраняю посты про AI, дизайн и креативные инструменты. В итоге всё раскидано по каналам, твиттеру, закладкам и личке самому себе. Потом, конечно, найти это почти невозможно. Поэтому отдельные каналы под такие темы иногда сильно выручают. У Яндекса есть Yandex for TechnoCreative. Это канал для дизайнеров, продюсеров, маркетологов, бренд-менеджеров и всех, кто работает на стыке креатива и технологий. Что там можно почитать сразу: 〰️ Дайджест про Adobe, Canva и Figma Про Firefly, AI-агентов в Adobe, Canva AI 2.0 и Code Layers в Figma. Особенно интересно про Figma, потому что она всё сильнее двигается в сторону связки дизайна и кода. 〰️ Гайд Толи Панова про личную базу знаний Obsidian, Zettelkasten, графы и PARA. Полезно, если у вас тоже есть папка с сохранёнками, промптами, статьями и заметками, где через месяц уже ничего нельзя найти. 〰️ Кейс Yango про AI-ролик для Эфиопии Ребята делали локальный рекламный ролик без поездки в Эфиопию. Там хорошо видно, сколько работы происходит до генерации: рефы, локальные фото, раскадровка, цвет, черновой монтаж. 〰️ И вакансии Яндекса для креативных специалистов конечно. Ещё в канале бывают кейсы яндексоидов, мнения экспертов про креативное мышление в эпоху AI, механики по избавлению от рутины и вакансии Яндекса для креативных специалистов. Если работаете с дизайном, маркетингом, продакшеном или просто следите за AI-инструментами, можно подписаться. Я такие каналы обычно держу под рукой, чтобы не собирать всё по кускам. Подписывайтесь на ребят 🥰, будет интересно.

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. Культура будет способствовать информационной осведомлённости о важности доступности, а законы обяжут выделять на это ресурсы.

Fireworks

Плагин добавляет эффект салюта, когда вы удаляете слои Install

Figma продолжает расширять экосистему вокруг MCP и Canvas.

К возможностям Canvas Figma MCP server подключаются новые партнёры: Cursor, Warp, Factory, Augment Code и Firebender. Это означает ещё больше инструментов и интеграций для работы с дизайном и кодом напрямую через MCP-инфраструктуру. Экосистема вокруг Figma постепенно превращается в полноценный хаб для AI-инструментов разработки. На случай блокировок, наш резервный канал.
⌨️ Добавить горячие клавиши в веб приложение намного сложнее, чем кажется
На словах задача простая: назначить пару сочетаний и ускорить работу в интерфейсе. На практике под этим шесть слоев конфликтов: операционная система, браузер, расширения, ассистивные технологии, плагины к ним и личные настройки пользователя. Ошибка в одном месте легко ломает привычную навигацию. Эрик Бейли показал это на реальном исследовании для Home, End, Page Up и Page Down. Он вручную проверил Windows и macOS, Chrome, Edge, Firefox, Safari, а также JAWS, NVDA и VoiceOver. Главный вывод: почти нет по настоящему безопасных сочетаний, а худший сценарий это поломка работы скринридера для человека, который полностью зависит от клавиатуры. Внутри: – Почему комбинация, которая выглядит свободной, часто занята браузером или скринридером; – Какие сочетания уводят пользователя со страницы и создают риск потери данных; – Почему симметрия клавиш Home и End важна для предсказуемого поведения; – Зачем в продукте нужен отдельный блок настроек горячих клавиш; – Какие различия между VoiceOver и JAWS или NVDA влияют на проектирование; – Почему ручное тестирование в этой задаче надежнее, чем попытка закрыть все через ИИ; – Какие ограничения проверки важно учитывать до релиза. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
#madeontilda. Выпуск №141
Новые проекты #madeontilda: сайт кошачьего приюта, лендинг гоночной команды, интернет-магазин бренда дизайнерской мебели и другие. Sorry Not Sorry 👉 https://sorrynotsorrybrand.ru Лендинг производителя пиццы BLL Engineering 👉 https://bll-e.ru Сайт разработчика инженерного оборудования и ПО Планета Б** 👉 https://planeta-b.com Сайт кошачьего приюта M.STAGE 👉 https://www.m-stage.ru Лендинг танцевального чемпионата UNI2.STUDIO 👉 https://uni2studio.ru Лендинг креативной студии GO HARD HOLIDAY 👉 https://gohard.holiday Лендинг организатора туров на мероприятия СЫТЫЙ БАБР 👉 https://edafest.ru Большой гастрономический фестиваль ФНЧ 👉 https://feneche.ru Интернет-магазин бренда дизайнерской мебели Fire n’ Smoke 👉 https://firensmoke.ru Лендинг гоночной команды
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
🔔 Inspiration #164
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – fontanello.app – charm.land – lineofsight.co – cartier.com/en-fr/watchesandwonders – cyphr.studio ——— – resend.com/handbook – slrncl.com – nebular.vc – clearstreet.io – zapier.com/zapconnect ——— – pipio.ai – observiq.com – thewone.co – weareinertia.com – curated.design ——— – littlebig.band – firecrawl.dev – synthetictheatre.com – jules.google – moment.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
📺 Дизайн для телевизоров: практические принципы 10-футового интерфейса
Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения. Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве. Внутри: – Почему нечётное количество колонок решает проблему overscan; – Как использовать длительное нажатие для удвоения функций кнопок; – Зачем Prime Video переназначает кнопку Up для функции X-Ray; – Почему вертикальное движение меняет группы, а горизонтальное элементы внутри; – Как PNG с прозрачностью оживляет жёсткие интерфейсы; – Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Смотрите, что в Chrome завезли:
corner-shape: squircle; Больше не нужно накидывать clip-path или использовать SVG, чтобы добиться такого эффекта. Safari догонит, Firefox — не факт.
Изображение поста
Fallout Club — так романтически называется новая лимитированная коллекция бренда katch. Объясняется название так: это «клуб последствий» для тех, кто провел лето слишком ярко и не может вернуться в «норму».
В коллекции — вещи со сложным кроем, от небанальной классики до стритстайла. В частности [fire alarm] jacket (куртка из черного канваса с застежками как у пожарных), [uniform] pants (минималистичные брюки из денима), худи из вареного хлопка и многое другое. Рассказываем подробнее о коллекции: https://theblueprint.ru/l/bVsRqWr 🔹The Blueprint News
Изображение поста
Browser Mockups
Что входит в шаблон Browser Mockups Figma от BRIX Templates? • Макет Come Figma • Макет Come Mobile Figma • Макет Firefox Figma • Макет Firefox Mobile Figma • Макет Safari Figma • Макет Safari Mobile Figma • Макет Microsoft Edge Figma • Макет Microsoft Edge Mobile Figma • Макет приложения Figma #Mockup ОТКРЫТЬ
Изображение поста
Не промптом единым: как миксовать нейросети и ручную работу
Маша Орех из «Клайбера» рассказала о гибридном подходе в дизайне — методике, при которой сгенерированный нейронкой креатив дорабатывается вручную. Самые значимые этапы творческого процесса — это идея и доведение до финала. Маша считает, что их никогда нельзя будет делегировать нейросетям. На всех промежуточных этапах помогает гибридный подход. Маша продемонстрировала его на двух примерах: визуале с наггетсом и соусом и 3D-стрелке в виде подушки. Вот как в студии «Клайбер» создавали первую иллюстрацию: • Отрисовали простой эскиз • По промту, эскизу и фотографии соуса сгенерировали визуал в Firefly • Полученную картинку загрузили в Magnific, чтобы улучшить качество изображения. Однако сервис состарил руку, да и текстура наггетса была неидеальна • Докрутили изображение вручную в Photoshop Для создания 3D-стрелки: • Отрисовали простую стрелку в svg • В ИИ-сервисе Adobe Project Neo превратили svg в 3D • По промту сгенерировали в Midjourney фотографию мягкой красной подушки • Изображение подушки загрузили в Adobe Project Neo, который интегрирован с Firefly. Благодаря этому удалось придать 3D-стрелке текстуру и стиль подушки #статья@zhurnalus_lite
Изображение поста
⭐️ Наложения «Fire Spark» | (12)
📌 Теги: #overlays / #jpg / #graphic / #design ➡️ Скачать Нажми ❤ | Dsgn Lib
Изображение поста
Adobe добавила в бета-версию Photoshop функции своей нейросети Firefly.
Специалист по нейросетям в Bang! Bang! Studio
Bang! Bang! — студия иллюстрации, анимации, дизайна и AI-графики. Задачи: — автоматизировать повторяющиеся процессы с помощью AI-инструментов — подбирать и обучать модели под конкретные задачи — работать с текстами, изображениями, анимацией и другими материалами через нейросети: помогать создавать мудборды, генерировать эскизы и прочее — консультировать команду по возможностям и ограничениям нейросетей Ожидания: — свободное владение AI-инструментами: ChatGPT/Claude, Recraft, Adobe Firefly, Krea, Midjourney, Sora — уверенные дизайн-навыки — умение находить простые и эффективные решения — инициативность и готовность предлагать идеи — наличие портфолио Условия: — проектная работа — удаленка → Подробнее Контакт для отклика: bang@bangbangstudio.ru с пометкой «AI» #дизайн
Изображение поста
📊 Одне рішення продуктового дизайнера може принести компанії мільйони. Але перед цим — дослідження, аналіз конкурентів і тестування.
Навчіться аналізувати продукт комплексно на курсі «Продуктова аналітика»: від метрик до A/B-тестів та гіпотез, від SQL-запитів до наочної візуалізації, актуальні інструменти й курсовий проєкт. За 24 заняття ви навчитесь: 🔸 формулювати гіпотези, будувати дерево метрик та оцінювати зміни 🔸 використовувати продуктові метрики 🔸 працювати з гіпотезами 🔸 аналізувати юніт-економіку 🔸 працювати з SQL, Amplitude, Firebase, GA4 🔸 візуалізувати дані у Tableau Курсовий проєкт від продуктової компанії Brainstack — створите аналітичний дашборд, що допоможе виявляти продуктові закономірності, формувати гіпотези та знаходити точки для оптимізації Лекторка: Юлія Пузанова — Staff Product Analyst у Bolt, очолює аналітику команд, які автоматизують зростання бізнесу та оптимізують розподіл інвестицій. Старт: 20 серпня Деталі, програма та реєстрація 🔗
Изображение поста
#Ai | #Tutorial
Текстовый эффект с использованием Adobe Illustrator + Adobe Firefly Автор
🔥 УРОК: Кинематографичный дизайн презентации для реалити-шоу
— Забирай бесплатно внизу (ограничено) один из лучших моих уроков из курса по нейросетям 👇🏻 Внутри показываю, как через Midjourney & Adobe FireFly создаю топовую киношную графику, вообще почти не рисуя ручками. А еще сегодня последний день ⚠️, когда можно взять новый актуальный курс по нейросетям всего за 3.900 рублей вместо 9.900 рублей по предзаказу. За полгода в нейронках все очень сильно поменялось… и мой старый модуль по ИИ уже стал не совсем актуальным. Так вот… Это будет полностью перезаписанный модуль по нейронкам, который адаптирован как под нулевых новичков, так и под очень опытных дизайнеров. Причем я вижу, что вам уж очень интересно все это (судя по количеству оплат… 😳) Зачем тебе NeuroGuide: — Узнаешь такое профессия Нейродизайнер, и на каких услугах можно зарабатывать дизайнеру даже без опыта (!) — Нейрофотосессии: Как делать супер-реалистичные фото и зарабатывать на этом — Анимация и генерация карточек товара в нейросетях — Ультра-реалистичные коллажи в пару кликов — Как приручить нейросети: твой личный ментор, маркетолог, арт-директор и продажник По факту прохождения курса ты получишь выжимку моего опыта, которая полностью перевернет твое представление о дизайне. Так, что даже человек с улицы сможет пойти и начать продавать ✨ Опытные же смогут очень сильно выделиться на фоне конкурентов, тоннами постить качественные работы в Pinterest и Behance ⭐️ Знаете же да, этих дизайнеров, которые кричат что конкуренции нету…? Ну в целом да, когда делаешь очень красиво и быстро — ее мало… ) Программа NeuroGuide 👇🏻 [12+ уроков] Урок 1. Зачем дизайнеру нейросети: 10 задач, которые экономят кучу времени и приносят новых клиентов Урок 2. Промпт-инжиниринг без боли: как получать нужный результат с первого раза Урок 3. Midjourney: киношная графика, которая выделит тебя среди тысяч дизайнеров Урок 4. Sora и GPT: как визуализировать любую идею Урок 5. Flux и Krea: новый уровень реализма Урок 6. Firefly: Генеративная магия Урок 7: Recraft: SVG, иконки, иллюстрации Урок 8: Мои связки нейросетей: как собрать мощную систему под любые задачи Урок 9: Кейс: как я сделал киношную презентацию с помощью нейросетей Урок 10: Какие услуги можно продавать с помощью нейросетей Урок 11: Как сэкономить на нейросетях 100К в год: мой оптимальный набор + лайфхаки Урок 12: Твоя ИИ-команда — от стратегии до продаж и поддержки Уроки 13-14: Секретный бонус 🔒 Повторяю… УРОК ДАЮ БЕСПЛАТНО ТОЛЬКО СЕГОДНЯ ⚡️ Переходи по вот этой ссылке и подавай заявку! Там тебя будет ждать урок. Тут в канале его не будет. Так что потом не пишите в личку, что пропустили. А чтобы купить прямо сейчас всю актуальную базу по нейросетям NeuroGuide — пиши в личку «Хочу Нейрогайд» Кто посмотрит урок — благодарности и отзывы в комментарии 👇
Изображение поста
Fire and Smoke Photoshop Brushes
Download Outside.files  — материалы для дизайнеров
Изображение поста
Fire and Smoke Photoshop Brushes
Эти кисти идеально подходят для цифрового искусства, редактирования фотографий, спортивной графики и многого другого. 🔗 Download /📍 #Brush Design Garage — ресурсы для дизайнера
Изображение поста