Новые иконки продуктов Microsoft

Дизайн-отдел компании опубликовал рассказ с картинками про обновление сотни иконок для своих продуктов. Они продолжают развивать ранее опубликованный трёхмерный стиль иконок для Microsoft Office.

Редизайн иконок — часть большой модернизации бренда в соответствии с принципами их дизайн-системы Fluent Design.

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

Рассказ на английском тут: medium.com/microsoft-design/74b4d916b7a4

Картинки из него приложены к посту.

#awd_ui #awd_icons

Хочу напомнить, что недавно вышел отличный выпуск дайджеста, 181-й. Там про лечение перфекционизма, долгоживущий дизайн, пропаганду, карьерный рост, нейросеть, создающую шрифты, и, конечно, про цвет года. Куда же без этого)

Оформить подписку и получить выпуск можно в дайджест-боте: @designersdigestbot

Responsive Viewer

Удобное и быстрое расширение для Chrome и Firefox, которое позволяет просматривать сайты сразу в нескольких разрешениях экранов на одной странице. Мастхэв для веб-дизайнера.

Chrome: chrome.google.com/webstore/detail/responsiveviewer/inmopeiepgfljkpkidclfgbgbmfcennb

Firefox: addons.mozilla.org/en-US/firefox/addon/responsiveviewer

Github: github.com/skmail/responsive-viewer

#awd_tool #awd_web

Глитчевая типографика Невана Дойла из Лос-Анджелеса

#awd_typo #awd_lettering via instagram.com/mishko.co

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

https://brumm.af/shadows

#awd_tool #awd_web