Дизайн-система презентаций РЕД СОФТ

РЕД СОФТ — поставщик российского ПО. Компания помогает государственным и коммерческим организациям переходить с иностранных операционных систем и решений.

ЗАДАЧА
Обновить презентации компании. Старые слайды выглядели несовременными и сложными. Визуальные решения подбирались несистемно и долго. Компания хочет, чтобы все презентации выглядели свежо и современно, а их разработка не была слишком сложной.

Перед нами стояло несколько дизайн-задач:
1. Разработать новую стилистику слайдов
2. Предложить новый Tone of Voice
3. Создать набор типовых визуальных решений
4. Задизайнить основную презентацию продуктов компании
5. Научить сотрудников отдела маркетинга работать с новым стилем

РЕШЕНИЕ
1. Проанализировали старые слайды. Изучили около десятка презентаций, зафиксировали проблемные моменты. После этого перешли к созданию нового дизайна:
2. Придумали визуальную концепцию. Соединили устоявшиеся части фирстиля с новым видением, отражающим стремления компании.
3. Сформировали набор типовых фирменных элементов. Подобрали цвета, шрифт, иконки, иллюстрации, таблицы и многое другое.
4. Создали обновлённый шаблон. Преднастроили всё, что можно преднастроить для того, чтобы основа слайдов была единообразной и аккуратной.
5. Задизайнили около 40 слайдов в новом стиле. Переработали и обновили презентацию о продуктах.
6. Создали 130-страничный гайд по работе с новым дизайном и провели обучение. Подробно рассказали и показали, как работать с новой фирменной стилистикой.

Transcript

