Мы уже рассказывали вам о истории создания Material Design, и переводили презентацию Google о создании приложения на конференции I/O 2014, но нигде не было ни слова на русском о том, как будут выглядеть обновленные иконки. Однако в мировой сети уже идет обсуждение данной темы.

Google ещё не публиковала стандарты создания material-иконок, но если взглянуть на то, что нам известно сейчас, можно сделать некоторые выводы.

Иконки тоже материальны

Все значки изготовлены из чего-то. Например, из Quantum Paper, которая используется повсеместно в интерфейсе Android L. «Квантовая» бумага — это технически продвинутый материал. Складки и края придают иконке глубину. В некоторых случаях можно использовать очень тонкие градиенты, чтобы сымитировать мягкий, почти несуществующий источник света. Взгляните, например, на иконку Google Chrome Beta.

Тени

Жесткие тени в иконках у Google используются, как правило, для вторичных элементов, например для иконки или для самого верхнего элемента. Тень в Material Design — это обычный черный градиент, вроде тех, что изображены на картинке ниже.

Используйте уникальный силуэт

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

Использование сетки

Официально Google не показывала сетку для своих иконок, но мы могли видеть её в течение нескольких секунд во время Google I/O. Сетка помогает ограничить дизайн иконки пропорциями, которые будут удобны для пользователя. Это что-то вроде того, что вы видите ниже и её достаточно легко создать. Достаточно нарисовать на бумаге круг, добавить четыре линии по 45 градусов, внутри нарисовать квадрат и всё готово.

Со временем всё больше приложений Google будут обновляться и получать новый Material Design и тогда мы сможем узнать больше о том, как должны выглядеть иконки, а пока остается довольствоваться основными принципами.