Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
Технологии
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

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

Chto podarit' parnyu na 14 fevralya: 95 krutyh idej

Что подарить парню на 14 февраля: 100 крутых идей

Надо брать: вертикальный моющий пылесос от Roborock со скидкой 53%

Надо брать: вертикальный моющий пылесос от Roborock со скидкой 53%

10 вещей в стиле ленивого шика — тихой роскоши без усилий

10 вещей в стиле ленивого шика — тихой роскоши без усилий

Проектор Byintek P70X

Проектор от Byintek, который помещается в рюкзак, отдают со скидкой 58%

Как максимально сэкономить на AliExpress в феврале

Как максимально сэкономить на AliExpress в феврале

Подешевел популярный удлинитель для быстрой зарядки шести устройств от Baseus

Подешевел популярный удлинитель для быстрой зарядки шести устройств от Baseus

Игровой ноутбук от Machenike

Забираем игровой ноутбук от Machenike дешевле 70 тысяч рублей

15 nuzhnyh tovarov so skidkami do 67% na rasprodazhe AliExpress

15 нужных товаров со скидками до 67% на распродаже AliExpress

Это интересно
Культурный челлендж: 6 способов получить новые впечатления в этом году

Культурный челлендж: 6 способов получить новые впечатления в этом году

С 1 февраля в России проиндексировано более 40 видов социальных выплат

С 1 февраля в России проиндексировано более 40 видов социальных выплат

Что подарить любимому человеку? 3 идеи от Felfri

Что подарить любимому человеку? 3 идеи от Felfri

Из замёрзших прудов в городские хабы: как изменились катки за 200 лет

Из замёрзших прудов в городские хабы: как изменились катки за 200 лет

Комментарии
Григорий Оболенский
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 эпохи ...
Что вы могли пропустить
Банки и бургеры: в «белый список» добавили новые сервисы
Банки и бургеры: в «белый список» добавили новые сервисы
0
16:40
Новости
Технологии
Добро пожаловать в научную фантастику! Как технологии меняют современные компании и жизнь их клиентов
Добро пожаловать в научную фантастику! Как технологии меняют современные компании и жизнь их клиентов
15:00
Технологии
Технологии
11 новых приложений для iOS: лучшее за январь
11 новых приложений для iOS: лучшее за январь
0
10:00
iOS
iOS
Что лучше — электрическая или индукционная варочная панель
Что лучше — электрическая или индукционная варочная панель
0
Вчера
Технологии
Технологии
В AnTuTu назвали самые мощные смартфоны 2026 года — в топе дебютировал Honor Win
В AnTuTu назвали самые мощные смартфоны 2026 года — в топе дебютировал Honor Win
0
Вчера
Новости
Устройства
Xiaomi скоро начнёт выпускать HyperOS 3.1 для ещё 12 устройств
Xiaomi скоро начнёт выпускать HyperOS 3.1 для ещё 12 устройств
0
Вчера
Android
Новости
Как создать аккаунт Google без номера телефона в 2026 году
Как создать аккаунт Google без номера телефона в 2026 году
0
Вчера
Веб-сервисы
Веб-сервисы
«Почта России» запустила доставку посылок по номеру телефона — без адреса и имени
«Почта России» запустила доставку посылок по номеру телефона — без адреса и имени
0
Вчера
Новости
Технологии
10 новых приложений для Android: лучшее за январь
10 новых приложений для Android: лучшее за январь
0
2 февраля
Android
Android
Как скачать видео с YouTube на любое устройство в 2026 году
Как скачать видео с YouTube на любое устройство в 2026 году
0
1 февраля
Технологии
Технологии
9 новых игр для Android и iOS: лучшее за январь
9 новых игр для Android и iOS: лучшее за январь
0
31 января
Технологии
Технологии
Apple намекнула на «инновации, которых раньше не было» — уже в этом году
Apple намекнула на «инновации, которых раньше не было» — уже в этом году
0
31 января
Новости
Технологии
В Сети завирусилась соцсеть для ботов Moltbook с рассуждениями ИИ о разуме
В Сети завирусилась соцсеть для ботов Moltbook с рассуждениями ИИ о разуме
0
31 января
Новости
Технологии
Microsoft работает над восстановлением доверия к Windows из-за перехода людей на Linux
Microsoft работает над восстановлением доверия к Windows из-за перехода людей на Linux
0
30 января
Windows
Новости
Microsoft показала верхнюю панель инструментов для Windows 11 — как в macOS, только гибче
Microsoft показала верхнюю панель инструментов для Windows 11 — как в macOS, только гибче
0
30 января
Windows
Новости

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

Аватар автора комментария
Genadi Yakovlev29 минут назад

0 / 0

Где-то прочёл, что пара в Азии разошлась, потому что дети у них родились очень некрасивые. Сами же родители до женитьбы полностью изменили свою внешность с помощью пластических операций.
Пользователи Сети поделились самыми глупыми вещами, которые они слышали: 12 примеров
Аватар автора комментария
Radhab Magomedov37 минут назад

0 / 0

Можете поехать, как раз безвизовый режим вроде делают
В Саудовской Аравии открылся парк с самыми экстремальными американскими горками в мире
Аватар автора комментария
David Simonyan1 час назад

0 / 0

Сердечко произошло от формы листа плюща и его символики в египетском языке растений. Плющ встречается на эротческих и околоэротических изображениях. На что ещё похоже сердечко? На плод мандрагоры. Мандрагора - символ апогея чувств и исступлённой любви. На мандрагоровых срезах настаивали вино в Ночь Опьянения. Чтобы понять настоящее, нужно смотреть на древнейших.
Знаете ли вы, как появился символ сердечка?
Аватар автора комментария
David Simonyan1 час назад

0 / 0

2016 - это когда тебе 14, и существует только Зверополис.
Мой 2016-й в кино: 10 фильмов, которые приятно вспомнить сегодня
Добро пожаловать в научную фантастику! Как технологии меняют современные компании и жизнь их клиентов

Добро пожаловать в научную фантастику! Как технологии меняют современные компании и жизнь их клиентов

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