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

Material Design — новое направление дизайна Google, которое совершит революцию

Фото автора Лена Ш
Лена Ш

Material Design — новое направление дизайна Google, которое совершит революцию

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

Команда дизайнеров Google уже давно почувствовала необходимость создать определенный набор правил поведения софта, которые бы работали для всех продуктов Google, начиная с Android, заканчивая Chrome OS. Вместо того, чтобы начать с единой палитры цветов и схожего внешнего вида, команда Google задалась фундаментальным вопросом: «Для чего создается программное обеспечение?»

Материя и форма

Ответ пришел из отдела проектирования, в котором Джон Вилли, ведущий дизайнер поисковой системы, и его коллега Николас Джиткофф, рассматривали вездесущие карточки, которые Google начала использовать в Google Now. И вдруг у них возник вопрос: «Когда вы убираете при помощи свайпа последнюю карту, что остается внизу?»

«Это звучит как невинный вопрос», — говорит Дуарте, — «и все же для нас он стал мощной искрой». Это привело команду на новый путь размышлений об элементах программного обеспечения, с которыми мы сталкиваемся ежедневно. Вместо того, чтобы говорить о пикселях или абстрактных слоях, команда представила себе эти карточки и поверхности в качестве реальных осязаемых объектов. И если бы эти карточки были материальны, со всеми присущими им физическими свойствами, им нужны были бы правила, согласно которым они должны работать и двигаться по экрану.

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

В сочетании с более смелыми и яркими цветами, этот новый материал стал той почвой, на которой потом и выросла вся остальная часть разрабатываемого дизайна. Его первую реализацию вы сможете увидеть уже в Android L: яркие цвета и карточки, скользящие друг над другом.

Вилли и Джиткофф сказали, что новая эстетика — это больше, чем просто эволюция дизайна Google. В 2012 и 2013 году Google приступила к дизайнерскому проекту под названием Project Kennedy, который начал процесс унификации дизайна компании. С появлением Material Design, компания сделала еще один большой шаг в этом направлении.

http://www.youtube.com/watch?v=Q8TXgCzxEnw

Творчество и ограничения

«Material Design объединяет нас в наших мыслях», — говорит Дуарте. — «Это абсолютное ограничение». Благодаря этим ограничениям проще действовать последовательно и сообща. «Дизайн подталкивает к тому, чтобы искать решения в ограниченных условиях», — сказал Дуарте. — «Если бы не было ограничений, дизайн не был бы искусством».

Сравнивая новый материал с iOS, Дуарте сказал о том, что компания «не мчит вас через пространство на высоких скоростях, и не заставляет вас ощупывать невидимую несуществующую поверхность».

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

Material_calendar_gif

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

Материализация

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

Вот почему программное обеспечение Android Wear не предоставляет пользователям множество возможностей, а лишь ответы на уведомления. Дизайнер Алекс Фааборг сказал: «Заполучив часы, у вас нет желания постоянно с ними забавляться. Вы просто хотите взглянуть вниз, чтобы получить информацию, и быстро дать голосовую команду».

IMG_9884_verge_super_wide

Это во многом относится и к новому материалу Google. «Мы создали его, потому что хотели заполучить самое простое решение. Один из методов проектирования, которому мы хотели следовать, это создание простейших вещей для пользователей».

Будущее

Это больше, чем единый стиль всего программного обеспечения и web-сервисов Google. Это больше Android L, больше Android Wear. Это взаимодействие метафор, которые мы используем, думая о компьютерах, и технологий, которые помогают с ними работать.

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

Material_Design_book

Material Design — это новый фреймворк, который, как верит Google, и создаст эту интуитивную модель. Это такой же революционный продукт, как, например, iPhone от Apple. В нем сочетаются гибкость и простота, которые помогут разобраться с новыми технологиями. И если Google выполнит свое обещание, и сможет привнести данную технологию во все свои продукты, включая web, Chrome OS и Android, она, действительно, поможет нам понять технологии, и избавит нас от необходимости подстраиваться под различные модели.

Сейчас Material Design — это только идея, и она останется столь загадочной, пока не будет внедрена в основные продукты Google. «Мы находимся только в самом начале». На вопросом о том, что, если бы мы сейчас могли разрабатывать материалы будущего, а не сегодняшнего дня, Дуарте ответил: «Будущее уже за углом».

via The Verge

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

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

5 отличных лазерных уровней, которые отдают сейчас со скидками

5 отличных лазерных уровней, которые отдают сейчас со скидками

Забираем 50-дюймовый телевизор от Samsung со скидкой 26%

Забираем 50-дюймовый телевизор от Samsung со скидкой 26%

10 недорогих украшений, от которых не зеленеет кожа

10 недорогих украшений, от которых не зеленеет кожа

Ноутбук LUNNEN Ground 15

Надо брать: хороший российский ноутбук Lunnen Ground 15 со скидкой 29%

