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

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

Удачный момент для покупки кроссовок с вентиляцией на распродаже AliExpress

Удачный момент для покупки кроссовок с вентиляцией на распродаже AliExpress

Фильтр с осмосом

Компактный фильтр с осмосом: эффективный, но стоит дешевле аналогов

Наушники realme Buds Air 8 Pro

Забираем наушники realme Buds Air 8 Pro со скидкой 52% на AliExpress

10 товаров с AliExpress, за которые покупатели благодарят себя

10 покупок с AliExpress, за которые люди благодарят себя

3D-принтер Bambu Lab А1 Min

Надо брать: 3D-принтер Bambu Lab А1 Mini со скидкой 48%

«Дни выгоды» на AliExpress: экономим до 86% на важных покупках

«Дни выгоды» на AliExpress: экономим до 86% на важных покупках

массивные повседневные кроссовки от Xtep

Надо брать: массивные кроссовки от Xtep со скидкой 53%

10 товаров с маркетплейсов, на которые стоит обратить внимание на этой неделе

10 товаров с маркетплейсов, на которые стоит обратить внимание на этой неделе

Это интересно
Как найти квартиру мечты на Яндекс Недвижимости: 3 совета для общения с ИИ-помощником

Как найти квартиру мечты на Яндекс Недвижимости: 3 совета для общения с ИИ-помощником

Что такое «карта родинок» и зачем её составляют

Что такое «карта родинок» и зачем её составляют

Это наша БигДанность: как большие данные работают в повседневной жизни

Это наша БигДанность: как большие данные работают в повседневной жизни

Реклама
Почему после похудения килограммы возвращаются и как этого избежать

Почему после похудения килограммы возвращаются и как этого избежать

Комментарии
Григорий Оболенский
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
Вчера
Технологии
Технологии
Скачайте три этих мессенджера — на случай полного отсутствия интернета
Скачайте три этих мессенджера — на случай полного отсутствия интернета
0
Вчера
Ликбез
Технологии
Цветной E-Ink и дополнительный круглый экран: представлен смартфон HiBreak Dual
Цветной E-Ink и дополнительный круглый экран: представлен смартфон HiBreak Dual
0
Вчера
Новости
Устройства
«С ним зайти не получится»: «Яндекс» начал блокировать свои приложения при включённом VPN
«С ним зайти не получится»: «Яндекс» начал блокировать свои приложения при включённом VPN
0
Вчера
Новости
Технологии
В топ App Store ворвалось приложение Do it! — оно геймифицирует рутину для детей
В топ App Store ворвалось приложение Do it! — оно геймифицирует рутину для детей
0
14 апреля
Новости
Технологии
В пару кликов: как убрать человека с фото на смартфоне
В пару кликов: как убрать человека с фото на смартфоне
0
14 апреля
Технологии
Технологии
Что такое чат-бот Claude, как им пользоваться и почему он так популярен
Что такое чат-бот Claude, как им пользоваться и почему он так популярен
0
14 апреля
Ликбез
Технологии
Apple готовит премиальные умные очки в 4 стилях и с овальными камерами
Apple готовит премиальные умные очки в 4 стилях и с овальными камерами
0
13 апреля
Новости
Технологии
Конкурент iPhone Ultra: раскладушку Huawei Pura X Max показали на видео
Конкурент iPhone Ultra: раскладушку Huawei Pura X Max показали на видео
0
13 апреля
Новости
Устройства
6 лучших бесплатных видеоредакторов для iPhone в 2026 году
6 лучших бесплатных видеоредакторов для iPhone в 2026 году
0
13 апреля
iOS
iOS
Мессенджер XChat от Илона Маска появился в App Store — со сквозным шифрованием и поддержкой Grok
Мессенджер XChat от Илона Маска появился в App Store — со сквозным шифрованием и поддержкой Grok
0
13 апреля
iOS
Новости
Что лучше — DisplayPort или HDMI
Что лучше — DisplayPort или HDMI
0
12 апреля
Технологии
Технологии
Новые китайские Ultra‑смартфоны могут не выйти на рынок
Новые китайские Ultra‑смартфоны могут не выйти на рынок
0
11 апреля
Новости
Устройства
Зачем я купил Sony PSP в 2026 году — и почему советую эту легенду всем
Зачем я купил Sony PSP в 2026 году — и почему советую эту легенду всем
0
11 апреля
Технологии
Технологии
Apple выпустит сразу три смартфона в начале 2027 года
Apple выпустит сразу три смартфона в начале 2027 года
0
10 апреля
Новости
Устройства

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

Аватар автора комментария
Рафаэль Галиев2 часа назад

0 / 0

Вводят в заблуждение. В чем "лайфхак"? Я бы еще понял, если бы он уже посмотрел и как то отреагировал на фильм. Рицензию написал, решил игру сделать, или уйти в монастырь.
Хидэо Кодзима решил посмотреть российский фильм «Кракен» — фанаты попытались его отговорить
Аватар автора комментария
Avan Soulse6 часов назад

0 / 0

Проблема ещё в том, что человек может утратить свою личность и при жизни(после физической ли травмы мозга, или от старческого слабоумия) И тогда-то возникает тот философский вопрос: что делает человека "реальным", когда воспоминания со временем искажаются(тут к слову, о приписываемых якобы неестественных мыслях) и даже здоровые люди описывают одни и те же события из прошлого по-разному, а вкусы их со временем могут меняться. К тому же если не отбрасывать теорию обо всём мире как симуляции, то вовсе станет незачем столь рьяно протестовать против цифровых клонов, в то время как учёные умы бьются над доказательством виртуальности всей вселенной как таковой. По-моему(о чём уже было сказано другим комментатором), общение с цифровыми двойниками ничуть не большая и вроде такая же безобидная иллюзия, как и разговоры с усопшими перед их фотографиями, только с той разницей, что боты куда вероятнее будут отвечать мыслями "оригинала", нежели сам близкий, который станет вспоминать, как бы тот ответил.
Противное мнение: ИИ-копии умерших — не милота, а тихий ужас и контент из «Чёрного зеркала»
Аватар автора комментария
Сергей Гапченко6 часов назад

0 / 0

Интересно. Дважды ионизированный атом гелия представляет собой ядро атома гелия или, что то же самое, альфа-частицу. У этого иона нет электронов, а значит, он не может излучать никаких спектральных линий.
«Джеймсу Уэббу» удалось заглянуть на 13,4 миллиарда лет назад и найти следы древнейших звёзд
Аватар автора комментария
Виктор Подволоцкий6 часов назад

0 / 0

Напоминает стену с фото и картинами в Гарри Поттере. Проходишь так мимо, а там дед ругается с зятем через две рамки, и тебе прилетает до кучи). Но вообще проблема захоронений и попытка увековечить могут идти порознь. Две разные задачи со своими нюансами и болями.
Противное мнение: ИИ-копии умерших — не милота, а тихий ужас и контент из «Чёрного зеркала»
Как покупать всё, что хочется, не выходя за рамки бюджета: 7 правил разумного шопинга 

Как покупать всё, что хочется, не выходя за рамки бюджета: 7 правил разумного шопинга 

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