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

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


apple ipad apple event 2015 tim cook



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

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


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

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



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



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



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




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



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



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




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



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



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




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



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



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




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



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



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




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



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



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





Вам понравились материалы Slidesign, но у Вас горят сроки - мы выполним работу за Вас:



Guy Trefler animation loop design pop