Ревью монтажа · YTRF03
Андрей Киприн — эндоскопия при ГЭРБ
ТЗ на пересборку: 23 операции, полные слова + раздел «Повторы», только смысл
→
G
Гайдлайн дизайна экранов
Рефлюкс Контроль · Pre-Edit визуальная система · v1.0
aboutО канале и гайдлайне
Рефлюкс Контроль (YTRF)
Образовательный YouTube-канал о гастроэзофагеальной рефлюксной болезни (ГЭРБ) — для пациентов, их семей и медицинских специалистов.
Проект ООО «Технодело» — российский имплантируемый аппарат для хирургического лечения ГЭРБ. Цель: #1 русскоязычный ресурс о лечении рефлюкса.
▶ Образовательные разборы, интервью, Q&A
▶ Язык: RU (EN субтитры)
▶ 8-20 мин (образование), 30-60 мин (интервью)
▶ Средний темп, медицинская анимация
Этот гайдлайн определяет визуальные экранные типы для стадии Pre-Edit. Каждый тип имеет назначение, ограничения по тексту и ключевые слова. Шахматный паттерн = зона спикера.
22 экранных типа в 6 категориях · 1 шрифт (Raleway) · 10 цветов
colorsЦветовая палитра
Основные + акценты
Фон тёмный
#0A1520
Основной фон
Фон панели
#0F1F2D
Карточки, панели, оверлеи
Градиент бренда
#01E8AB → #29A6CB
Заголовки, бейджи, CTA
Бирюзовый
#01E8AB
Основной акцент
Голубой
#29A6CB
Вторичный акцент
Белый
#FFFFFF
Основной текст
Голубой светлый
#5BC4D6
Ссылки, лейблы
Фон карточек
#142836
Кнопки, фон карточек
Функциональные цвета
Ошибка / Опасность
#E05555
Негатив, предупреждения
Успех
#4ADE80
Позитив, галочки
Фиолетовый
#6B5CE7
Вариант A, сравнение
Приглушённый
#7E99A8
Подписи, хинты
fontsТипографика
Raleway (Google Fonts, бесплатный)
Raleway — Заголовки
СИМПТОМЫ ГЭРБ
ТЕМА 3
Заголовки разделов, названия тем, имена спикеров. ALL CAPS.
Вес: 700 (Bold), 900 (Black)
Raleway — Основной текст
Факторы риска ГЭРБ
Когда таблеток уже недостаточно
Текст, буллеты, подписи, описания, статистика, лейблы.
Вес: 300 (Light), 400, 600, 700 (Bold), 800
Шкала типографики
ЗАГОЛОВОКRaleway Black 36-42px · Заголовки разделов
ПОДЗАГОЛОВОКRaleway Bold 20-24px · Названия тем, имена
Крупный текстRaleway Bold 20-22px · Заголовки слайдов
Основной текстRaleway Regular 16-18px · Буллеты
Подпись / хинтRaleway Light 12-14px · Подписи
Файлы шрифтов
brandЛоготипы и фирменный стиль
Логотип — основные варианты
Файлы логотипов
SVG (вектор)
15 вариантов
Основной / Знак / Расширенный
Цвет / Белый / Чёрный / Инверсия
Основной / Знак / Расширенный
Цвет / Белый / Чёрный / Инверсия
logos/svg/PNG (растр)
15 вариантов
Те же комбинации
Для экспорта
Те же комбинации
Для экспорта
logos/png/Исходники
Логобук (PDF, 4 МБ)
Логотип (AI + PDF)
Визитка, бланк, папка
Логотип (AI + PDF)
Визитка, бланк, папка
logos/Структура папки ДНК
YTRF_DNA/
Логотип/ — SVG, PNG, AI, логобук PDF
Шрифты/ — Raleway Variable (Regular + Italic)
Визитка/ — AI исходник + PDF для печати
Фирменный бланк/ — AI исходник
Папка/ — Папка А4 (AI)
КП/ — Коммерческое предложение (PDF)
Экраны/ — Каталог экранных типов (этот файл)
Канал/ — Профиль канала YTRF
Логотип/ — SVG, PNG, AI, логобук PDF
Шрифты/ — Raleway Variable (Regular + Italic)
Визитка/ — AI исходник + PDF для печати
Фирменный бланк/ — AI исходник
Папка/ — Папка А4 (AI)
КП/ — Коммерческое предложение (PDF)
Экраны/ — Каталог экранных типов (этот файл)
Канал/ — Профиль канала YTRF
A4 типа
Заголовки и навигация
Способы показать заголовок/тему — выбирай один (иногда два) на сегмент
section_titleSection Title
СИМПТОМЫ ГЭРБ
Описание
Полноэкранный заголовок — крупный жирный текст по центру на тёмном фоне. Без спикера.
Когда использовать
Начало нового блока/главы: симптомы, лечение, диагностика. Самый «тяжёлый» тайтл.
Макс. текст
2 строки, 5-6 слов, ALL CAPS
Ключевые слова
симптомылечениедиагностикаметодстадия
lower_thirdLower Third Title
Описание
Заголовок темы поверх видео спикера — плашка внизу кадра. Спикер остаётся на экране.
Когда использовать
Заголовок раздела поверх спикера, когда не нужен полноэкранный section_title. Более мягкий переход.
Макс. текст
2 строки (заголовок + подзаголовок)
Ключевые слова
темаразделглава
step_cardsStep Cards Title
ЭТАП 1
Обследование
ЭТАП 2
Подготовка
ЭТАП 3
Операция
ЭТАП 4
ЭТАП 5
Описание
Заголовок как карточки шагов — progressive reveal проводит зрителя через структуру видео. Карточки заполняются по мере продвижения.
Когда использовать
Видео разбито на 3-7 этапов, каждый шаг = новый заголовок. Зритель видит, где он в видео.
Макс. текст
7 карточек, 2-3 слова
Ключевые слова
этапподготовкаоперацияпроцесс
timeline_stepsTimeline Title
Стадия 1
Изжога
Стадия 2
Эзофагит
Стадия 3
Стриктура
Стадия 4
Барретт
Стадия 5
Рак
Описание
Заголовок как точка на таймлайне — показывает историю/хронологию, где мы сейчас в рассказе.
Когда использовать
Рассказ истории: прогрессия болезни, хронология событий, этапы развития метода.
Макс. текст
3-5 шагов, 2-3 слова
Ключевые слова
прогрессиястадииразвитиехронология
B7 типов
Текстовые экраны
Списки, тезисы, представление спикера, сетки, прогресс
talking_headTalking Head
Описание
Чистый кадр спикера без оверлеев. Самый сильный тип для эмоционального воздействия.
Когда использовать
Hook, эмоциональные моменты врача, личные истории пациентов.
Макс. текст
0 — экран полностью чистый
Ключевые слова
hookистория пациентаважномой диагноз
side_slide_textSide Slide — Text
Факторы риска
- Изжога
- Регургитация
- Ночной кашель
- Боль за грудиной
Атипичные проявления
Описание
Текст слева (55%), спикер справа (45%).
Когда использовать
Перечисление симптомов, факторов риска, показаний.
Макс. текст
Заголовок + 5 bullet points
Ключевые слова
симптомыфакторы рискапоказанияпобочные эффекты
side_slide_pillsSide Slide — Pills
Отказ от поздних приёмов
Подъём изголовья кровати
Снижение веса
Описание
Цветные pill-метки слева + спикер справа.
Когда использовать
Краткие рекомендации, что делать / не делать.
Макс. текст
4 pills, каждый до 4 слов
Ключевые слова
помогаетне помогаетрекомендациявывод
numbered_listNumbered List
1Эзофагит
2Стриктура
3Пищевод Барретта
4Аденокарцинома
5Аспирация
Описание
Вертикальный список с нумерованными бейджами. Без спикера.
Когда использовать
Перечисление стадий, побочных эффектов, критериев.
Макс. текст
8 строк, каждая до 5 слов
Ключевые слова
стадиипобочные эффектыкритериитипы
speaker_introSpeaker Intro
Описание
Плашка представления: фото + имя + должность/клиника.
Когда использовать
Первое появление врача, гостя-эксперта, пациента.
Макс. текст
Имя + должность/клиника (2 строки)
Ключевые слова
врачхирургк.м.н.профессорпациент
icon_gridIcon Grid
Методы лечения
ИПП
терапия
терапия
Фундо-
пликация
пликация
Рефлюкс
Контроль
Контроль
Описание
Заголовок + 2-4 карточки с иконками. Fullscreen.
Когда использовать
Обзор методов лечения, типы обследований.
Макс. текст
Заголовок + 2-4 карточки, 1-2 слова
Ключевые слова
методывидыкомпонентыосновные
progress_barProgress Bar
Путь пациента
Вы здесь ↓
ДИАГНОЗЛЕЧЕНИЕРЕМИССИЯ
Описание
Линейный прогресс с метками и указателем.
Когда использовать
Путь пациента, позиция в курсе лечения.
Макс. текст
3-4 метки + заголовок
Ключевые слова
диагнозлечениеремиссияпуть пациента
C2 типа
Диаграммы
Круговые диаграммы, схемы, потоки
circle_diagramCircle / Venn
Все с ГЭРБ
На операцию
Описание
Вложенные круги с подписями + PIP спикера в углу.
Когда использовать
Доля пациентов, часть-целое, пересечение групп.
Макс. текст
2-3 круга, 1-2 слова подпись
Ключевые слова
пациентыдолягруппавключает
flow_processFlow / Process
Кислота
→Пищевод
→×
Описание
Блоки со стрелками: A → B → C. Путь/процесс.
Когда использовать
Механизм рефлюкса, патогенез, причинно-следственные связи.
Макс. текст
3-5 блоков, 1-2 слова
Ключевые слова
механизмпатогенезприводит квызывает
D4 типа
Данные и графики
Графики, сравнения, расчёты
chart_curveChart — Curve
Эффективность Рефлюкс Контроль
97.9%Без ИПП
90%Качество жизни
5 летНаблюдение
%
97.9%
0 мес1 год2 года3 года5 лет
Рефлюкс Контроль ИПП терапия
Описание
Инфографика с кривой: статистика + SVG график + легенда.
Когда использовать
Эффективность лечения, данные исследований, тренды.
Макс. текст
Заголовок + статы + метки + легенда
Ключевые слова
эффективностьисследованиеданныестатистика
chart_barsChart — Bars
18-2425-3435-4445-5455-6465-7475-8485+
Описание
Столбчатая диаграмма с категориями или временной шкалой.
Когда использовать
Распространённость ГЭРБ по возрасту, статистика.
Макс. текст
6-12 столбцов, подписи
Ключевые слова
распространённостьпо возрастустатистика
comparisonComparison
Фундопликация
Стандартная операция
Рефлюкс Контроль
Новый подход
Описание
Два объекта рядом с разными цветами. A vs B.
Когда использовать
Фундопликация vs Рефлюкс Контроль, до/после лечения.
Макс. текст
2 варианта, 3-4 строки
Ключевые слова
vsсравнениедо/послеэффективнее
math_equationMath / Equation
ИПП: 1 табл/день
× 365 дней
× 20 лет
=
7 300таблеток за жизнь
Описание
Визуальная арифметика. Стопка блоков = итог.
Когда использовать
Расчёт стоимости лечения, кумулятивный эффект, дозировки.
Макс. текст
2-6 элементов + 1 итог
Ключевые слова
равноитогостоимостьв год
E2 типа
Мультимедиа
Метафоры, анимации, карты видео
metaphor_pipMetaphor + PIP
Описание
Визуальная метафора на весь экран + PIP спикера в углу.
Когда использовать
Механизм рефлюкса, анатомическая аналогия, работа сфинктера.
Макс. текст
1 визуальный элемент + 1-2 подписи
Ключевые слова
представьтемеханизмкак работаетклапан
video_mapVideo Map
Что такое
ГЭРБ
ГЭРБ
→
Лечение
→
Операция
→
Пациенты
→
Для врачей
Описание
Центральное видео ветвится на связанные.
Когда использовать
CTA, навигация по контент-столпам канала.
Макс. текст
1 центральное + 3-5 ветвей
Ключевые слова
посмотритедругое видеосерияподробнее
F3 типа
UI-элементы
CTA, QR-коды, end screen
cta_linkCTA / Link
↓ Ссылка на консультацию ↓
Описание
Pill-кнопка поверх спикера с призывом к действию.
Когда использовать
Запись на консультацию, ссылка, конец видео.
Макс. текст
1 строка, 3-4 слова
Ключевые слова
записьконсультацияссылка ниже
cta_qrCTA / QR Code
Описание
QR-код + заголовок призыва + подпись поверх спикера.
Когда использовать
QR на сайт клиники, запись на консультацию.
Макс. текст
Заголовок + QR + подпись (3 элемента)
Ключевые слова
QRконсультациязаписьбесплатно
ctvCTV / End Screen
Описание
End screen: градиент слева + YouTube-карточка + спикер справа.
Когда использовать
Последние 20 сек видео, призыв посмотреть другое видео.
Макс. текст
Превью видео + заголовок
Ключевые слова
конецследующее видеоend screen