Материальный дизайн: что к чему, мнение экспертов

Веб дизайн 2 664 просмотров 0 0
Материальный дизайн: мнение экспертов

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

Суть материального дизайна

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

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

material_design1

Почему в интернете тьма тьмущая одинаковых сайтов, разработанных на основе MD? Суть не в базовых правилах, а в мелких деталях. Схожие элементы, цветовые шаблоны и прочее сводят к нулю эстетические возможности веб-дизайна. Ясное дело, что так быть не должно. Возьмите концепцию, но не пользуйтесь элементами, предначертанными документацией или свежевыпущенным UI kit. Частенько вебсайты выглядят как материальный дизайн, а вот функциональности и внимания к деталям нет. Что же, это не вина концепции, это лень и ошибки разработчиков.

Что можно сделать по-своему

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

  • К черту цветовые шаблоны! Отбросьте яркость и насыщенность, углубитесь в темные тона или пройдитесь по пастели.
  • Разрабатывайте иконки и элементы пользовательского интерфейса, руководствуясь основными подсказками, но не заимствуя их из набора.
  • Не становитесь полностью «материальным». Возьмите кусочек пирога, зачем съедать его весь?
  • Изучите основные правила материального дизайна, чтобы лучше делать всю свою работу. Требования к иконкам — это хороший пример использования сетки для грамотной разработки элемента. Примените это ко всем компонентам.
  • Смешайте стили, если вам хочется. Материальный дизайн в тренде, но это не панацея для всего.

Мнение специалистов

material_design3

Что говорят о «материальности» ведущие дизайнеры?

Marc Edwards, представляющий Bjango, хвалит MD за анимацию и глубину. По его мнению, то, что у дизайнеров есть точная иерархия слоев и размеры теней — здорово, а сам материальный дизайн кажется очень сплоченным и продуманным.

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

Sacha Grief, разработчик Folyo, Sidebar и Telescope говорит, что вместо попыток навязать строгие правила визуализации, Google предлагает ряд принципов, которые оставляют некую свободу дизайнера. Он считает, что основная идея плоского дизайна была в исключении некоторых вещей (градиентов, теней, бликов и прочего), а вот материальный дизайн внедряет движение, цвет и анимацию.

Вредит ли материальный дизайн развитию веб-дизайна? Естественно, нет. Интернет переполнен однородными сайтами, и все же это вина бездарных разработчиков. Вам можно доверить материальный дизайн, если вы не боитесь нарушать правила. Убедитесь, что вы в меру руководствуетесь общей концепцией, и вперед!

Читайте также:

Чем отличается плоский дизайн от материал дизайна

40 примеров дизайна мобильного приложения

10 приложений с красивейшим дизайном

comments powered by HyperComments
comments powered by HyperComments

Теги

Мы Вконтакте

Яндекс.Метрика