Lecaw

Учимся создавать Web-сайты

Новый тренд: Длинная тень

July 15, 2013 239hits

В свете последних событий в интернете появился новый тренд - Длинная теньДанная концепция образована на основе плоского дизайна.

 

Что такое длинная тень?

Длинная тень выходит за границы изображаемого объекта.

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

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

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

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

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

До сих пор длинные тени использовались в основном для небольших объектов и элементов, таких как иконки. Тени находятся внутри элемента и часто выходят за его пределы в сторону рамки. Большое количество примеров использования данного тренда пришло от дизайнеров, которые разрабатывают различные иконки для Apple iOS 7.

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

Длинная тень заимствует многие принципы плоского дизайна. Можно даже считать данный тренд, одним из типов плоского дизайна (ну или "почти плоского").

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

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

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

Галерея дизайна длинной тени

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

Наиболее ярким примером использования длинной тени является американская компания JC Penny, специализирующаяся на телевидении и интернет-объявлениях.

Ниже представлена галерея из наиболее ярких примеров использования длинной тени в проекте сайта.

Генираторы длинной тени

Long Shadow Generator

Long Shadows in CSS3

Google Fonts CSS longshade Icon

Заключение

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

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

 

Дополнительная информация

Роман Воеводин

Воеводин Роман - дизайнер, модератор, соучредитель и член команды Lecaw.

Эл. почта
RATTING:
(1 Голосовать)

Оставить комментарий