Визуализация презентаций в стиле IT-компаний

в 8:37, , рубрики: apple, microsoft, opera, визуализация, Презентации, Учебный процесс в IT, метки: , , , ,

Хочу рассказать о том, как можно использовать ярко-выраженные стили трех IT-компаний для оформления следующих инструментов визуализации в презентации:

  1. Иллюстрации — помогают передать сообщение быстрее текста.
  2. Цвет — позволяет поставить акцент.
  3. Список — структурирует информацию для лучшего восприятия.
  4. Заголовки (подзаголовки) — концентрируют внимание на смысле слайда.
  5. Pager (нумератор) — указывает номер/раздел на слайде из общего содержимого.
  6. Tracker (заглушка) — напоминает на каком месте в презентации находится слайд.

Визуализация презентаций в стиле IT компаний

Подборка визуализаций, а также приемы использования определенных инструментов и стилей могут оказаться полезны тем, кто ищет новые (они же хорошо забытые старые) приемы оформления слайдов, и послужить tutorial’ом для составления интересных презентаций.

Disclaimer

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

Стильные IT-компании

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

  • Apple использует укрупненные объекты на слайде (изображения, текст), градиентный фон, блики и тени на изображениях.
  • Opera работает с выделением текста на белом фоне, а также на полупрозрачной полосе.
  • Microsoft предложил собственный стиль: минимализм, иконографика, grid (выравнивание по решетке), равномерные и тусклые цвета, продолговатый шрифт без засечек Segoe UI.

Примеры инструментов визуализации в действии:

  • Иллюстрации: от картинки для привлечения внимания до инфографики.
  • Цвет: выделить текст на фоне или изображении.
  • Список: от bullet points до комиксов.
  • Заголовки: от заглавной буквы с красной строки до титульного листа.
  • Pager: указать текущий слайд можно как 2/5, а можно и [ 1 2 3 4 5 ].
  • Tracker: вставить слайд посреди презентации — “до конца презентации осталось 10 слайдов”.


1. Инструмент: иллюстрации

Apple
Размещение изображения “настоящего, живого” предмета, о котором в данный момент идет речь.

Визуализация презентаций в стиле IT компаний

Opera
Размещение фонового рисунка в качестве дополнения к основному текстовому сообщению.

Визуализация презентаций в стиле IT компаний

Microsoft
Использование иконографики, подбор пиктограмм в качестве основного смыслового выражения и дополнение вспомогательным текстом.

Визуализация презентаций в стиле IT компаний


2. Инструмент: цвет

Apple
Белый текст, контрастирующий с темным фоном.

Визуализация презентаций в стиле IT компаний

Opera
Черный и серый цвета для основного текста, красный (фирменный) цвет для выделения на белом (или сером) фоне.

Визуализация презентаций в стиле IT компаний

Microsoft
Разного цвета текст на светлом/темном фоне, обязательно контрастный. Выделение “жирным” или другим цветом.

Визуализация презентаций в стиле IT компаний


3. Инструмент: список

Apple
Разделение списков разного уровня за счет изменения размера шрифта, отступов и выделение “жирным”. Отсутствие маркеров (bullet points), нумерации.

Визуализация презентаций в стиле IT компаний

Opera
Использование нумерованного и маркированного списка.

Визуализация презентаций в стиле IT компаний

Microsoft
Помимо простого немаркированного текстового списка используется также список с пиктограммами в качестве маркеров и нелинейный список в виде матрицы/таблицы.

Визуализация презентаций в стиле IT компаний


4. Инструмент: заголовки

Apple
В качестве заголовка — крупный текст или картинка, несущая всю смысловую нагрузку.

Визуализация презентаций в стиле IT компаний

Opera
Текстовый заголовок отделен от другой информации на слайде.

Визуализация презентаций в стиле IT компаний

Microsoft
Текстовый заголовок встроен в другую информацию на слайде.

Визуализация презентаций в стиле IT компаний


5. Инструмент: pager

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

Визуализация презентаций в стиле IT компаний

Opera
Помимо простой нумерации в (правом нижнем) углу слайда используется шапка (header) и футер (footer).

Визуализация презентаций в стиле IT компаний

Microsoft
Эффект панорамы с фокусом на месте нахождения.

Визуализация презентаций в стиле IT компаний


6. Инструмент: tracker

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

Визуализация презентаций в стиле IT компаний

Opera
Текстовое выделение названия следующего раздела в списке содержимого презентации. Классика для tracker’a.

Визуализация презентаций в стиле IT компаний

Microsoft
Отображение всего содержимого с акцентом на текущем разделе за счет фона.

Визуализация презентаций в стиле IT компаний


И в качестве заключения

Пока готовится новая статья с описанием интересных инструментов и стилей, рекомендую посмотреть пару популярных презентаций на Slideshare для вдохновения:

Автор: mathmode

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js