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

Главная тенденция web-дизайна последних месяцев - так называемые "плоские" сайты. Основная отличительная черта этих сайтов практически полное отсутствие текстур, градиентов и теней. Такая популярность "плоского" дизайна связана в первую очередь с активным использованием различных мобильных устройств. И выход iOS7 со своими иконками только усили данную тенденцию.
Такие сайты, конечно, имеют свои плюсы. Четкие линии и структурированность и "облегчает" сайт в плане восприятия пользователями, внимание меньше отвлечено от контента сайта.

Кроме того отсутствие графики значительно ускоряет загрузку страницы. Но такой дизайн лишает сайт индивидуальности, своеобразной изюминки.
Не так давно веб-мастера обратили внимание на новый стиль, который получил название Jeff Escalante - "дизайн с длинными тенями". Выглядит этот стиль очень эффектно и нужно признать, такой стиль "вдыхает жизнь" в плоские сайты.
Jeff Escalante имеет свои четкие правила. Тень объекта должна располагаться под уклоном 45 градусов, при этом размер тени должен превышать размер объекта в 2,5 раза.
Такая тень делает плоский по сути объект объемным. Эффект длинной тени придает объекту глубину. Нужно сразу оговориться, что добиться действительно интересного эффекта длинной тени используя только инструменты CSS3 достаточно сложно. Поэтому выполнять дизайн объектов с длинной тенью лучше в графических редакторах.
Используя дизайн с длинными главное не переусердствовать. Чтобы не отступать от основной тенденции современного дизайна - плоскости, в стиле Jeff Escalante имеет смысл выполнять только некоторые элементы. Эффективно выглядят всевозможные пользовательские инструменты - иконки и кнопки сайта. В такой технике можно выполнить и элементы текста, например, в шапке сайта, для заголовков блоков и основных ссылок и меню.