7 шагов от идеи к реализации: рисуем свою первую инфографику
Previous
выбрать за меня
Леонид Левин: проникновение интернета в РФ – самое высокое в СНГ и БРИКС.
Next
веб-дизайн, интерфейс, разработка
Юзабилити

Библиотека разработчика Material Design Lite: плюсы и минусы

Команда разработчиков Google Developers не так давно выложила в открытый доступ библиотеку компонентов для материального дизайна, получившую название Material Design Lite (MDL), в которой содержится множество дизайнерских компонентов, таких как кнопки, формуляры и т.п.

Согласно замыслу, в целях большего удобства эту библиотеку сделали независимой от каких-либо JavaScript-фреймворков, с целью оптимизировать кроссплатформенное использование и плавность адаптации к старым браузерам. Ресурс разработан в vanilla CSS, HTML и JS.

Ссылка для скачивания на сайте: Material Design Lite.

Простая технология

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

Однако в основе всей библиотеки заложен один шаблон, который представители Google называют vanilla.

Простота структуры библиотеки делает ее совместимой со многими браузерами — еще один плюс (поддержка Chrome, Firefox и даже Microsoft Edge). Библиотека также обещает плавность адаптации к не столь простым браузерам, например, IE9.

веб-дизайн, интерфейс, разработка

Основным принципом, которым руководствовались составители библиотеки, была гибкость в использовании и доступность для широкого спектра устройств и браузеров. Им это удалось!

Отрезок кода для круглых плавающих кнопок. В отношении синтаксиса все понятно.

веб-дизайн, интерфейс, разработка

веб-дизайн, интерфейс, разработка

Смелая идея          

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

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

Основная цель MDL состояла в стимулировании обмена дизайнерскими идеями и мотивации новичков попробовать себя в веб-дизайне. Но интересной MDL делает то обстоятельство, что это библиотека крупной компании со своей уникальной эстетикой.

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

Простота использования

Шаги по установке четко расписаны. Библиотека детально представлена на упомянутом сайте. К слову, там достаточно много интересного, и помимо архива для скачивания. Например, раздел, посвященный составным элементам, пользователи могут просматривать всевозможные детали и даже открыть их в CodePen для редактирования.

веб-дизайн, интерфейс, разработка

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

веб-дизайн, интерфейс, разработка

Интересен и раздел, который содержит выдержки из руководства Google, что позволяет понять дизайнерские принципы, которые формируют визуальную стилистику. Раздел охватывает базовые элементы веб-дизайна: типографика, иконография. Команда Google Developers уделила этому вопросу достаточно внимания.

Потенциальные возможности MDL продемонстрирует раздел бесплатных шаблонов (от сайтов-портфолио до отдельных статей), призванный стимулировать творческие способности. К тому же эти шаблоны можно видоизменять. Их не так уж много, но кому же нужны бесконечные списки?

веб-дизайн, интерфейс, разработка

Ряд спорных “минусов”

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

Такое положение вещей не поспособствует дальнейшему развитию, именно об этом пишет автор Smashing Magazine Джошуа Джонсон в свой недавней статье Beyond The Boring: The Hunt For The Web’s Lost Soul, сетуя по поводу того, что слишком многие сайты выглядят похожими. Отсутствие оригинальности в том, что касается стиля, в особенности макетов, резко бросается в глаза. Джошуа Джонсон, по-видимому, вдохновился статьей Ноа Стоукса, озаглавленной «Почему веб-дизайн теряет свою душу». Последний сожалеет, что сейчас в дизайнерских разработках в основном используются боксы и сетки.

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

Есть мнение, что MDL не предоставляет широкие возможности для самовыражения. Но в Google создали потрясающую библиотеку, которая наполнена тем, что можно назвать «извечными дизайнерскими элементами». Ресурс хорошо продуман, построен на основе простой разметки vanilla, что делает его достаточно гибким для браузеров.

Но всё же мы не станем утверждать, что это лучший ресурс для веб-дизайнеров.

Реакция на статью
поделюсь
0%
интересно
0%
полезно
0%
не уверен
0%
скучно
0%
где автор?
0%
Комментарии
Оставить отзыв

    You must log in to post a comment

    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Уведомления о новостях, статьях и инфографике будут приходить раз в неделю.
    ПОДПИШИТЕСЬ НА НАШУ РАССЫЛКУ!
    Позвольте нам обновлять ваши знания раз в неделю.