175

Красота тонких теней в веб-дизайне

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

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

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

В этой статье мы рассмотрим подборку самых тонких реализаций теней в веб-дизайнах.

Джулиан Бюлер

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

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

Ustwo

Более тонкая реализация, Ustwo использует перекрывающий текст в тандеме с тенями для создания многоуровневого эффекта.

Это приводит к добавлению некоторого разделения, а также перспективного и визуального интереса.

ATOLYE15

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

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

Лучше

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

Plasso

Плассо - отличный дизайн сайта.

Тени реализованы экономно, но совершенным образом.

Они выделяют только основные кнопки CTA и карты контента, создавая очень минимальный, но выделяющийся дизайн, который подчеркивает и привлекает внимание ко всем основным областям.

Stripe Sigma

Stripe славится отличным дизайном.

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

Smallchat

Smallchat включает тени в их минимальном, но ярком дизайне.

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

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

Scaphold

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

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

Вы недавно заметили какие-либо примеры теней в веб-дизайне? Поделитесь ими с нами ниже!

0 комментариев

Написать сообщение

Пожалуйста, оцените по 5 бальной шкале