Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Выгодные покупки
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
Технологии
10 июля 2014

Что такое Google Material Design и как он изменит нашу жизнь

Фото автора Сергей Суягин
Сергей Суягин

Что такое Google Material Design и как он изменит нашу жизнь

Что будет, если детство человека пройдёт под фильмы, где поумневшие компьютеры неминуемо убивают всё человечество, а чуть повзрослев, этот же самый человек будет читать о АНБ и прочих злодеях, которые круглосуточно читают его SMS и отправляют их в США? Он будет опасаться Google.

Не так давно Корпорация Добра показала миру своё видение пользовательских интерфейсов будущего. Material Design — единая концепция построения логики работы и внешнего вида сервисов и приложений, унифицирующая все продукты Google с целью их максимально лёгкого и интуитивного восприятия пользователями.

Идея настолько масштабна, что преобразит не только внешний вид всех продуктов Google. С приходом новой концепции изменится роль самой компании в жизни людей.

Чем станет Google?

Да, пока что Google — это просто куча сервисов. Однако с «материальным» дизайном компания фактически создаёт вторую реальность внутри наших компьютеров и мобильных устройств. Со своей логикой, со своими правилами и законами, со своей физикой.

Когда вы создаёте физические вещи, вы опираетесь на тысячелетний человеческий опыт. Но дизайн программного обеспечения только зарождается. Мы посмотрели на всё наше программное обеспечение и спросили себя, из чего оно сделано? Джон Вайли, главный по дизайну поиска Google

Чем сейчас являются сервисы Google для людей? Это строка поиска, которая живёт в браузере? Или это ваше мобильное Android-устройство? Google можно дать множество определений, и многие из них будут верны. Эта компания создала систему сервисов, ставших фундаментом нашей цифровой инфраструктуры. Но в ближайшем будущем Google перестанет восприниматься просто как Chrome или Android.

Отдельные сервисы и продукты Google эволюционируют в единый информационный канал, где актуальные для человека данные просто появляются на нужном экране в правильное время.

Когда вы смотрите на часы, стоя на ж/д станции, вы видите на экране время прибытия следующего вашего поезда. Однако эти же часы сообщат вам о важном письме от руководства, если вы посмотрите на них на работе. Эти часы заменят вам пароль для входа в свою учётную запись на компьютере, экран которого тут же отобразит тело того важного письма от шефа. Нужно срочно отойти, и нет времени добить текст ответа? Нет проблем, ведь на вашем смартфоне или планшете уже открылся интерфейс почты с недопечатанным текстом, и даже курсор стоит в том месте, где вы остановились. Рабочий день окончен, и вы едете домой. Те же самые экраны теперь выполняют совершенно иные функции. Они напомнят вам про то, чтобы забрать детей, купить продукты к ужину и оповестят о выходе новой серии любимого сериала. Такое немыслимое многообразие функций и выполняемых задач будет работать в единой интуитивно понятной пользователю цифровой среде, постепенно сливающейся с реальным миром. Одна из ключевых идей Material Design заключается в создании у пользователя интуитивного ощущения работы с реальными физическими объектами в рамках цифровой среды. По сути, это эмуляция трёхмерного пространства на плоскости экрана, но со всеми преимуществами, которые может дать виртуальная среда. Похожие на картонные карточки кнопки и окна здесь умеют увеличиваться и уменьшаться, распадаться на части и перестраиваться. Самым впечатляющим в этой концепции является то, что свойства и поведение объектов на экране будут так же предсказуемы и понятны человеку, как и любое простое событие в физическом мире. В отличие от существующих интерфейсов, где нажатие кнопки не приводит к каким-то изменениям на остальной части экрана, любое действие в Android L вызывает соответствующий эффект, затрагивающий весь интерфейс. Тапните на конкретный день в календаре, и он увеличится, расталкивая своим растущим объёмом и массой остальные дни. Нажмите кнопку воспроизведения в плеере, и она, как фантик, развернётся в панель управления. 

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

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

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

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

При наличии достаточно чёткой системы правил становится возможным добавлять новые материалы. Бумага была очевидным выбором из-за простоты её отображения на экране. Без выраженной текстуры, практически без объёма. Но попробуйте представить себе, например, ткань или жидкости.

