Сегодня очевидна тенденция к плавным элементам дизайна – волнистым и «мягким» линиям. Фоны, где преобладал какой-то единственный «flat»-цвет, мы видим изменения к кривым линиям и волнам.
Сразу можно почувствовать, что элементы стали легче, более мягкими и вызывают совершенно другие эмоции от дизайна. И что особенно приятно - это возможность использования этих элементов в различных конфигурациях, придавая каждому дизайну индивидуальность. (На самом деле, эта тенденция уже почти подкралось к вам, потому что присутствует во множествах дизайнерских решениях).
Взгляните на использование таких волнистых и «мягких» линий в веб-дизайне.
Акценты дизайна
Привлечение внимания к CTA-кнопке (призыв к действию)
Минимализм стиля и плоские иллюстрации – все еще популярны. Добавление волн поможет пользователю обратить внимание на определенные части дизайна, включая и призыв к действию.
Конечно, внимание можно привлечь и более ярким цветом или различными геометрическими фигурами с углами. Но использование волнистых линий не дает пользователю почувствовать, что его вынуждают.
Данный сайт использует волны для того, чтобы разделить призыв к действию и основную информацию о компании. Такой мягкий переход от элементов вверху экрана к нижней части, создает легкость восприятия всего сайта. (Кстати, яркая цветовая схема, также помогает создать нужный эффект).
Волновые иллюстрации
Волны могут быть как эффективным и самостоятельным элементом фона, так и частью иллюстрации. Такая мягкость несколько отличается от привычных нам линий, фигур и значков. Но в результате мы получаем легкое восприятие страницы с желанием перейти дальше.
Волны помогают сделать белый фон более мягким для восприятия.
Баланс жестких линий
Волны могут использоваться не только как закрепленные статично части общего дизайна, но и как отдельные фоновые элементы, которые помогают найти баланс между жесткими линиями. Это необходимо тогда, когда общий стиль – брутален и суров. Здесь нужен баланс, чтобы пользователь чувствовал себя комфортно.
Дизайн представленного сайта содержит тонкие волны, которые, с первого взгляда, можно и не заметить. Глаз больше тянет на интересные формы фото, яркий цветной текст и даже золотые кнопки в верхнем правом углу. Но серая волна – это то, что скрепляет все между собой. Она уравновешивает тяжелые и жесткие конструкции без ощущения «кривобокости» и смещения.
Фоновое разделение
Волны и «мягкие» линии способны уменьшить шаблонность дизайна. Вместо строгих прямоугольников и стандартных слоев, обычные волнистые линии могут создать отличное разделение элементов между собой.
Результат воспринимается намного легче.
Волнистые линии также отлично работают с градиентом. Представленный сайт прекрасно использует приятное наложение слоев. И, несмотря на то, что дизайн использует несколько элементов, смотрится просто и легко читается.
Создание интерактивных анимаций
Когда вы думаете о волнах, то в наших мыслях всплывают воспоминания о море или океане. Поэтому разрабатывая такую анимацию, как правило, хотят вызвать приятные чувства, а океан – это, несомненно, прекрасные воспоминания.
Такой эффект может положительно сказаться на успокаивающем восприятии всего сайта в целом.
Поэтому эффект успокоения использовали разработчики представленного сайта. Визуализация волн и наполнение не имеют между собой ничего общего. Просто здесь была установлена сцена для спокойного перемещения пользователя по ней.
В заключении:
Рассмотренные нами линии способны создать совсем другое настроение, добавив которые, можно создать баланс на своем сайте. Иногда, складывается впечатление, что пользователей так и тянет к плавности линий.
Источник: https://designshack.net
Читайте также:
Комментарии (0)