Soft UI или дизайн в стиле неоморфизма. Часть 1

Soft UI  или дизайн в стиле неоморфизма. Часть 1 

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

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

Что такое Soft UI?

Soft UI — это новый тренд в создании пользовательских интерфейсов. В этой эстетике нет ничего резкого, отсюда и термин «soft». Движение и анимация в таких дизайнах в основном очень гладкая и плавная, а скорость — медленная. 

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

Soft-UI также называют ньюморфизмом или неоморфизмом, так как название этого стиля произошло от сочетания слов «новый» и «скевоморфизм». 

Вдохновляющие примеры:

Music Soft

Keyboard

Ключевые характеристики

Ниже мы рассмотрим ключевые характеристики интерфейса в стиле неоморфизма: 

  • Монохромная цветовая палитра;
  • Тени для выделения элементов с возможностью щелчка или касания;
  • Закругленные или размытые углы;
  • Единый набор иконок, который соответствует общему дизайну;
  • Использование эффекта прозрачности фона и размытия по Гауссу;
  • Более легкая типографика — спокойные и классические шрифты; 
  • Использование плавных переходов, градиентов и простых цветовых узоров. Такой подход можно использовать как часть интерфейса или фона, а также в элементах и ​​значках пользовательского интерфейса;
  • Переключение между светлым и темным режимами;
  • Пользовательский интерфейс должен помогать пользователю понять, какие элементы на экране интерактивны. 

Вдохновляющие примеры:

Music App

UI Kit for Adobe Xd & Figma

Osvaro


Источник:designshack.net

 

Условия передачи информации

Я даю согласие OOO «ЭсБилдер» (далее «BINN») на обработку моих персональных данных в соответствии со статьями 6, 9, 10, 18 Федерального закона от 27 июля 2006 года № 152-ФЗ «О персональных данных», указанных в онлайн-форме и/или предоставленных мною с целью:

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

Настоящее согласие применяется в отношении обработки следующих данных: имя, номер телефона, адрес электронной почты (E-mail).

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

Согласие может быть отозвано мною в любой момент путем направления в BINN подписанного мною письменного заявления.