Нода это просто блочик, который отвечает за одну конкретную операцию. Он берет информацию на входе (назовем это ингредиентами), обрабатывает ее и выдает результат на выходе. Когда вы соединяете несколько нод вместе с помощью линий, вы создаете цепочку обработки, которая понятна и видна. Это не просто абстрактные команды в голове, вы видите весь процесс визуально.

Главная фишка нод в том, что они неразрушающие. Это означает, что если вы что то не понравилось на половине процесса, вы можете вернуться, поменять параметр в одной ноде, и всё остальное автоматически пересчитается. Вам не нужно переделывать всё заново с нуля. Это экономит колоссальное количество времени и избавляет от стресса.

В отличие от слойной системы, которую мы привыкли видеть в Photoshop или After Effects, где слои лежат друг на друге как стопка листов бумаги, ноды работают как производственный конвейер. У слойной системы есть свои плюсы для простых задач, но когда проект становится сложным, ноды просто несравнимо лучше организуют работу. Почему? Потому что каждый элемент отвечает за одно, и вы видите, как данные текут от одного блока к другому.

История нод, От научных лабораторий к творческим программам

История нод началась не вчера. Еще в 1960 х годах ученые и инженеры пытались визуально представить сложные вычисления. Но настоящий прорыв произошел, когда в индустрии кино и видеоэффектов появилась программа Nuke, специальный софт для композитинга и обработки видео. Это был конец 1990 х годов, и Nuke стал революционером именно потому, что позволил художникам и технологам работать параллельно, не теряя гибкости и контроля.

Потом ноды естественным образом попали в 3D графику. Blender, Maya, Houdini, во всех этих программах ноды используются для создания материалов, управления геометрией, создания процедурных эффектов. Особенно мощными нод системы стали в Houdini, где практически вся программа построена на нодах. Это позволяет создавать невероятно сложные параметрические структуры, которые поддаются контролю.

В начале 2000 х нод системы были исключительно для специалистов, профессионалов VFX, 3D художников. Но мир меняется. Постепенно ноды начали проникать в более доступные инструменты. Сейчас Adobe готовит Project Graph, которая обещает внедрить ноды прямо в Photoshop и другие привычные нам программы. DaVinci Resolve, известный редактор видео, включил Fusion, полноценную нодовую систему для композитинга. Даже в Figma, инструменте для UI дизайна, появились переменные и токены, которые работают по принципу параметрического дизайна.

Это не просто маркетинговый ход. Это признание того, что ноды действительно работают лучше. Когда инструменты становятся сложнее, нод система помогает справиться с этой сложностью, а не добавляет еще больше путаницы.

Как устроены ноды, Архитектура и принципы

Чтобы действительно понимать, как использовать ноды, нужно знать, как они устроены изнутри. На самом деле всё просто. Каждая нода это маленькая функция, которая берет информацию на входе (input ports) и выдает результат на выходе (output ports).

Входы и выходы обычно обозначены цветными кружками по краям ноды. Цвета имеют значение: желтый обычно означает основной сигнал (данные по умолчанию), зеленый информацию о геометрии, синий маски, фиолетовый векторы. Это сделано для того, чтобы вы интуитивно понимали, какой тип информации передается.

Когда вы соединяете две ноды линией (называется connection или edge), вы говорите системе: “Возьми выход этой ноды и используй его как вход для той ноды”. Это может быть цвет, числовое значение, текстура, вообще всё, что угодно.

Самое интересное происходит, когда система считает граф. Она начинает не с первой ноды, а с последней, с той, которую вы смотрите. Потом система идет в обратном направлении по графу, собирая все необходимые данные. Это как если бы вы спросили: “Дай мне финальный результат”, а система отвечает: “Окей, но мне нужны данные отсюда и отсюда, получу их”. Результат вычисления передается на выход, и вы видите результат.

Это ключевой момент, неразрушающее редактирование. Если вы меняете параметр в какой то ноде в середине цепочки, система не ломается и не требует переделать всё с нуля. Она просто пересчитывает всё, что зависит от этого параметра.

Еще один важный принцип это модульность. Каждая нода делает одно и только одно. Это делает ноды очень переиспользуемыми. Вы можете скопировать набор нод из одного проекта в другой. Многие программы позволяют группировать ноды в подграфы, создавая новую ноду из комбинации других. Это как создавать свои собственные инструменты на основе стандартных.