15 аксессуаров для смартфона, которые часто покупают на AliExpress

15 аксессуаров для смартфона, которые часто покупают на AliExpress

Быстрый мини-ПК с Ryzen 5 отдают со скидкой 37% на AliExpress

Быстрый мини-ПК с Ryzen 5 отдают со скидкой 37% на AliExpress

9 товаров для обустройства минималистичной ванной с ярким акцентом

9 товаров для обустройства минималистичной ванной с ярким акцентом

Умные часы CMF Watch 3 Pro

Забираем умные часы CMF Watch 3 Pro со скидкой 41%

Это интересно
3 причины, почему не стоит бояться поменять интернет-провайдера

3 причины, почему не стоит бояться поменять интернет-провайдера

От доставки продуктов до тушения пожаров: как дроны помогают решать повседневные задачи

От доставки продуктов до тушения пожаров: как дроны помогают решать повседневные задачи

Как поддержать подростка с избыточным весом? Чек-лист для родителей

Как поддержать подростка с избыточным весом? Чек-лист для родителей

Мас-рестлинг, хуреш и ещё 5 необычных национальных видов спорта России

Мас-рестлинг, хуреш и ещё 5 необычных национальных видов спорта России

Комментарии
Кирилл Ераксин
04.07.14 22:33
Детскую цветную бумагу напоминает. Что в этом революционного?
Александр Журович
05.07.14 16:32
Может, и не революционно, а то, что навели порядок в своей концепции плоского дизайна, — несомненный плюс.
Чтец Че
04.07.14 22:55
Айв показал в народ свою новую подругу iOS7, а через 10 месяцев бастард нарисовался. А я ему говорил, Джонни, братан, да дай ей в пузо. А он ишь ты, Лондонский денди, не бьет баб. Ну и на, получай, глупый.
Colonel Royce
05.07.14 02:15
Ничего ты не знаешь, Джон Сн...гм, Айв
Jurij Burkanov
05.07.14 03:38
IMHO Дизай неудачный. Много бестолковых эффектов и игра в минимализм, при этом сокращается не шум, а сигнал. Не думаю, что это поможет навести порядок в гуглевских системах. Скорее, еще сильнее увеличит хаос.
Александр Журович
05.07.14 16:33
Приведите пример бестолкового эффекта, интересно.
Jurij Burkanov
05.07.14 22:26
Из особенно мешающих: вплывающие многочисленные контейнеры (на видео 31 секунда). При общей пестроте картинки анимация будет забирать дополнительное внимание при переключении между видами (приложениями, страницами) и затруднять узнавание. Это хорошо в тестах NNGroup продемонстрировано. Fancy, да. Но и только.
Александр Журович
05.07.14 22:43
Пожалуй, да. Но не все же подчинено строгим правилам удобства и рациональности. Если это будет работать в плюс имиджу приложения, толк уже будет. А если нет — наверняка, можно предусмотреть более сдержанный вариант анимации массива плиток.
Elvis271
06.07.14 13:23
По гайдам все красиво выглядит, но посмотрел обзоры ранней версии Android L - в реальности все не так радужно. Ощущение какой-то кустарщины никуда не пропало. Очень много прямоугольников - карточки, поля ввода. В цветной шапке звонилки два прямоугольных белых блока. Сомнительно. Вообще зря они на мой взгляд за эти карточки держутся, теперь еще и объемные. Даже в гайдлайнах это выглядит не очень - большое количество сильно перегружает интерфейс большим количеством линий на экране. Но хотя определенно лучше, чем было, посмотрим что будет в релизе. Революционности конечно никакой нет - очень многие вещи подсмотрели в iOS7. Круглые аватарки, 1px разделители, концепцию слоев, разноцветные шапки.
Что вы могли пропустить
Как узнать свой пароль от Wi-Fi: 7 способов для разных ситуаций
Как узнать свой пароль от Wi-Fi: 7 способов для разных ситуаций
0
13:00
Технологии
Технологии
И нервы целы, и кошки сыты: как выбрать автокормушку для своего питомца
И нервы целы, и кошки сыты: как выбрать автокормушку для своего питомца
0
Вчера
Ликбез
Технологии
ИИ Claude взломал ключевую защиту macOS всего за 5 дней — Apple разрабатывала её 5 лет
ИИ Claude взломал ключевую защиту macOS всего за 5 дней — Apple разрабатывала её 5 лет
0
Вчера
Новости
Технологии
CNET протестировал 33 смартфона и назвал самые быстрые по зарядке
CNET протестировал 33 смартфона и назвал самые быстрые по зарядке
0
14 мая
Новости
Устройства
Потенциальный рекордсмен автономности: тизеры Xiaomi 17 Max раскрыли характеристики флагмана
Потенциальный рекордсмен автономности: тизеры Xiaomi 17 Max раскрыли характеристики флагмана
0
14 мая
Новости
Устройства
Чем заменить «Google Документы» и «Таблицы»: 7 бесплатных офисных веб-сервисов
Чем заменить «Google Документы» и «Таблицы»: 7 бесплатных офисных веб-сервисов
0
14 мая
Технологии
Технологии
Dyson представила очиститель воздуха, который всегда дует на человека — благодаря ИИ-камере
Dyson представила очиститель воздуха, который всегда дует на человека — благодаря ИИ-камере
0
14 мая
Новости
Устройства
JBL показала Live 4 — три пары наушников с разной посадкой и умным экраном на футляре
JBL показала Live 4 — три пары наушников с разной посадкой и умным экраном на футляре
0
14 мая
Новости
Устройства
Amazfit выпустила часы Cheetah 2 Pro с месячной автономностью и большим экраном
Amazfit выпустила часы Cheetah 2 Pro с месячной автономностью и большим экраном
0
14 мая
Новости
Устройства
Пользователи Сети придумали «обратный календарь» — новый способ планирования недели с ChatGPT
Пользователи Сети придумали «обратный календарь» — новый способ планирования недели с ChatGPT
0
13 мая
Новости
Технологии
Как я заставила ChatGPT разобрать уходовую косметику и перестала перегружать кожу
Как я заставила ChatGPT разобрать уходовую косметику и перестала перегружать кожу
0
13 мая
Технологии
Технологии
«Все делают это»: Microsoft ответила на обвинения в мошенничестве с ускорением Windows 11
«Все делают это»: Microsoft ответила на обвинения в мошенничестве с ускорением Windows 11
0
13 мая
Windows
Новости
И охлаждает, и греет: Sony выпустила «кондиционер для футболок» Reon Pocket Pro Plus
И охлаждает, и греет: Sony выпустила «кондиционер для футболок» Reon Pocket Pro Plus
0
13 мая
Новости
Устройства
Тревожное мнение: почему сейчас лучшее время, чтобы обновить телефон и другую технику
Тревожное мнение: почему сейчас лучшее время, чтобы обновить телефон и другую технику
0
13 мая
Технологии
Технологии
Xiaomi неожиданно выпустила обновление HyperOS для 7 снятых с производства смартфонов
Xiaomi неожиданно выпустила обновление HyperOS для 7 снятых с производства смартфонов
0
13 мая
Новости
Устройства

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

