-4

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки История, Фотография, Photoshop, Картинки, Картинка с текстом, Новый Год, Текст, Гифка, Длиннопост

В прошлом году мы выпустили новые иконки Office, чтобы показать клиентам, что мы усовершенствовали наши продукты для соответствия меняющемуся миру работы. Миру, в котором социальная связь и сотрудничество, несмотря на то, что они более мобильны, чем когда-либо прежде, имеют первостепенное значение для успеха. Миру, имеющему огромный потенциал для творчества и роста, благодаря новым потокам информации.


Мы, в Microsoft, старались облегчить и улучшить подобные виды взаимодействий и опыта. Масштабирование дизайна иконок от 10 продуктов до более, чем ста было и пугающим, и захватывающим одновременно.

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки История, Фотография, Photoshop, Картинки, Картинка с текстом, Новый Год, Текст, Гифка, Длиннопост
Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки История, Фотография, Photoshop, Картинки, Картинка с текстом, Новый Год, Текст, Гифка, Длиннопост

(Масштабирование дизайна по всей экосистеме Microsoft требует открытой и гибкой системы)

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


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

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки История, Фотография, Photoshop, Картинки, Картинка с текстом, Новый Год, Текст, Гифка, Длиннопост


Расширение апертуры нашей дизайн-системы

От таких инструментов, как калькулятор, до приложения смешанной реальности, разнообразие потребностей наших клиентов продолжает расти в геометрической прогрессии. Нам была нужна современная система иконок, чтобы отразить постоянные изменения.


В ходе редизайна иконок мы столкнулись с двумя основными творческими сложностями. Нам нужно было показать инновации и изменения, сохраняя при этом знакомый облик. Мы также должны были разработать гибкую и открытую дизайн-систему, чтобы охватить целый ряд контекстов, оставаясь при этом верными Microsoft.

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки История, Фотография, Photoshop, Картинки, Картинка с текстом, Новый Год, Текст, Гифка, Длиннопост

(Богатые градиенты, плавные изгибы и плавное движение объединяют логотипы Edge и Office с остальными иконками)

Наша Fluent дизайн-система помогла нам решить обе проблемы. Fluent акцентирует внимание на том, чтобы создавать привычные вещи – проектировать то, что наши клиенты уже понимают, а не просить их формировать новые привычки или изучать что-то новое. Fluent направлен на создание пространства для разнообразной, но связанной системы. Чтобы учесть такую широту контекста и опыта, мы расширили нашу первоначальную библиотеку цветов, материалов и отделки иконок.

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки История, Фотография, Photoshop, Картинки, Картинка с текстом, Новый Год, Текст, Гифка, Длиннопост
Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки История, Фотография, Photoshop, Картинки, Картинка с текстом, Новый Год, Текст, Гифка, Длиннопост

Чтобы добиться своих целей, люди проводят большую часть своего рабочего времени, используя Microsoft Edge и Office, и команды были рады возможности поэкспериментировать с новыми материалами в этих популярных продуктах. Мы знаем, насколько нашим клиентам важны впечатления, поэтому иконки должны сочетаться и выделяться одновременно. На основе всестороннего тестирования и отзывов клиентов мы представили богатые градиенты, расширили спектр цветов и реализовали динамическое движение, напоминающее ленту.


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


Независимо от того, используют ли наши клиенты свои телефоны, ПК или VR-гарнитуру, мы стремились соответствовать любой среде. Новейшее руководство по дизайну помогло нам унифицировать создание иконок для компании в целом и для каждого семейства продуктов в частности.

Проектируем наше будущее вместе

Наше сообщество было с нами с самого начала, и путь к редизайну иконок не стал исключением. Мы провели бесчисленные раунды исследований для каждой иконки. Мы изучали множество направлений дизайна и слушали клиентов со всего света. Мы узнали, что не находило отклика у людей (плоский дизайн и приглушенные цвета), а что находило (глубины, градации, яркие цвета и движение) – все это определило наши решения.

Редизайн более 100 иконок продуктов Microsoft при помощи новых цветов, материалов и отделки История, Фотография, Photoshop, Картинки, Картинка с текстом, Новый Год, Текст, Гифка, Длиннопост

( Данные работы иллюстрируют, что компания двигается в направлении 3D )

P.S. Благодарю всех за уделённое время моей статье. Надеюсь, что вы оцените её положительно=)

И всех с наступающим Новым 2020 ГОДОМ!

Найдены дубликаты

+1
и мы не можем дождаться, чтобы узнать ваше мнение.

мне лично давно похуй, как какие-либо иконки выглядят. кого-то на самом деле интересует, как иконки у кого-то выглядят или это только я так очерствел?

Иллюстрация к комментарию
+1

Вы бы лучше качество своих обновлений контролировали. Иконки они рисуют... Тьфу мля.

раскрыть ветку 1
0

Согласен

0

Усовершенствовали качество продукта? Выпустили новые иконки? Ну-ну...

0

Вообще, работая в ИТ-индустрии могу отметить, что Microsoft всегда много внимания уделяла эргономике и дизайну. Риббоны офиса в конце концов заимствовали многие другие вендоры, хотя поначалу это выглядело непривычным. Плиточный дизайн Windows Phone был на мой взгляд лучшим, и жаль, что MS профукала все полимеры, ведь Windows CE была раньше андроида и iOS. впрочем это и Билл Гейтс признавал, что недооценил потенциал мобилити. Опять же плитки в Windows 8 на весь экран для десктопа были неудобны, но в кнопке Пуск Windows 10 - отличная штука.

Кнопка Пуск - ее копируют в KDE, Gnome, Ubuntu.

Мне нравится как Azure внутри сделан, хотя и отзывчивость UI не на высоком уровне.

Интерфейс office online и связанных приложений тож норм и лучше того же Apple. Облаком Apple пользоваться неудобно хоть всрись.

Можно громко кричать MS must die, что Windows 10 полна глюков... да, не без огрехов, однако UI на высоте!

0
@moderator - это не реклама? 🤔
раскрыть ветку 2
0

Она самая

раскрыть ветку 1
0

С чего вдруг то? По вашей логике тут любой кто баню строит и рассказывает об этом - рекламится...

0

У меня такие шторы в ванной...

Похожие посты