#SL_Design НЕОМОРФИЗМ

Неоморфизм – новый тренд в дизайне пользовательских интерфейсов.

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

Но все же в работе дизайнера Alexander Plyuto виден новый взгляд на привычные формы.

И все-таки: в чем отличие? Объясняют ребята из UX Collective.

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

В материальном дизайне (на рисунке ниже он справа) фигура как бы парит над фоном. Из-за этого она отбрасывает воображаемую тень – эта же тень очерчивает четкие границы фигуры.

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

Как этого добиться?

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

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

Источник: https://say-hi.me/design/graphic-design/neomorfizm-novyj-trend-v-polzovatelskix-interfejsax.html

Неоморфизм: за и против.

Основное достоинство этого стиля заключается в его «свежести», (по крайней мере, сейчас, пока она сохраняется). Он привносит в интерфейс те «новые нотки», благодаря которым интерфейс выделяется. Также этот интерфейс можно сочетать с другими, чтобы не было повсюду этого засилья «мягкого тисненого пластика».

В самом ли деле нам все это нужно?

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

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

Давайте насладимся делом!

Но также не забывайте, что у каждой новой тенденции есть свои подводные камни, и все удобное — это грамотно спроектированное.

Источник: https://apptractor.ru/info/articles/neumorphism.html

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

Но давайте будем честными, это не самый практичный дизайн для реального использования. Попробуйте создать и выпустить продукт, использующий неоморфизм в качестве основного стиля, и вы, скорее всего, расстроите всех: разработчиков, пользователей с ограниченными возможностями (в настоящее время 57 миллионов американцев имеют какую-то инвалидность. А 54% взрослых пользователей с ограниченными возможностями выходят в интернет.). – [Источник: W3.org]. Согласно W3, веб-доступность и доступность мобильных устройств охватывают все ограничения возможностей пользователя, влияющие на доступ к Интернету и мобильным устройствам. В том числе:

· слуховые

· когнитивные

· неврологические

· физические

· речевые

· визуальные

Неоморфизм сам по себе не поддерживает когнитивные, физические и зрительные ограничения.

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

Источник: https://ux.pub/chto-takoe-neomorfizm-davayte-razberem-neomorfizm-s-tochki-zreniya-dostupnosti/