Material Design от Google повзрослел на I/O — вот все, что вам нужно знать

Material Design существует уже около четырех лет, и хотя он добился больших успехов в унификации внешнего вида и основной функциональности собственных приложений Google на всех платформах, Google хочет вывести свой подход к дизайну на совершенно новый уровень. В этом году на I/O 2018 Google представила следующий этап развития Material Design, и на этот раз они мыслят гораздо масштабнее…

Главная новость — Material Theming

Отойдя от жестких и бескомпромиссных рекомендаций, которые, как признает Google, ранее оттолкнули многих сторонних разработчиков, компания надеется, что переосмысленная и мощная новая система дизайна, предоставляющая разработчикам и дизайнерам больше гибкости, будет гораздо полезнее как для нее самой, так и для вас. Эта система называется Material Theming, и Google утверждает, что это надмножество того, что было запущено 4 года назад.

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

Реклама — прокрутите дальше, чтобы увидеть больше контента

«То, чего Material Theming наконец позволяет нам достичь, — это создание системы дизайна для создания систем дизайна, чтобы любой, независимо от того, насколько он мал как разработчик или сколько у него дизайнеров, мог создать свою собственную систему дизайна, используя Material в качестве ее основы», — сказал на этой неделе на I/O 2018 известный дизайнер Google Матиас Дуарте в беседе с представителями прессы.

Таким образом, с помощью Material Theming сторонние разработчики приложений, такие как Twitter, Facebook, GroupMe или MoviePass (или, как показывает Google на примерах, Lyft, Genius, Zappos и другие), могут создать тему на основе Material для своих Android-приложений, которая хорошо вписывается в эстетику Android. Или, возможно, небольшой независимый разработчик может использовать инструменты и рекомендации Google в качестве замены корпоративного отдела дизайна и использовать этот вид Material Theming на всех своих платформах — Android, iOS и веб-сайте.

Google помогает вам это сделать

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

«Наши компоненты по-прежнему являются основой юзабилити. Они по-прежнему являются фундаментальными строительными блоками системы. И то, что мы делаем, — это вводим множество вещей, чтобы оживить это», — добавила креативный директор Material Рэйчел Бин.

Что это за инструменты? Важно знать о Material Theme Editor, который в настоящее время доступен для Sketch и, по словам Google, «помогает вам … применять глобальные изменения стиля в цветах, формах и типографике». Внутри есть новый генератор палитр, открываются шрифты (вам больше не придется использовать шрифт Roboto от Google!) и они оптически корректируются для всех компонентов, есть поддержка симметричных и асимметричных форм, а также 3000 новых значков в четырех новых наборах.

Если вы уже убедились и хотите начать, вы можете получить Material Plugin на сайте Material от Google.

И сам Google это делает

Хотя сторонние разработчики, скорее всего, больше всего взволнованы новыми инструментами и новым подходом Google — рассматривая Material как систему для создания систем — остальные из нас, вероятно, больше всего взволнованы собственным видением Google этого процесса. Если Google собирается представить систему для создания систем, то Google должен создать свою собственную систему, верно?

Да, и именно это мы — и большая часть прессы — до сих пор называли «Material Design 2». По поводу названия нового дизайна для сервисов и приложений Google, я подумал, раз уж мы здесь, стоит внести ясность: официально это «Google Material Theme». И это имеет смысл. Google представила Material Theming, сторонние разработчики создают Material Themes, а Google создает свой собственный. Матиас коснулся этого.

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

Он добавил: «Так что идея произвольно провести черту на этой I/O и сказать, что это «2», не имела особого смысла. Но то, что фактически произошло вчера, — это то, что мы даем миру возможность тематизации так же, как Google нанес новый слой на Material».

Google Material Theme состоит из четырех элементов, предписанных Google: типографика (Google Sans, которая является оптимизированной по размеру версией Product Sans), пробелы (Google намеренно рассматривает белый цвет как цвет, как они говорят), цвета (привычные вам красный, синий, желтый и зеленый) и акцент на высоте (что, по сути, является основным элементом, стилистически сохраненным из предыдущей метафоры бумаги и чернил).

Вы можете увидеть бесчисленное множество примеров этого в некоторых новейших приложениях Google, от Google Tasks для Android и iOS до нового Gmail в Интернете, Google Pay и приложения Google Home. Во всех них мы видим этот свежий взгляд на Material в разной степени, и Матиас сообщил нам, что это сделано намеренно — они позволяют командам разработчиков Google внедрять его по своему усмотрению.

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

Но где же Material?

Новый Material сбивает с толку многих людей, и я понимаю, почему. Новый Material (Google Material Theme) на самом деле совсем не похож на «Material». На этой неделе у меня была возможность спросить Google об этом, и они, по сути, сказали, что, хотя, да, он явно стилистически эволюционировал, есть определенные аспекты, унаследованные от четырех лет работы, в первую очередь модель высоты.

«Я думаю, что одна из вещей — это модель высоты, и та материальность фактического наличия системы освещения, которая есть у вас с физическими материалами — как освещение ведет себя в тени. Концепция различных степеней высоты, отбрасывающих разные тени, основана на материальности и том, как движется пространство», — рассказала нам Рэйчел Бин из Material. «Например, в Google News мы подчеркиваем значимость с помощью обработки высоты. Модель глубины, которая выводит более значимые вещи на передний план, основана на материальности».

Google Material Theme появится… медленно

Для некоторых приложений этот новый вид уже доступен. Как видно на скриншотах выше, некоторые из того, что Google называет своими «партнерами-образцами», уже полностью его внедрили. Приложение Google I/O 2018, Google Pay, Google Tasks и Gmail в Интернете — одни из самых очевидных примеров. Матиас Дуарте из Google сообщил нам, что это только первая волна, и мы можем ожидать, что это будет последовательный каскад для остальных приложений Google. Gmail для мобильных устройств, похоже, один из ближайших крупных релизов.

Что дальше для Material Design

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

Google также заявляет, что реакция сторонних разработчиков была очень положительной, и они настроены оптимистично, что гораздо больше брендов примут эту систему, чем оригинальные, более строгие рекомендации Google. Даже когда они предлагали брендам взять и настроить предыдущий вид, Матиас сказал, что бренды чувствовали, что не могут его использовать из-за стиля. В отличие от этого, он говорит, что реакция на Material Theming «была просто невероятно положительной».

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

«Мы переходим к гораздо более быстрому циклу выпуска, поэтому вы увидите новые компоненты, новые подсистемы, которые будут выпускаться теперь, когда мы достигли этого этапа. Мы будем вести всю эту разработку открыто и выпускать их гораздо быстрее», — сказал нам Матиас.