Ноды в 3D дизайне и создании материалов

Давайте начнем с 3D, потому что там нод системы действительно сияют во всей красе. Если вы когда либо открывали Blender, Houdini или Cinema 4D и видели шейдер редактор, вы видели ноды.

Создание материала это отличный пример. Скажем, вы хотите создать красивый деревянный материал. С нодами вы не рисуете текстуру от руки. Вместо этого вы строите граф. Первая нода генерирует шум, основу для деревянной текстуры. Вторая нода это размывает и добавляет вариативность. Третья нода добавляет цвет, коричневый оттенок для древесины. Четвертая нода комбинирует всё это вместе, создавая финальный материал. Если вам нужна не дубовая древесина, а сосна, вы просто меняете параметр цвета в одной ноде, и вся текстура пересчитывается.

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

Geometry Nodes в Blender это еще более мощная система для создания процедурных моделей. Вместо того чтобы вручную моделировать каждый элемент, вы создаете ноды, которые описывают, как должна выглядеть ваша геометрия. Хотите создать лес? Ноды распределяют деревья по поверхности, добавляют им случайность в размер и ориентацию. Потом вы просто меняете параметры, и у вас уже совсем другой лес, плотнее или реже. Это невероятно экономит время и дает полный контроль.

Substance Designer, специальная программа для создания материалов, работает исключительно с нодами. Это означает, что если вы хотите создавать процедурные материалы профессионального уровня, вы просто обязаны научиться работать с нодами. Результаты потрясающие, материалы получаются реалистичными, повторяемыми, и вы можете создать сотни вариаций одного материала, просто меняя параметры.

Ноды в видеокомпозитинге и VFX

В видеокомпозитинге ноды это не просто инструмент, это основа всей индустрии кино. Nuke, стандарт VFX индустрии, полностью построен на нодах. Когда вы видите потрясающие спецэффекты в фильме, вероятно, часть этого была создана в Nuke с использованием нод графов.

Как это работает? Вы загружаете видеоматериал через ноду Read, это входная точка. Потом вы применяете эффекты через другие ноды: Color Correction для цветокоррекции, Blur для размытия, Glow для свечения. Вы можете комбинировать это всё вместе через Merge ноду и выводить результат через ноду Write. Профессионалы VFX создают невероятно сложные комбинации эффектов, просто соединяя ноды.

DaVinci Resolve, которая раньше была просто редактором видео, теперь включает Fusion, полноценную нодовую систему для композитинга. Это революционно, потому что раньше вам нужно было использовать отдельную программу для сложного композитинга. Теперь всё находится в одном месте, вы монтируете видео, и если нужен сложный композитинг, вы просто переходите в Fusion, работаете с нодами, и результат сразу же вставляется в ваш монтаж.

Главное преимущество нод системы в композитинге это то, что вы видите весь процесс. Вместо того чтобы применять эффекты последовательно и надеяться, что всё получится, вы видите граф, который наглядно показывает, что происходит с вашим видео. Если вам не нравится результат, вы можете легко поменять параметры в любой ноде, и всё пересчитается.

Ноды в UI дизайне и дизайн системах

Теперь переходим в область, которая еще не полностью освоила ноды, но стремительно движется в этом направлении, UI дизайн и дизайн системы. Adobe готовит Project Graph, нодовая система, которая позволит создавать дизайн системы с помощью нод графов. Идея в том, что вместо того чтобы вручную менять каждый элемент в дизайн системе, вы создаете ноды, которые описывают логику.

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

Figma уже начала внедрять элементы параметрического дизайна через переменные и токены. Это работает по нодовому принципу, вы создаете переменную один раз, и используете её везде. Если потом нужно поменять значение, вы меняете его в одном месте, и всё обновляется. Это не совсем ноды в классическом смысле, но идея похожа.

Ноды в искусственном интеллекте и генеративном контенте

Это одна из самых интересных и быстро развивающихся областей. Когда вы работаете с AI для генерации изображений, часто вам нужно построить конвейер: загрузить базовое изображение, применить AI модель, добавить апскейл, применить фильтр цвета, экспортировать в разные форматы. Вот тут и помогают ноды.

ComfyUI это нодовая система, построенная вокруг Stable Diffusion для генерации изображений. Вместо того чтобы тупо вводить промпт и надеяться, вы строите граф, который описывает весь процесс генерации. Нода для загрузки модели, нода для эмбеддинга текста, нода для самплера, нода для апскейла, нода для сохранения. Главное преимущество, вы видите весь процесс, можете менять параметры, повторно использовать графы.

