ADS Artemy Design System
ADS / presentations / rules

Презентации

Презентация в ADS должна выглядеть как ясная инженерная мысль: один слайд, одна мысль, один визуальный центр, один вывод.

Базовый слайд

Структура, которую можно использовать для продукта, стратегии, статуса, R&D и защиты решения.

ADS-SL-001
VIT / product / 01draft 0.3

Камера шкафа снижает риск нехватки мяса до пика спроса

Система видит лотки, считает остатки и дает сотруднику короткую команду до просадки.

01видим полки и лотки
02считаем риск на 5-15 минут
03даем команду "добавь 6"
source: pilot / kitchenADS

Как делать

  • Сначала формулируй вывод, потом подбирай визуал.
  • Верхняя моно-метка задает контекст: проект / тема / номер.

Смотреть

  • Главный блок должен занимать центр внимания.
  • Footer нужен для источника, даты, версии и статуса.

Не делать

  • Не ставить два равных вывода на один слайд.
  • Не превращать слайд в таблицу без интерпретации.

Отступы и сетка

Для 16:9 слайда 1920x1080. Фоновую сетку не использовать по умолчанию.

ADS-SL-002

Размеры

Поля

96-110 px от края. Для плотных аналитических слайдов можно 80 px, но не ниже.

Заголовок

48-64 px, light или medium. Не больше 2 строк.

Lead

20-24 px, 1-2 строки. Это вывод, а не абзац.

Колонки

Gap 40-64 px. Внутри карточки 24-32 px.

Мини-шаблоны

16:9Каждый мини-шаблон держит пропорцию слайда, чтобы композиция читалась как кадр.
ПоляВнутренний отступ 8-10% от короткой стороны. Контент не прижимается к краям.
ИерархияСерые линии - текст, оранжевые блоки - главный визуальный центр или карточки.
ВыборСначала выбери мысль слайда, потом шаблон: идея, сравнение, процесс, таблица или образ.
title + visual
compare 2
stacked
three cards
hero object
text / media
process
rows
metrics
summary + 2
chart + note
table
photo
cards + foot
timeline
kpi row
matrix
quote
before / after
argument
center focus
decision
status
appendix

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

Типы слайдов

Шаблоны для частых сценариев: проблема, решение, продукт, метрики, таблица, изображение.

ADS-SL-003

Слайд продукта

VIT / field systemproduct

Датчик масла как маленький лабораторный инструмент

Один индикатор, один щуп, три состояния: масло ок, скоро замена, заменить.

prototype directionADS
  • Изображение или схема должны показывать реальный объект, не атмосферу.
  • Карточки допустимы для статусов и модулей, но не как декор.

Слайд метрик

VIT / pilot / week 03status

Пилот стабилен, риск нехватки падает

-18%риск просадки
12:48последнее обновление
94%видимость лотков
source: BIinternal
  • Метрика без вывода бесполезна: заголовок должен объяснять, что произошло.
  • Числа показывай mono/tabular, подписи коротко.

Слайд проблемы

VIT / problem / cabinetrisk

Нехватка возникает не в момент продажи, а за 5-15 минут до нее

Если система видит только факт пустого лотка, она уже опоздала. Нужно показывать риск заранее.

сейчасостаток падает
скоропик заказов
рисклоток пустой
insight / kitchen flowADS
  • Проблемный слайд должен показывать механизм, а не просто жалобу.
  • Красный использовать только для реального риска, не для драматизации.

Слайд решения

VIT / solution / flowproposal

Решение: камера видит шкаф, Часовик дает команду, BI фиксирует результат

01 / seeкамера распознает лотки
02 / actсотрудник получает команду
03 / learnBI собирает историю смены
system viewnext: pilot
  • Для решения хороша схема из 3 шагов: вход, действие, результат.
  • Не показывай архитектуру глубже, чем нужно для решения.

Слайд таблицы

VIT / status / modulestable

Критичный модуль один: камера 04 не на связи 17 минут

модульстатусдействие
CAM-02нормаоткрыть
CAB-01рискпроверить
OIL-01скорожурнал
CAM-04нет связиисправить
source: BI 12:48service
  • Таблица на слайде нужна только с выводом в заголовке.
  • Оставляй 4-7 строк, не всю выгрузку.

Слайд цитаты / принципа

ADS / principle / 01manifest
Сделай так, чтобы устройство хотелось трогать, было легко понять и невозможно перепутать с другим.

Принцип для софта, железа, документов и презентаций.

Artemy Design Systemrule
  • Цитата должна быть короткой и реально направлять решение.
  • Не использовать как декоративную паузу без смысла.

Слайд изображения

VIT / hardware / breading tablevisual

Объект должен читаться первым, подписи - вторыми

Если показываем железо, зритель должен увидеть форму, зоны обслуживания и статусные элементы.

image: prototype renderhardware
  • Картинка должна показывать продукт, место или состояние, а не настроение.
  • Скругление 12-16 px для framed media; full-bleed только когда это главный прием.

Таблицы, картинки, тени

На слайде все должно иметь функцию: выделить, объяснить, сравнить или доказать.

ADS-SL-004

Таблицы

  • Перед таблицей всегда ставь вывод на 1 строку.
  • Оставляй 4-7 строк на первом экране, остальное выноси в приложение.
  • Числа вправо, ID и время mono.

Картинки

  • Используй реальные продукты, интерфейсы, схемы или прототипы.
  • Радиус изображения 12-16 px, если это скрин или фото в рамке.
  • Full-bleed только для титульных и эмоциональных страниц.

Тени

  • Тень нужна для поднятого слоя: карточка, окно, важный объект.
  • Не ставь тени на каждую строку таблицы.
  • Если есть много линий, тень обычно лишняя.

Точные правила генерации

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

ADS-SL-005
1. Сначала мысльПеред дизайном сформулируй один вывод слайда. Если выводов два, раздели на два слайда.
2. ПоляДля 1920x1080 держи внешние поля 96-110 px. Для плотной аналитики минимум 80 px. Ближе к краю нельзя.
3. Заголовок48-64 px на реальном слайде, 1-2 строки. Если получается 3 строки, уменьши текст или разбей мысль.
4. Воздух после заголовкаМежду заголовком и первым объектом 40-64 px. Между lead и объектом 28-40 px.
5. Объект и текстЕсли рядом картинка и текст, gap 64-96 px. Текст не должен касаться рамки объекта даже визуально.
6. КарточкиВнутренний отступ карточки 24-32 px. Gap между карточками 24-40 px. Карточки нужны для сущностей, не для декора.
7. ТаблицаНа слайде 4-7 строк. Сначала вывод в заголовке, потом таблица. Если строк больше, выноси в приложение.
8. ИзображенияКартинка показывает продукт, место, интерфейс или состояние. Рамка 12-16 px. Full-bleed только как главный прием.
9. Текстовые блокиАбзац 2-4 строки. Если текста больше, делай промежуточный слайд, схему, список из 3 пунктов или приложение.
10. ЦветОранжевый только для акцента, номера, активного действия. Не красить фоны “как делать / не делать”.
11. Тени и линииЛиния разделяет структуру. Тень поднимает слой. Не использовать оба приема везде одновременно.
12. Финальная проверкаПосмотри слайд на 50% масштаба: если мысль, объект и действие не читаются за 3 секунды, упростить.
ADS-SL-PROMPT

Финальный промпт для генерации презентации

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