В голову тут же приходит философия скевоморфизма, которую активно использовала Apple и в итоге отказалась от неё, не правда ли? Подход Apple также был направлен на то, чтобы сделать цифровой мир понятнее для пользователя, но по сравнению с решением Google он выглядит довольно поверхностным. Скевоморфизм от Apple лишь намекал на сходство приложения с его реальным аналогом.

Google хочет не просто провести какие-то аналогии для лучшего восприятия. Их цель — объяснить пользователям, что происходит, когда тот или иной элемент интерфейса появляется или исчезает с экрана.

Material Design — это не просто попытка создать одинаково спроектированные сервисы для различных устройств. Google создаёт параллельный мир, каждая частичка которого является фрагментом чего-то материального. Когда вы получаете сообщение на свои умные часы со смартфона, то видите не просто мёртвый кусок текста. Это кусочек картона, на котором находится послание, и это послание пришло со смартфона на ваше запястье.

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

Именно так, без навязывания и давления, компания просто создаёт технологии, опираясь на ключевой принцип «сосредоточьтесь на пользователе, и всё остальное придёт само».

Нам интересно ваше мнение. Считаете ли вы подобную концепцию злом или воспринимаете такие инициативы как перспективный способ взаимодействия с информационной средой в будущем?

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter

Лучшие предложения

36 находок Lamoda, на которые хочется бесшабашно тратить деньги

36 находок Lamoda, на которые хочется бесшабашно тратить деньги

15 отличных товаров со скидками до 81% на распродаже 11.11

15 отличных товаров со скидками до 81% на распродаже 11.11

Надо брать: неубиваемый смартфон Honor X9d с батарейкой 8 300 мА·ч и скидкой 41%

Надо брать: неубиваемый смартфон Honor X9d с батарейкой 8 300 мА·ч и скидкой 41%

Классные сумки, кроссовки и техника, которые стоит купить на AliExpress во время распродажи

Классные сумки, кроссовки и техника, которые стоит купить на AliExpress во время распродажи

Надо брать: 3D-принтер от ELEGOO со скидкой 42%

Надо брать: 3D-принтер от ELEGOO со скидкой 42%

15 женских зимних курток со скидками до 74%

15 женских зимних курток со скидками до 74%

Зимние кроссовки от RAX отдают со скидкой 61% на распродаже 11.11 

Зимние кроссовки от RAX отдают со скидкой 61% на распродаже 11.11 

Аэрогриль, кроссовки и море косметики: на что обратить внимание во время распродажи 11.11

Аэрогриль, кроссовки и море косметики: на что обратить внимание во время распродажи 11.11

Это интересно
ИГРА: Полный бак бонусов

ИГРА: Полный бак бонусов

От традиций к инновациям: 8 перспективных профессий современного сельского хозяйства

От традиций к инновациям: 8 перспективных профессий современного сельского хозяйства

Экология, инфраструктура и перспективы: 3 причины переехать на север Москвы

Экология, инфраструктура и перспективы: 3 причины переехать на север Москвы

Коля идёт на смену! Как проходит первый день новичка на складе Ozon 

Коля идёт на смену! Как проходит первый день новичка на складе Ozon 