Flora и другие нодовые AI инструменты предлагают похожий подход, но более дружелюбный для творческих людей, которые не хотят разбираться в технических деталях. Вы собираете блоки как в конструкторе: генерация, апскейл, цветокоррекция, видео конверсия. И вот у вас уже есть автоматизированный конвейер для создания контента.

Ноды в маркетинге и автоматизации контента

Теперь давайте разберемся, как ноды помогают в маркетинге. Здесь речь идет не о нодах в дизайн программах, а о нодовых системах для автоматизации workflow ов. Представьте, что у вас есть задача: взять информацию из таблицы, создать посты в социальные сети, одновременно отправить письма подписчикам и залить данные в CRM. Без автоматизации это адский объем ручной работы.

С нодовыми системами вроде n8n, Make или Zapier вы создаете граф, где каждая нода это операция. Нода берет данные из таблицы, потом другая нода генерирует текст (может быть с помощью AI), третья нода отправляет пост в Instagram, четвертая отправляет письмо, пятая записывает данные в CRM. Всё это происходит автоматически, и если что то поменялось, вы просто переделываете нужную ноду.

Для SMM специалиста и маркетолога это означает возможность масштабировать работу. Вместо того чтобы тратить часы на ручное выполнение одинаковых задач, вы один раз создаете автоматизацию, и она работает на вас. Это экономит огромное количество времени и ошибок.

Еще один пример: вы хотите создать серию однотипных баннеров для разных продуктов. Обычно вы открывали бы Figma или Photoshop, менял текст, картинки, цвета и повторял это для каждого продукта. С нодовой автоматизацией вы создаете один раз параметрический шаблон, подаете данные в ноды, и вам выдается сотня готовых баннеров.

Как ноды помогают организовать жизнь, Практические примеры для обычного человека

Может быть, вы думаете: “Ну ладно, ноды круто работают в профессиональном ПО, но как это мне помогает в жизни?” На самом деле нодовое мышление применимо везде, и не обязательно для этого нужно открывать специальный софт.

Давайте возьмем простой пример: планирование дня. В обычной To Do списке вы просто пишете список дел. Но с нодовым подходом вы можете думать о нем иначе. Первая нода это ваши ежедневные обязательства (работа, учеба). Вторая нода это приоритеты (что действительно важно). Третья нода это временные блоки (когда вы сможете сделать каждое дело). Четвертая нода это энергия (когда вы наиболее продуктивны). Пятая нода это выход, который объединяет всё это в оптимальный план дня.

Или вот еще пример: управление проектом. Обычно люди просто начинают делать, а потом теряют нить. С нодовым подходом вы описываете проект как граф: исследование, планирование, создание, тестирование, улучшение, запуск. Каждый этап имеет свои входы и выходы. Если на этапе тестирования вы нашли проблему, вы не ломаетесь, вы просто возвращаетесь в определенную ноду, исправляете, и идете дальше.

Еще один практический пример: контроль бюджета. Вместо того чтобы просто отслеживать расходы, вы можете использовать нодовое мышление. Доход (первая нода) становится распределением по категориям (вторая нода, например квартира, еда, развлечения, инвестиции), потом отслеживание каждой категории (третья нода), потом анализ и корректировка (четвертая нода). Если вы видите, что в одной категории перерасход, вы меняете параметр в этой ноде, и смотрите, как это повлияет на остальное.

Даже обучение можно представить как нод систему. Вместо просто читать книгу, вы загружаете информацию (нода), обрабатываете её (делаете конспекты, ноду), применяете на практике (нода), проверяете результат (нода), корректируете подход (нода), и повторяете. Каждый цикл улучшает результат.

Лучшие инструменты и программы с нод системами

Теперь давайте разберемся, что конкретно использовать, если вы решили работать с нодами. Мир нод систем очень разнообразен.

Для 3D графики и материалов есть Blender, который бесплатный, имеет огромное сообщество, Shader Nodes и Geometry Nodes. Houdini это профессиональный инструмент, очень мощный, но не дешевый. Cinema 4D интуитивный и используется в моушн дизайне. Substance Designer это специальная программа для материалов с очень качественными результатами.

