Длинные тени в дизайне

загруженное (38)

Как не сложно догадаться, длинные тени — это тени, отходящие от объекта, намного дальше, нежели обычные. Изначально, этот эффект можно было увидеть только на фотографиях, где солнце было максимально близко к горизонту (как правило, во время рассвета или заката) и все объекты отбрасывали длинные тени. С помощью этого эффекта фотографы придавали снимку драматизм.

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

Главная особенность длинных теней — применение только для небольших объектов в плоском стиле. Как правило, такими объектами выступают иконки и кнопки (примеры отлично иллюстрируют причины такого выбора).

Для создания длинной тени нужно задать угол около 45 или 120 градусов (для выбора направления тени) зеркально отходящего от объекта. В качестве цвета выбирается однотонная гамма, хотя иногда на тени можно увидеть и небольшой градиент.

Заимствование из плоского дизайна

Т.к. длинная тень используется преимущественно на плоских конструкциях, то и принципы (особенности) дизайна берутся именно оттуда. Её можно даже считать одной из форм плоского дизайна. И вот почему: длинная тень основывается на простых формах и чистых линиях (как и flat-дизайн); используются яркие и динамичные цвета, причем цвет тени необязательно должен быть черным. Мы бы даже сказали, что он очень редко будет черным. Темно серым, темно синим, но не черным.

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

Похожие статьи

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>