Аватар автора комментария
Алексей Хромов2 часа назад

0 / 0

Я вам больше скажу: один из сценаристов и продюсеров «Святой крови» — Клаудио Ардженто, это дядя Дарио )
10 классических фильмов ужасов, которые опередили своё время
Аватар автора комментария
Дельтакрыл Пятикубовый2 часа назад

0 / 0

Секвенируй свою ДНК - охренеешь
10 бесплатных аналогов «Google Фото»
Аватар автора комментария
Zhendai2 часа назад

0 / 0

Поищите на алике вот это "GenMachine Ren6000 Pro 6600H ES Мини-ПК". Сейчас версия с 16 Гб ОЗУ и без ССД стоит 17,5к. Я себе буквально 3 недели назад взял за 15,2к без ССД, ибо ССД на 256 Гб дома имелся. На борту рузен 5 6600Н, версия инженерная, с чуточку пониже частотами и все тем же радеон 660м видеоядром (тесты ЦП - 571 и 3801 в бенче ЦПУ-Зет, 8362 попугая в сайнбенч р23 мультипоток) и 16 Гб ддр5 памяти (распаянной на плате). Как по мне это гораздо лучше для несложных домашних задач и офисных, чем миник в статье. Процессор гораздо производительнее. Рузен 5 5500ю (в статье в миниПК) в том же сайнбенч р23 набирает в мультипотоке 6200 попугаев. А про вустроенное видеоядро вообще молчу. Радеон 660м позволяет вполне комфортно играть в несложные игры. Те же танки переваривает влет на средне-высоких настройках с 60-80 фпс в фулл хд, а вот вега 7 в рузен 5 5500ю только на низких и с 30-40 фпс в фулл хд. Был у меня когда-то ноут на таком райзене.
Быстрый мини-ПК с Ryzen 5 отдают со скидкой 37% на AliExpress
Аватар автора комментария
Sergey Gorovoy3 часа назад

+1 / 0

только что посмотрел "святую кровь". сказать, что прибалдел - вообще ничего не сказать! эстетика каждой сцены - это что-то с другой планеты. если постановщик учился у Дарио Ардженто, то у него получилось на "5"! супер! сегодня же " догонюсь" "святой горой", того же Ходорковского.
10 классических фильмов ужасов, которые опередили своё время
Как начать карьеру в телекоме: 3 реальные истории от сотрудников Т2

Как начать карьеру в телекоме: 3 реальные истории от сотрудников Т2

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