Для видеокомпозитинга подходит Nuke, стандарт VFX индустрии, мощный, но дорогой и сложный. DaVinci Resolve Fusion включен в бесплатную версию DaVinci Resolve и дает отличное соотношение цены и качества. Natron это бесплатный вариант, похож на Nuke.

Для генерации AI контента используют ComfyUI, который бесплатный, открытый, мощный, для Stable Diffusion. Flora и Fauna AI это более дружелюбные интерфейсы. Krea Nodes это специально для творческого процесса.

Для автоматизации и workflow есть n8n, бесплатный, открытый, очень мощный. Make это хороший интерфейс с бесплатным планом. Zapier это самый известный, много интеграций, платный. Latenode это молодой, но перспективный инструмент.

Для дизайн систем используют Figma с переменными и токенами, которые работают по нодовому принципу. Adobe Project Graph находится в разработке и обещает революционный подход.

Для визуального программирования есть TouchDesigner для создания генеративной графики и интерактивных инсталляций на профессиональном уровне. Unreal Engine Blueprints это если вы делаете игры, вторая по мощности нод система после Houdini.

Калифорнийские иски против Big Tech могут изменить правила игры в дизайне интерфейсов. Сейчас в США проходят судебные баталии против технологических гигантов.

Если раньше претензии к крупным платформам чаще касались модерации контента, то теперь фокус сместился на сам продукт.

В суде оказались внутренние документы компаний, которые подтверждают: разработчики прекрасно понимали вредную природу своих сервисов и намеренно разрабатывали их как «цифровые наркотики».

Внутренняя кухня: Инстаграм как дофаминовая петля.

Одним из самых резонансных моментов процесса стала публикация внутренней переписки сотрудников Meta. В частности, исследователь пользовательского опыта (UX) в одном из чатов прямо сравнил Instagram с наркотиком:

«Мы фактически пушеры… Мы вызываем расстройство дефицита вознаграждения, потому что люди так сильно „бинжат“ (поглощают контент без остановки) в Инстаграм, что перестают чувствовать радость в обычной жизни».

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

Марк Цукерберг и вопрос приватности В деле фигурирует электронное письмо Марка Цукерберга от 2016 года. В нем глава корпорации выражает опасение что, если система будет уведомлять родителей или учителей о прямых эфирах подростков, это «убьет продукт».

Это очень крутой подгон для юристов, так как эта переписка демонстрирует сознательный выбор компании: приоритет вовлеченности над безопасностью и родительским контролем. Получается заявления Meta о том, что «защита детей всегда была их приоритетом» – ложь? (сарказм).

Кроме того, Meta замечена в манипуляции данными: во внутренних отчетах говорилось, что 55% пользователей испытывают «умеренные проблемы» с использованием платформы, в то время, как в публичное пространство выдавалась цифра в 3,1%.

Пример YouTube выглядит не менее проблемно. Согласно обнародованным слайдам, аккаунты несовершеннолетних, нарушающие внутренние политики платформы, могли существовать в среднем 938 дней до момента их обнаружения и блокировки. Почти три года алгоритмы позволяли контенту, который потенциально несет риски для детей, показываться пользователям.

Сейчас IT-компании защищены неким "Разделом 230 Закона о пристойности в сфере коммуникаций", который освобождает их от ответственности за контент, созданный пользователями.

Но адвокаты теперь атакуют вовсе не контент, а дизайн и маркетинг. Во-первых: утверждается, что соцсеть изначально спроектирован дефектным, так как вызывает зависимость; а во-вторых: компании отвечают за то, как их собственные алгоритмы подсовывают деструктивный контент уязвимым группам.

Если суд дойдет до финала, это создаст колоссальный прецедент, когда регуляторы начнут диктовать правила не только для модерации текстов, но и для UX/UI дизайна. Бесконечный скролл, push-уведомления и алгоритмические ленты могут оказаться вне закона или под жестким возрастным цензом.

Всех согласных и несогласных прошу в комментарии или в мой канал в телеграм Двойное зеркало .

пришли к такому:

Ну, может, сперва пару слов о первом варианте. Тут, конечно, хвастаться совсем нечем, но, возможно, кому-то и это будет полезно. Рисовали мы его в приложении Aseprite. Это очень удобная программа, и если уметь рисовать, то в ней можно делать очень крутые штуки. Мы — не умели))

