Liquid Glass
Liquid
Glass
цифровой уют · screenlife
ИИ-Ассистент · стильный минимализм
// о стилистике
В этой концепции, кроме самого автора канала, мы в том числе общаемся и с некой операционной системой под управлением ИИ-помощника. Элементы окартинивания возникают перед зрителем будто бы в интерфейсе этой системы, а ИИ-помощник ведёт собственную линию в повествовании — даёт справки, поправляет автора и даже может вступать с ним в конфликт.
Экран становится студией, в которой разворачивается наш рассказ. Обои рабочего стола — как фон, окна — как декорации, уведомления — как реплики. Сложные концепции объясняются через иконки и папки на рабочем столе.
Зритель не просто смотрит «видео» — он наблюдает за тем, что происходит прямо на рабочем столе автора. Это создаёт особое доверие — всё знакомо, всё понятно, ничего не пугает. Зритель уже дома.
Liquid Glass
Шоурил
// описание
Все элементы стилистики в одном ролике. Смотрите, как Liquid Glass выглядит в движении — от заставки до подписок.
Liquid Glass
Интро
// описание
Открывающая заставка ролика максимально лаконичная — это вход в операционную систему. В каждом конкретном ролике мы можем менять обои этого интро и аватар пользователя.
Liquid Glass
ИИ-ассистент
// описание
Самостоятельный персонаж повествования. Даёт справки, поправляет автора и ведёт собственную линию в рассказе. Может вступать с автором в конфликт — это делает его живым, а не просто инструментом.
Liquid Glass
Инфографика
// описание
В рамках screenlife мы можем представлять различную инфографику через элементы интерфейса системы. Например, проблему оттока IT-специалистов можно представить в виде файлов, которые перемещаются между папками с флагами России и США. Графики, схемы и диаграммы могут быть виджетами рабочего стола. А приоритеты государственного развития в области IT могут быть иконками в Dock-панели.
Liquid Glass
Главы
// описание
Длинный ролик разбивается на главы — как треки в плейлисте. Перед началом каждой главы зритель видит структуру и может ориентироваться внутри материала. Каждая глава имеет своё название и картинку.
Liquid Glass
Нижняя треть
// описание
Подпись спикера или гостя реализована в виде минималистичной клавиатуры, появляется снизу, как уведомление системы. Подпись опционально можно снабдить иконкой.
Liquid Glass
Заголовок новости
// описание
Новостной заголовок, стилизованный под вкладку браузера. Используем, когда хотим продемонстрировать новость из какого-либо интернет-ресурса. Есть два варианта: на полный экран или в сплитскрин с автором канала.
Liquid Glass
Медиа / Иллюстрации
// описание
Медиа в виде сплит-экрана используется, когда нужно показать одну или несколько картинок/видео. Стилизовано под системное окно.
Liquid Glass
Ссылка на другие ролики
// описание
Превью связанного ролика в стиле экранного плеера — обложка, название, кнопки управления. Органичный призыв к действию.
Liquid Glass
Цитата
// описание
Цитаты известных личностей, которые подкрепляют высказывание автора или являются предметом обсуждения, выводятся на экран поверх видео или на фоне картинки. Цитата оформлена в виде выделения текста с аватаром и именем автора высказывания.
Liquid Glass
Заключительные
комментарии
цифровой уют · screenlife
ИИ-ассистент · стильный минимализм
// комментарии
Стилистика Liquid Glass вдохновлена дизайн-языком macOS, но не ставит целью его копировать. Это скорее отправная точка — узнаваемая эстетика, которая работает на доверие зрителя и создаёт ощущение уюта.
Идея screenlife открывает пространство для пасхалок. Названия папок и файлов, обои рабочего стола, иконки приложений — всё это может нести дополнительные смыслы для внимательного зрителя. Маленькие детали, которые создают ощущение живого, настоящего пространства.
Отдельного внимания заслуживает ИИ-ассистент. Это не просто элемент оформления — это персонаж с потенциалом стать настоящим маскотом канала. По мере развития он может обрести характер, мем-потенциал и даже самостоятельный формат — например, в рамках шортсов.
Визуальные стилистики
Варианты оформления для канала
«Ответ в разработке»
01
Liquid Glass
цифровой уют · screenlife · ИИ-Ассистент · стильный минимализм
02
Бесконечный граф
структурность · сетевое мышление · near-future · glowing space
Визуальная стилистика
Бесконечный
граф
структурность · сетевое мышление
near-future · glowing space
// символ
Граф — это символ мира, в котором мы живём. Технологии, регуляции, рынки, алгоритмы — тысячи узлов, связанных невидимыми рёбрами. Смотреть на это порой страшно, в этом пространстве легко потеряться. Но внутри хаоса есть скрытый порядок. Мы хотим помочь зрителю найти неочевидные связи, подчеркнуть их, подсветить. Сделать сложное — понятным.
В этой визуальной стилистике символ бесконечного графа в 3D-пространстве является не только заполнением фона, но и может быть основой для инфографики.
Внизу страницы располагаются кнопки навигации по презентации и кнопки вариантов цветовых схем, которые будут влиять на некоторые элементы стилистики.
Тема ролика
Грибков · разбор
Почему русские разработчики
делают стартапы за рубежом
IT-эмиграция: цифры, причины
и что это значит для рынка
// 16:9 · тема ролика
слайд 02
// описание
Для заголовков ролика или глав ролика используем строгую плашку. На ней, кроме заголовка и подзаголовка, можем использовать тэги — например «интервью», «реакт», «аналитика», имена гостей, названия предмета обсуждения и т.д.
// цветовая схема COLD BLUE
Интро
// 16:9 · интро
слайд 01
Нижняя треть
Алексей Воронов
Архитектор облачных решений
// 16:9 · нижняя треть
слайд 03
// примечание
На этом слайде и далее вместо реального спикера используется изображение робота. В финальном оформлении его заменит фотография или видео автора канала или гостя.
Заголовок новости
// лого издания
Российские разработчики массово регистрируют стартапы за рубежом
IT-эмиграция: цифры, причины и что это значит для рынка
// split
слайд 04
Спикер + плашка на градиенте
Российские разработчики массово регистрируют стартапы за рубежом
IT-эмиграция: цифры, причины и что это значит для рынка
// fullscreen
слайд 04
Плашка на градиентном фоне
Демонстрация иллюстраций
// медиа
свернуть
закрыть
// нет файла
// split
слайд 05
Спикер + медиа на градиенте
свернуть
закрыть
// нет файла
// fullscreen
слайд 05
Медиа на градиентном фоне
Справка по термину
DPI — Deep Packet Inspection
Технология глубокой инспекции трафика, позволяющая анализировать содержимое пакетов на уровне приложений. Используется провайдерами для фильтрации, замедления и блокировки отдельных сервисов.
// 16:9 · справка по термину
слайд 06
Превью других роликов
Как блокируют Telegram:
полный разбор атаки на протоколы
// 16:9 · превью роликов
слайд 07
Цитата
Евгений Касперский
Евгений Касперский
Интернет был создан как открытая система. Всё, что мы делаем сейчас — это попытка закрыть то, что изначально задумывалось свободным.
// 16:9 · цитата
слайд 08
Заключительные комментарии
// комментарии
Эта стилистика говорит на языке людей, для которых технологии — не инструмент, а среда обитания или предмет интереса. Математики, программисты, любители научной фантастики — те, кто замечает пасхалки в интерфейсах, читает документацию с удовольствием и увлекается футуризмом. Им не нужно объяснять что такое граф — они уже живут внутри него.
Для съёмки в этой стилистике рекомендуется тёмный ключ. Используйте практиклы — внутрикадровые источники света в цветах выбранной схемы. Цветные контровые источники создадут вокруг спикера характерный ореол, который органично рифмуется с эстетикой светящегося графа.
Стилистика хорошо масштабируется. Начав с базового набора элементов, можно постепенно усложнять визуальный язык — добавлять анимированную инфографику на основе графа, строить нарративные структуры из узлов и рёбер. Граф — не просто фон, это метафора, которую можно развивать бесконечно.
// цветовые схемы