{"id":14276,"url":"\/distributions\/14276\/click?bit=1&hash=721b78297d313f451e61a17537482715c74771bae8c8ce438ed30c5ac3bb4196","title":"\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0432 \u043b\u044e\u0431\u043e\u0439 \u0442\u043e\u0432\u0430\u0440 \u0438\u043b\u0438 \u0443\u0441\u043b\u0443\u0433\u0443 \u0431\u0435\u0437 \u0431\u0438\u0440\u0436\u0438","buttonText":"","imageUuid":""}

От ромба к кругу: история иконки PowerPoint

Привет, на связи тот самый парень, который зарабатывает до 300 000 рублей в месяц на презентациях в PowerPoint и ведет самый структурированный канал о презентациях.

Иконка PowerPoint прошла путь от монохромной миниатюры 16 × 16 пикс до полноцветной трехмерной иллюстрации. Наблюдая за ее изменениями, замечаешь как развивались технологии и что было актуально в графическом дизайне в разные годы.

Эволюция иконки PowerPoint. Автор: Владимир Бугаев

1987–1990: С чистого листа

Первые версии PowerPoint помогали делать аналоговые слайды, поэтому на иконке рука, которая вот-вот что-то нарисует. Уже во второй версии абстрактный квадрат изменили на слайд с соотношением сторон 4:3.

1993-1998: Лихие девяностые

Microsoft Office 95 (1995–1998). © Microsoft

Попытки добавить глубины, насколько позволяли технологии тех лет. Характерные для девяностых чистые цвета: синий (#0000FF), фуксия (#FF00FF ), голубой (#00FFFE), красный (#FF0000 ) . В версии 1993 года название компании написано прямо на иконке, а в 1998 — красная трехмерная круговая диаграмма на голубом фоне. Свобода и наивность при ограниченных ресурсах.

1999–2011: Иконки, которые хочется лизнуть

... it's liquid, one of the design goals was when you saw it you wanted to lick it.

Стив Джобс
PowerPoint 2007 для macOS. © Microsoft

С новым тысячелетием версии для мака и для ПК начинают выглядеть по-разному. На маках правит стиль Aqua: блики, тени, объем, прозрачность. Иными словами, скевоморфизм. Обратите внимание на иконки 2007 года – умопомрачительные Веб 2.0 тени, блеск и обводки.

Microsoft Office 2011 для macOS (сверху) и Microsoft Office 2010 для Windows. © Microsoft

На ПК — брутальный минимализм, но уже с 2003 иконки отбрасывают тень и тоже надеются, что их лизнут. В 2007–2011 дизайнеры Microsoft открывают для себя скругленные углы. Один угол. Удачный ход: асимметрия приятно выглядит и удачно вписывается в интерфейс.

Microsoft PowerPoint 2010 и Windows 7. Источник: Iswar Chandra Vidyasagar College

2013–2015: Безобразно, но единообразно

Microsoft Office 2016 для macOS (сверху) и Windows. © Microsoft

Первая попытка унифицировать внешний вид иконок. В 2013 году появились версии для Android и iOS, в 2015 вышел Office для мака, переписанный с нуля и почти такой же как на ПК. Очевидно, что необходимо было привести все к единообразию: использовали прием с открывающейся дверцей, но мак по-прежнему скевоморфичен, а ПК — плоский.

2016–2022: Пластмассовый мир победил

Вторая, на этот раз полноценная, унификация для всех систем. Иконки теперь абстрактны по содержанию — это геометрические фигуры, напоминающие диаграммы, таблицы, листы. Зато реалистичны по исполнению: спокойные цвета, ненавязчивые тени. И все это часть Fluent Design System, дизайн-системы от Microsoft c акцентом на материалы и физику реального мира.

Выводы

Чем ближе к современности, тем абстрактнее логотип по содержанию, но тем реалистичнее его исполнение. И наоборот. Это общая тенденция в графическом дизайне.

Подобно тому как бытие определяет сознание, технологии определяют эстетику. Трудно разгуляться с одним цветом и 16 пикселями, но с современными возможностями вычислительной техники иконка — это трехмерный объект, существующий в продуманной дизайн-системе.

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

Вместо P.s.

Microsoft Office Glassy icon set. Автор: Владимир Бугаев

В качестве хобби я разработал свою версию иконок Microsoft Office 365 – с прозрачной плашкой. Вы можете скачать эти иконки бесплатно с Gumroad.

Ссылки

Еще по теме истории

Успешных презентаций!

0
12 комментариев
Написать комментарий...
Tomoko

какая крутая статья, обожаю наблюдать как меняется логотип бренда

Ответить
Развернуть ветку
Alexander Dembovski

Годный контент, спасибо! Всегда интересно читать про историю довольно несуразного продукта, в итоге ставшего мировым стандартом вопреки всему.

Ответить
Развернуть ветку
Влад. Бугаев (pptxman)
Автор

А он не такой уж несуразный был на старте, рекомендую почитать Sweating Bullets Роберта Гаскинса, история PowerPoint от одного из создателей.

Ответить
Развернуть ветку
Alexander Dembovski

Почитаю при случае, спасибо за наводку.

Ответить
Развернуть ветку
Огурец Молодец

Не, ну Fluent - прям мегакрутая штука!
Лучшая ДС евер!

Ответить
Развернуть ветку
Влад. Бугаев (pptxman)
Автор

Визуально, да, но по гайдлайнам до Apple human interface всем как до Луны.

Ответить
Развернуть ветку
Олег Хан

Сейчас наши вынуждены переходить на другой софт, потому как подписки Майкрософта не продляются, что жалко, но куда деваться. Скорее всего доля PowerPoint на рынке РФ резко уменьшится в ближайшие два года в пользу другого софта, он хуже, но так же работает. Тем кто привык работать с 3D моделями будет печалька (таких 2 - 3 %), а тем кому они не нужны (таких 98%), те даже разницы не заметят, всё работает почти так же.

Ответить
Развернуть ветку
Влад. Бугаев (pptxman)
Автор

На какой, если не секрет?

Ответить
Развернуть ветку
Вадим Д.

Блокнот и карандаш. И это отличные инструменты, замечу.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Филипп Гаврилов

Вот такие статьи мы любим

Ответить
Развернуть ветку
Илья Ланкевич
Ответить
Развернуть ветку
9 комментариев
Раскрывать всегда