Ну и собственно к более интересной части —> как мы сделали новую менюшку. Как писал ранее рисовать мы не умеем, но умеем в триде. Так и появилось решение. Мы нарисовали меню в блендере. Покрасили в Фотошоп сабспеитере и там же сделали рендер. Ну и пикрализировали изображение.

Так вот, если будете рисовать для своей игры подобные менюшки, обратите внимание на важные моменты:

1. Цвет: Если элементы однотонные, рисуйте их белыми. Именно белыми, а не в цвет вашего меню. Тогда, если изменится дизайн или палитра, вы всегда сможете перекрасить их прямо в движке. Покрашенные же спрайты придется перерисовывать.

2. Прозрачность: Рисуйте их максимально непрозрачными. Если у вас есть градация прозрачности, то тот элемент, который должен быть наименее прозрачным, делайте полностью залитым. Прозрачность вы также добавите в движке.

   • Лайфхак: Если ваш художник таки нарисовал их полупрозрачными и они плохо видны, можно наложить несколько одинаковых изображений друг на друга в движке, чтобы добиться нужной плотности. Но это плохая практика («костыль»).

3. Растягивание: Если планируете растягивать рамку, заранее продумайте, чтобы по центру была зона, которую можно либо растянуть, либо затайлить незаметно для игрока.

Как мы сделали новое меню

Как я писал ранее, рисовать мы не умеем, зато умеем в 3D. Так и появилось решение: мы создали меню в Blender, покрасили в Substance Painter, там же сделали рендер с пикселизацией изображения.

Важно отметить, что решение рендерить было принято из-за того, что там нам больше понравился свет чем в блендере, но оно принесло нам много проблем. Основная в том, что нет стабильной камеры и если сразу всё не сделали, то нужно переделывать с нуля. Сбил камеру - всё.
Так что или делайте их сразу за один сеанс, или не используйте Substance Painter для рендера. Выставить камеру точно так же, как она стояла в прошлый раз, будет крайне сложно.

Общие тени: При изменении состояния кнопок могут меняться тени на соседних объектах. Из-за этого спрайт кнопки может оказаться в два, а то и в три раза больше самой кнопки. Не забывайте отключать на них Raycast, иначе не поймете, почему часть интерфейса перестала реагировать на мышь.

Объем: Если вы делаете кнопку отдельным рендером для последующей анимации, не забудьте отрендерить под ней тень! Иначе на контрасте с другими элементами она будет выглядеть слишком плоско.

Наверняка забыл рассказать что-то еще, но не хочу раздувать пост. Если вы дочитали до этого момента и у вас есть вопросы — пишите в комментариях, с радостью отвечу.

Спасибо всем! Надеюсь, было интересно. Приглашаю потестить нашу игру!

Так ведут себя мессенджеры, всякие службы, из плееров WinAMP, foobar2000, Яндекс музыка, да много что из софта еще. НО НЕ AIMP! У него небыло и нет такой даже опции (которую можно было бы включить или выключить по желанию). Точнее, свернуть в трэй можно, но только не нажатием на "крест" без дополнительных махинаций. И вот это сильно бесило, и как показали исследования не только меня.

Для ЛЛ: скоро такой плагин появится.

Примерно год назад у меня пригорело от того, что в очередной раз на автопилоте закрыл плеер вместо того, чтобы его свернуть. И я попытался сдвинуть эту проблему с мёртвой точки сначала эмоционально вывалив всё что думаю по этому поводу, а потом уже и агрументированно. Но как оказалось, это прям какое-то табу для разработчика AIMP.

Нашелся правда один способ реализации этой фичи, но только на стандартных скинах, о котором я написал отдельно на том же форуме. Способ не без бубна, и не совсем для рядового пользователя, о чём тоже кто-то написал.

Но в конечном итоге удолось добиться как мне кажется главного.

15 голосов за плагин в условиях широко известного в узких кругах форума. Прикинув динамику по соседним голосовалкам выходило ~14 голосов в год. О чём я открыто напилал, на что получил ответ автора.

Голосовалка стартовала 27 декабря 2024 г. И, нужно сказать, прогноз оказался весьма точным. Сегодня 30 декабря 2025 г. я обнаружил, что нужные 15 голосов набрались.

Да, можно было бы сразу накрутить эти несчастные 15 голосов, но у меня был в том числе свой интерес играть максимально честно, без привлечения ботов или своих знакомых.

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

В общем, свершилось чудо! Теперь будем ждать плагина и будем тратить меньше нервов при использовании AIMP.

Всех с наступающим!