Лайфхакер
Лайфхакер
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Куда поехать на выходные
Великая китайская распродажа
Добрые новости
Стыдные вопросы
Есть мнение
Норм или стрём
Личный опыт
Объясняем за минуту
Технологии
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
Это интересно
6 технологий, без которых невозможно представить современную систему переработки отходов

6 технологий, без которых невозможно представить современную систему переработки отходов

Путешествие начинается до взлёта! Как провести время до посадки с комфортом

Путешествие начинается до взлёта! Как провести время до посадки с комфортом

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
18:00
Ликбез
Технологии
Samsung выпустила смартфон Galaxy S26 FE — уже известны российские цены
Samsung выпустила смартфон Galaxy S26 FE — уже известны российские цены
0
16:10
Новости
Устройства
Xiaomi представила смартфон Redmi Note 17 Pro Max с трёхдневной автономностью
Xiaomi представила смартфон Redmi Note 17 Pro Max с трёхдневной автономностью
0
15:10
Новости
Устройства
Как скачать видео с Rutube на любое устройство в 2026 году
Как скачать видео с Rutube на любое устройство в 2026 году
0
10:00
Ликбез
Технологии
Apple анонсировала презентацию iPhone 18 в сентябре
Apple анонсировала презентацию iPhone 18 в сентябре
0
Вчера
Новости
Технологии
Мессенджер WB Chat от Wildberries теперь доступен всем пользователям
Мессенджер WB Chat от Wildberries теперь доступен всем пользователям
0
Вчера
Новости
Технологии
Влагозащита и месяц без зарядки: PocketBook показала ридер Q в формате смартфона
Влагозащита и месяц без зарядки: PocketBook показала ридер Q в формате смартфона
0
Вчера
Новости
Устройства
Telegram выпустил большое обновление к 13-летию мессенджера
Telegram выпустил большое обновление к 13-летию мессенджера
0
Вчера
Новости
Технологии
12 лучших нейросетей для генерации изображений с нуля в 2026 году
12 лучших нейросетей для генерации изображений с нуля в 2026 году
0
Вчера
Ликбез
Технологии
Honor показала доступный смартфон Play20A с двумя экранами, как у Xiaomi 17 Pro
Honor показала доступный смартфон Play20A с двумя экранами, как у Xiaomi 17 Pro
0
25 августа
Новости
Устройства
Последний шанс: 15 устройств Xiaomi со скидками на завершающейся распродаже AliExpress
Последний шанс: 15 устройств Xiaomi со скидками на завершающейся распродаже AliExpress
0
25 августа
Покупки
Устройства
В «Яндекс Музыке» появились персональные итоги лета
В «Яндекс Музыке» появились персональные итоги лета
0
25 августа
Новости
Технологии
Casio выпустила новые часы G‑Shock с пульсометром и гибридной зарядкой
Casio выпустила новые часы G‑Shock с пульсометром и гибридной зарядкой
0
25 августа
Новости
Устройства
Смартфон iPhone Ultra понравился первым пользователям, но у него есть недостатки
Смартфон iPhone Ultra понравился первым пользователям, но у него есть недостатки
0
25 августа
Новости
Устройства
12 гаджетов по лучшим ценам на большой распродаже AliExpress — наш топ
12 гаджетов по лучшим ценам на большой распродаже AliExpress — наш топ
0
24 августа
Покупки
Устройства

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

Аватар автора комментария
Burzumm Up4 часа назад

0 / 0

Видимо то, что она мало ела. Зажиточная анарексичка :)
Археологи разгадали тайну молодой «вампирши» XVII века из Польши
Аватар автора комментария
Kompozitsia Osoznanno6 часов назад

0 / 0

Ну камон. Через сто с лишним лет существования цветного офсета давайте удивите нас оптическим смешением цветов))
Иллюзия Манкера-Уайта: разноцветные круги, которые на самом деле одного цвета
Аватар автора комментария
Bul'ba6 часов назад

0 / 0

Один вопрос: какого (неприличное слово) вы используете для "простого" объяснения довольно узкоспециализированные слова, формулировки и обозначения. Modulo, "оператор остатка при делении". При этом вы где-то объясняете, а где-то "Ну это же знают даже дети.". Например: "Оператор «/» означает неполное частное, то есть целую часть результата деления.". Ну напишите вы: "Код года = остаток от деления (6 + последние две цифры года + целая часть от деления последних двух цифр года на 4) на 7." И если вы уж такие молодцы и оставили, пусть всё ещё нихрена не понятное, объяснение "%7", то продублируйте его там где это встретиться. Я не знаю, есть ли у вас редактор, мне кажеться нет, не знаю пишет ли все статьи один человек, но эта статья выглядит как очень неудачная попытка пересказать технический справочник ребёнку. Причем пересказывает технарь с "питоном головного мозга" и полным отсутствием социальных навыков, который обычно говорит зубодробительными формулами вышмата. Прошу прощения, если это слишком грубо.
Как определить день недели по дате, не заглядывая в календарь
Аватар автора комментария
Iceland Radio6 часов назад

0 / 0

Вскрытие показало что потерпевший умер от вскрытия :))
Археологи разгадали тайну молодой «вампирши» XVII века из Польши
Зачем ходить на квизы, если всё можно спросить у ИИ

Зачем ходить на квизы, если всё можно спросить у ИИ

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