1. Российское программное обеспечение 2024 Название презентации
2. Используемые параметры шрифта Шрифт Размер Жирность Интервал Использование Заголовок 48 Medium 1 Заголовки на титульных слайдах и слайдах-перебивках, иногда — акцентная информация Заголовок 32 Semi Bold 1 Заголовки основных слайдов, иногда — подзаголовки в плашках и акцентная информация Подзаголовок 14–20 пт Semi Bold 1,15 Подзаголовки внутри плашек. На 2 пт больше, чем основной текст. Основной текст 12–18 пт Normal 1,15 Для большинства текстовых блоков. Должен быть на 2 пт меньше, чем подзаголовок. Сноска 10 пт Normal 1,15 Для сноски внизу слайда 2
3. Финальные общие Титульные слайды Основные светлые Перебивки Основные тёмные Финальные кастомизируемые Из чего состоит шаблон Шаблон и макеты 3
4. 4 Финальные слайды должны присутствовать в конце каждой презентации. Цвет должен соответствовать цвету титульного слайда. Общий вид используется, если не нужно оставлять контакты автора или ссылки на определенный продукт компании. Финальные слайды общие Шаблон и макеты
5. Сноски помогают «убрать в подвал» информацию, которая нужна, но не является важной в передаче смысла на слайде: 1. Ссылки на источники или дополнительные материалы 2. Уточнение неважных данных к основному тексту 3. То, что «должно быть на слайде», но без особого акцента Обязательно проставляйте в тексте пометку о сноске: * или 1 2 3… Использование сносок Сноски и ссылки В сноску можно убрать технические и формальные подробности, если они не являются важными для читателя презентации Например, номера сертификатов и реестров: § Сертификат ФСТЭК России 1 § Реестр российского программного обеспечения Минцифры России 2 Помните, что для разной аудитории может быть важна разная степень детализации информации 1 Профиль защиты ИТ.ОС.А4.ПЗ №4060 от 12.01.2019 г. 2 №3751 от 23.07.2017 г. * Lorem Ipsum is simply dummy text of the printing and typesetting industry. 5
6. Российское программное обеспечение Плашки Вернуться к содержанию
7. 7 Виды плашек Плашки Заголовок Lorem Ipsum is simply dummy text of the Заголовок Lorem Ipsum is simply dummy text of the Заголовок Lorem Ipsum is simply dummy text of the Заголовок Lorem Ipsum is simply dummy text of the Заголовок Lorem Ipsum is simply dummy text of the Основные Для большинства блоков Акцентные Подсветить важное на слайде Дополнительные Применяются редко, при необходимости Заголовок Lorem Ipsum is simply dummy text of the
8. 8 Пример заполнения плашек Плашки Подзаголовок § Lorem Ipsum is simply dummy text of the printing and typesetting industry. § Lorem Ipsum has been the industry's standard § dummy text ever since the 1500s, § when an unknown printer took a galley § of type and scrambled it to make a type § specimen book Подзаголовок Подзаголовок Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley Подзаголовок Lorem Ipsum is simply dummy text of the printing and typesetting industry 50% Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been. Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum
9. Используются, когда нужно заметно подсветить важную цифру, показатель. Могут быть большими или малыми, яркими или сдержанными. Фактоиды Фактоиды и цитаты 70% Lorem Ipsum is simply dummy text of the printing and type-setting industry. Lorem Ipsum has been the industry's standard dummy text 70% Lorem Ipsum is simply dummy text of the printing and type- setting industry. 70% Lorem Ipsum is simply dummy text of the printing and type-setting industry. Lorem Ipsum has been the industry's standard dummy text 70% Lorem Ipsum is simply dummy text of the printing and type- setting industry. Малые фактоиды Большие фактоиды 9
10. Цитаты Фактоиды и цитаты Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Имя Фамилия Должность 10
11. Помогают оформлять слайд, когда на нем используется только список, перечисление каких-либо элементов Когда использовать Иконки и большая нумерация 1 Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum Lorem Ipsum is simply Большая нумерация помогает заполнить макет Иконки добавляют визуального разнообразия 3D-иконки помогают «оживить» дизайн и заполнить пространство плашки, когда текста мало 11
12. 12 Как оформлять 3D-иконки Иконки и большая нумерация 1 Вставляем иконку Убедитесь, что в плашке достаточно свободного места 2 Подрезаем её снизу Верхняя панель → Обрезать 3 Подкрашиваем внутренним инструментом Google Slides Параметры форматирования → Изменение цвета
13. Чтобы вставить изображение в экран устройства: 1. Сделайте скриншот с нужными параметрами экрана (указаны внутри мокапов) 2. Перенесите на слайд и поставьте скриншонт на задний план Объект → Переместить → Назад или CTRL+SHIFT+↓ 3. Выровняйте скриншот по размеру экрана Мокапы Карты, мокапы Разрешение скриншота 1920х1080 13
14. 14 Каждый знак должен быть в своём «домике» в виде плашки. Скачивайте логотипы в форматах PNG или SVG (без фона). Как оформлять логотипы и гербы Логотипы и гербы К гербам добавляйте подпись внутри плашки снизу или слева (но везде одинаково) Кемеровская область Курганская область Курская область Новгородская область
15. 15 Пример оформления групп партнёров Логотипы и гербы Группа партнёров 1 Группа партнёров 2 Группа партнёров 3 Группа партнёров 4
16. Цвета элементов Схемы Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum Loren Ipsum ✓ 1 ✓ 1 ✓ 1 ✓ 1 Основные цвета Дополнительный цвет Используется редко, когда не хватает основных цветов 16
17. 17 Подходящие изображения Изображения Фото оборудования Скриншоты интерфейсов Технологичные абстракции Фотографии сотрудников Стоковые фото команд (наиболее «живые») Фото с мероприятий
18. Российское программное обеспечение Примеры оформления слайдов Вернуться к содержанию
19. * Аналитическое кредитное рейтинговое агентство РЕД СОФТ — один из крупнейших поставщиков системного ПО в России Экспертиза в ИТ § Разработка системного и прикладного ПО § Создание, развитие и сопровождение государственных информсистем § Создание ПО с внедрением искусственного интеллекта Участник Лицензии ФСТЭК России ФСБ России 5 офисов Москва, Тверь, Санкт-Петербург, Муром, Дубна 500+ сотрудников в 2024 г. 261 333 442 15+ лет разработки для разных отраслей ВВВ− рейтинг АКРА* BBB– AAA D 19
20. Все продукты входят в Реестр российского ПО Минцифры России и имеют сертификат ФСТЭК России Выпускаем системные продукты для реализации масштабных задач РЕД АДМ Система централизованного управления ИТ-инфраструктурой РЕД БАЗА ДАННЫХ Система управления базами данных РЕД ОС ОС для серверов и рабочих станций РЕД ОС М ОС для планшетов и смартфонов РЕД Виртуализация Управление виртуализацией рабочих станций и серверов 20
21. Российская операционная система с фокусом на удобство и производительность Регулярные обновления Легкий переход с зарубежных ОС Оперативная техподдержка Совместимость с современным оборудованием 21
22. 3 графические среды Возможность выбрать дизайн, похожий на популярные ОС Linux 6.6 LTS-ядро Совместимость с современным оборудованием Преимущества РЕД ОС 8 — последнего глобального обновления 5 лет поддержки до 2029 г. включительно Совместимость с разными версиями прикладного ПО за счет многоверсионности средств разработки Кастомизация интерфейса Систему можно настроить «под себя» Xorg и Wayland Режим «Киоск» Рабочая среда с чётко ограниченным функционалом 22
23. Реестр российского программного обеспечения Минцифры России №16015 от 23.12.2022 г. РЕД АДМ — набор сервисов для централизованного управления ИТ-инфраструктурой Служба каталогов Репликация с контроллером домена MS AD 2016, 2012 R2 и ниже Централизованная аутентификация и управление пользователями Удаленное подключение в графическую среду пользователя Управление конфигурациями рабочих станций и серверов Журналирование Файловое хранилище Управление доверенными репозиториями ПО Централизованная установка операционных систем и ПО Конфигурации для настройки информационной безопасности 23
24. Дорожная карта РЕД АДМ Стандартная редакция § Миграция (экспорт импорт конфигураций) § Расширенные атрибуты для доменных УЗ § Редактор атрибутов и объектов домена § Автоматизация разворачивания и настройки РЕД АДМ § Расширение списка конфигураций § Расширение ролевой системы, учет подразделений § Расширение списка конфигураций § Возможность смены оформления веб-интерфейса § Поддержка профиля и пользовательских настроек § Оптимизация работы конфигураций § Расширение списка конфигураций Промышленная редакция § Управление сервером DNS § Отказоустойчивая конфигурация РЕД АДМ § Управление контроллерами домена § Резервное копирование РЕД АДМ § Управление сайтами и подсетями домена § Инвентаризация § Возможность применения конфигураций по инвентаризационным группам § Централизованное управление серверами времени § Предоставление АPI § Оповещение администраторов по почте 2 полугодие 2024 г. 1 полугодие 2024 г. До конца 2023 г. 24
25. История релизов и техническая политика 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 Версия 7.1 Версия 7.2 Версия 7.3 Версия 8.0 7.1 7.2 Актуальная 7.3 7.3.1 7.3.2 7.3.3 25
26. Инфраструктура Windows РЕД ОС Другие MS Active Directory Debian Centos MS Active Directory Репликация LDAP Репликация SYSVOL domen.win Репликация Exchange Веб-сервис Служба каталога РЕД АДМ Промышленная редакция Репликация DNS DHCP 26
27. 3 графические среды Возможность выбрать дизайн, похожий на популярные ОС Linux 6.6 LTS-ядро Совместимость с современным оборудованием 27 Преимущества РЕД ОС 8 — последнего глобального обновления 5 лет поддержки до 2029 г. включительно Совместимость с разными версиями прикладного ПО за счет многоверсионности средств разработки Кастомизация интерфейса Систему можно настроить «под себя» Xorg и Wayland Режим «Киоск» Рабочая среда с чётко ограниченным функционалом
28. Российское программное обеспечение Используйте потенциал продуктов РЕД СОФТ РЕД ОС redos.red-soft.ru redos@red-soft.ru РЕД СОФТ red-soft.ru info@red-soft.ru