Комментарии
Григорий Оболенский
10.07.14 14:00
Мне очень понравилась идея и как это выглядит, не терпится попробовать в живую.
George L
10.07.14 15:33
Попробуйте Google Now - примерно оцените. Честно говоря лично меня не воодушевило. Ну да - подсказки о погоде (но менее точные, чем гисметео и только на ближайшее время), время в пути на работу и домой (но по моим прикидкам очень приблизительно). Высвечивается список ближайших дел. На самом деле эту информацию мне удобнее получать из виджетов, которые у меня на разных рабочих столах на компе и телефоне. В более удобном для меня виде и в удобной для меня компоновке.
N'Shtein
10.07.14 14:40
"...без навязывания и давления, компания просто создаёт технологии, опираясь на ключевой принцип «сосредоточьтесь на пользователе, и всё остальное придёт само»" ну-ну :-) в настоящее время политика google ощущается как раз как навязывание: - всюду реклама, которая по мнению google мне интересна; - настойчивые приглашения вступить в google+, который совершенно не нужен; - а для тех, кто не хочет - частичная или полная недоступность хороших сервисов, к которым давно привыкли; - интуитивно НЕпонятные интерфесы как следствие попытки угадать, что хочет пользователь; - автоматическая привязка карты к кошельку, кошелька к почте, почты к смартфону, и вот уже ваш телефон платит за что-то сам! я лично как те дети, про которых вы пишете в начали статьи, я боюсь "умных" программ, которые "сосредоточились" на мне :-) может быть, идея изначально и хорошая, и когда-нибудь это будет удобно, но пока испытываю сильное желание отказаться от всех продуктов google, пока не поздно
Евгешка Олейник
10.07.14 16:47
+1 Главное, чтобы гугл не начал принимать за нас решения...
Андрей Журавлев
10.07.14 21:13
Так это - гугл-мобиль уже скоро) Но я разделяю их курс, слежу за их "творчеством" и вообще считаю их лучшими. Интерфейсом, правда, не проникся, но может чего не понимаю.
Сергей Дубовой
17.07.14 00:18
Ну а гуглоплюсик очень вкусный, не обижайте его :)
Владислав Виноградов
10.07.14 14:49
Эм, мне одному кажется, что "Что такое Google Material Design и как он изменит нашу жизнь" слишком пафосно звучит? Лично мою жизнь новая версия ОС никак не изменит.
Мартин Малёванец
10.07.14 15:09
Довольно пафосная статья ;)
Elvis
11.07.14 00:10
Это прекрасно, что вы так всем этим восхищаетесь, но мне, как разработчику и человеку имеющему непосредственное отношение к UI/UX, было неприятно читать ваше искажённое восприятие этого проекта. В первую очередь потому, что большинство людей не сомневаются в авторитетности любого автора на ЛХ. Для начала, решите для себя, скевоморфизм – это плохо потому, что вы действительно так считаете или потому, что было много разговоров об этом.
Sergey Suyagin
11.07.14 10:28
Мысль интересная, вот только в тексте ни слова о том, что скевоморфизм плох.
Сергей Филимонов
30.10.14 18:31
Интересно, сам автор понимал, о чем он хотел написать? Я только понял, что автор в восторге.
Abraham Tugaloff
10.04.15 00:41
Мне кажется или этот их дизайнер просто в эту свою бумагу травку скрутил и скурил ... lol 1) Сменят дизайн 2) Соединят в одно целое множество устройств (синхронизация) Не вижу ничего сверхнового.
Родион Борисов
15.09.15 13:09
Кажется, в этой статье MD расписан, как НЕКАЯ концепция. Но если посмотреть на конкретный обзор (на Хабре, к примеру), там всё подетально написано, какие ещё хитрости есть в дизайне, есть ли стандартизированные принципы. Мне понравилась та статья, как и Material Design от Google. Всё логично и адаптивно.
капитан пикар
27.10.15 01:35
по мне так говно,как дизайн так и концепция.какая то цветная бумага на супер реалистичных дисплеях. лол што?
Aleksey Midenkov
16.03.16 21:58
Ублюдочный material design сделает все интерфейсы нечитабельными и неюзабельными.
Nick Biryukov
21.09.18 20:42
Навязывание гуглом своих продуктов воспринимается психикой как самое что ни на есть наглое насилие. А дешевенькая словесная анестезия, от которой могут быть в восторге только идиоты из отдела маркетинга, считающие всех людей идиотами и их недалеких руководителей, только раздражает своим плохо скрываемым высокомерием и издевательством над пользователями. Буду переходить на другие продукты. Гугл окончательно превратился в тоталитарную секту, где пользователя уже в наглую пытаются отформатировать под стандарт постоянно навязывая определенную логику действий.
Xander “Xgips” Greatest
01.11.19 00:10|изменено
Всё что связано с интерфейсами в Google - ДНО. Чуть лучше у Apple и Sony. Пройдет лет 30 и только тогда родится что-то путёвое! ;) Когда придут совершенно другие люди - не видевшие вот это вот всё... Добавляются эффекты и дополненная реальность во все их приложения. Меняйте свои гаджеты на новые. Ресурсы будут нужны как воздух. "Политика взаимного продвижения" в действии. Да, да и не забудьте о приближении 5G эпохи ...
Что вы могли пропустить
Google Circle to Search: что это за функция и как использовать её на Android
Google Circle to Search: что это за функция и как использовать её на Android
0
10:30
Ликбез
Технологии
В «Google Фото» на iOS теперь можно редактировать снимки с помощью описания
В «Google Фото» на iOS теперь можно редактировать снимки с помощью описания
0
Вчера
Новости
Технологии
Google тестирует Nano Banana 2 — ИИ-фотошоп научится «думать» и исправлять свои ошибки
Google тестирует Nano Banana 2 — ИИ-фотошоп научится «думать» и исправлять свои ошибки
0
Вчера
Новости
Технологии
Надо брать: неубиваемый смартфон Honor X9d с батарейкой 8 300 мА·ч и скидкой 41%
Надо брать: неубиваемый смартфон Honor X9d с батарейкой 8 300 мА·ч и скидкой 41%
0
Вчера
Покупки
Устройства
Автономность OnePlus 15 сравнили с iPhone 17 Pro Max и Xiaomi 17 Pro Max
Автономность OnePlus 15 сравнили с iPhone 17 Pro Max и Xiaomi 17 Pro Max
0
Вчера
Новости
Устройства
Объясняем за минуту: как подключить флешку к смартфону
Объясняем за минуту: как подключить флешку к смартфону
0
Вчера
Технологии
Технологии
Первый MacBook Pro с поддержкой сим-карт может выйти уже в конце 2026 года
Первый MacBook Pro с поддержкой сим-карт может выйти уже в конце 2026 года
0
Вчера
Новости
Устройства
Клавиатуры уйдут в историю: поколение альфа перейдёт на голосовые сообщения в работе
Клавиатуры уйдут в историю: поколение альфа перейдёт на голосовые сообщения в работе
0
Вчера
Новости
Технологии
Apple заново придумала «носок» для iPod — теперь такой чехол выпустили для iPhone
Apple заново придумала «носок» для iPod — теперь такой чехол выпустили для iPhone
0
Вчера
Новости
Устройства
Google Play начнёт предупреждать о «прожорливых» приложениях
Google Play начнёт предупреждать о «прожорливых» приложениях
0
Вчера
Android
Новости
Samsung Galaxy S26 Plus показали на рендерах — с обновлённым островком камеры
Samsung Galaxy S26 Plus показали на рендерах — с обновлённым островком камеры
0
Вчера
Новости
Устройства
От ретуши до ИИ-фильтров: 13 отличных приложений для обработки фото на Android и iOS
От ретуши до ИИ-фильтров: 13 отличных приложений для обработки фото на Android и iOS
0
10 ноября
Ликбез
Технологии
Надо брать: прекрасно сбалансированный смартфон Realme 15 Pro со скидкой 64%
Надо брать: прекрасно сбалансированный смартфон Realme 15 Pro со скидкой 64%
0
10 ноября
Покупки
Устройства
Анонсирован Phantom — первый в мире прозрачный монитор для компьютеров
Анонсирован Phantom — первый в мире прозрачный монитор для компьютеров
0
10 ноября
Новости
Устройства
LG выпустила MoodMate — проектор со встроенными светильником и Bluetooth-колонкой
LG выпустила MoodMate — проектор со встроенными светильником и Bluetooth-колонкой
0
10 ноября
Новости
Устройства

Новые комментарии

Аватар автора комментария
Skubacok23 минуты назад

0 / 0

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

0 / 0

Ну реально, они не смотрятся на девушках женственно.
15 женских зимних курток со скидками до 74%
Аватар автора комментария
Skubacok26 минут назад

0 / 0

Почему? Мой отец до сих пор им пользуется ))) Да и на рынке тоже есть люди с ними))
Клавиатуры уйдут в историю: поколение альфа перейдёт на голосовые сообщения в работе
Аватар автора комментария
Индира30 минут назад

0 / 0

Считаю, что данная статья очень полезна. Даже уже и при семейной жизни. Сегодня подниму некоторые вопросы с мужем. Просто понимаю, что много чего не знаю про него.
40 вопросов, которые помогут паре сблизиться и увидеть будущее отношений
Как покупать продукты рационально: полезная инструкция

Как покупать продукты рационально: полезная инструкция

Реклама
Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииДля начинающих авторов
Подписка
TelegramВКонтактеTwitterViberYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях