Закрыть

Присоединяйся!

Авторизуйтесь через популярные соц.сети

Вконтакте Google+
Материальный дизайн Android

Material Design — история создания, принципы, философия

Вице-президент по дизайну Google Матиас Дуарте (Matias Duarte) в интервью The Verge рассказывает об основных принципах нового дизайна, который получил название Material. Это совершенно иной подход, обеспечивающий унифицированный набор правил, начиная от вида программного обеспечения и заканчивая функциями. Пока дизайн кажется немного странным, и к нему необходимо привыкнуть.

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

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

Ответ пришел из отдела проектирования, когда Джон Уайли (Jon Wiley), главный конструктор поисковика Google, и его коллега Николай Житкофф (Nicholas Jitcoff) смотрели на дизайн Google Now. Они смотрели на карточный интерфейс и подумали: «А если сдвинуть карточку, то что находится за ней?»

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

Таким образом, началась работа над метафорическим материалом, напоминающим бумагу  — плоскую и белую с реалистичными тенями. Это было семя из которого выросла остальная часть дизайна, реализацию которого можно увидеть в Android L. Material Design — это смелые, яркие цвета, минимализм и чувство последовательности.

Уайли и Житкофф говорят, что это эстетическая эволюция всей философии дизайна компании Google. В 2012 и 2013 годах в стенах штаб-квартиры интернет-гиганта закипела работа над Project Kennedy, который бы унифицировал дизайн всего.

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

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

Мы сильно зависим от физики, и программное обеспечение часто ведет себя таким образом, что рвет наши представления о мире, как в каком-то научно-фантастическом фильме, нарушающем элементарную логику. Дуарте прямо комментирует новую философию дизайна iOS от Apple.

Мы не мчимся через пространство и время на сверхзвуковых скоростях. Дизайн — это поиск решения в рамках жестких ограничений. Дизайн — это искусство.

Дизайнеры компании Google упорно отказываются называть используемый вымышленный материал. Решение, которое одновременно дает им большую гибкость и добавляет уровень метафизического мистицизма к веществу. Квантовая бумага  так прозвучало в некоторых утечках до Google I/O. Это важно, потому что материал подчиняется физике и он не попадет в ловушку скевоморфизма. Это не имитация физических объектов в точности, как выразился Дуарте, это что-то «волшебное».

Google Дизайн

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

Материализуй

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

Вот почему Android Wear не дает пользователям ничего, кроме взаимодействия с уведомлениями. Алекс Фоборг (Alex Faaborg), дизайнер платформы, говорит:

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

Google просит слишком много доверия к себе и к его «волшебному» бумажному материалу, но Дуарте уверен, что на это есть веские причины.

Мы сделали так, потому что это наиболее простое решение. Мы хотим спроектировать максимально простой дизайн для пользователя.

Parc 3.0

За Material Design стоит гораздо больше, чем просто дизайн Android L, Android Wear и всего остального к чему причастна Google. Речь идет об ощущениях при взаимоотношении человека и технологий.

Дуарте говорит, что Xerox PARC проделала блестящую работу, создав принципы работы с привычными для всех окнами и курсором. Это было новаторством, потому что компании удалось создать виртуальную версию реального рабочего стола. Люди понимали то, как компьютер работает и могли комфортно с ним работать. Это касается и того, что сделала Apple с сенсорными экранами.

Теперь Google считает, что ей удалось проделать тоже самое. Уайли говорит, что сегодня у людей имеется множество технологий: сенсорные экраны, жесты, голосовые команды, интеллектуальные алгоритмы. Material Design объединяет все это многообразие в одну интуитивно-понятную вещь. Это поможет без труда пользоваться одним и тем же на Chrome OS, Android или в интернете.

9 принципов

1. Материал  это метафора

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

принципы Material Design

2. Поверхности интуитивно понятны

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

Material Design

3. Размерность рождает взаимодействие

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

Material Design

4. Единый адаптивный дизайн

Единый дизайн для всего. Каждое устройство отражает свой взгляд на те же базовые элементы. Каждый вид адаптирован к размеру и взаимодействию для каждого устройства. Цвета, иконография, иерархия и пространственные отношения остаются неизменными.

Material Design

5. Шрифты, графика, цвета

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

Material Design

6. Первичные действия

Действие пользователя и есть суть дизайна. Первичные действия преобразуют весь дизайн. В них акцент делается на основную функциональность и сразу бросаются в глаза пользователя.

7. Пользователи инициируют изменения

Изменения в интерфейсе происходят от действий пользователя. Движение усиливает опыт первичного действия.

8. Анимационная хореография

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

9. Движение обеспечивает смысл

Движение имеет смысл и оно необходимо для привлечения внимания. Переходы эффективны.

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

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

— говорят в Google.

Комментариев 0

Авторизуйтесь через популярные соц.сети

Вконтакте Google+