5 альтернатив материальному дизайну

Юзабилити

5 альтернатив материальному дизайну

Чем заменить многим надоевший стандарт

Поделиться
Запинить
Отправить

С самого момента появления материального дизайна на конференции Google I/O в 2014 году (и его быстрого распространения почти на все платформы Google в том же году) его основы быстро подхватили все дизайнеры мира.

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

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

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


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

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

Что такое язык дизайна?

Пока мы не углубились в детали, давайте пройдем основы.

Языки дизайна представляют из себя набор конкретных элементов (кнопки, индикаторы, поля ввода, переключатели, цветовые схемы и многое другое), которые в совокупности образуют общий вид и особенности интерфейса.

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

Materialize и MUI

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

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

Если вас отталкивает объем Materialize, возможно, вам стоит выбрать MUI — урезанную и облегченную версию материального дизайна. Она работает быстрее, чем Materialize, но сохраняет возможность кастомизации, хоть и не на столь же высоком уровне.

Flat Remix

Как и MUI, Flat Remix предлагает легкий дизайн без излишеств. Он настолько прост, что вообще не требует создания кода на JavaScript. Это делает его идеальным для сценариев использования с быстрой разработкой. Как следует из названия, внешний вид Flat Remix позаимствован у предшественника материального дизайна — Flat design, но переработан в соответствии с современными трендами. Многие особенности плоского дизайна подвергались критике (иногда заслуженно), но Flat Remix исправил некоторые недочеты.

Ant Design

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

Grommet

Grommet — это еще один язык дизайна, который разительно отличается от Material design. Создатели описывают его как «наполовину — дизайн-систему, наполовину — фреймворк», так как он предлагает не только яркий и привлекательный набор инструментов, но и код, который его поддерживает. Благодаря совместимости с CSS Grid и Flexbox он является одним из самых кастомизируемых языков дизайна в этой статье, а полный набор компонентов облегчает создание интерфейсов с его помощью.

Что придет на смену материальному дизайну?

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

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

Как бы то ни было, неважно, придет ли на смену material design его новая версия или совершенно другой язык. Это не изменит того факта, что дизайнеры должны знать о всех имеющихся альтернативах, чтобы принимать более обоснованные дизайнерские решения, а в конечном итоге — создавать лучшие интерфейсы.

Оригинал.

material designGoogleюзабилитиинтерфейс
Поделиться
Запинить
Отправить
Facebook YouTube Telegram