Плоский интерфейс и длинные тени – новое слово в веб-дизайне

Плоский интерфейс и длинные тени – новое слово в веб-дизайне

Демонстрация новой iOS 7 в виде плоского дизайна вызвала небывалый ажиотаж среди дизайнеров. Подобный прием кто-то воспринял с восхищением, кто-то подверг критике, он получил, как сторонников, так и противников, но сейчас давайте изучим новый, все более широко используемый в проектировании подход, называемый long shadows (длинные тени).
 

 

 

Длинные тени в дизайне: их предназначение и основное понятие

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

В настоящий момент эта идея широко применяется очень многими дизайнерами. Но такое положение вещей приводит к потере индивидуальности, проще говоря, такое клонирование скучно и не интересно. Отличительной чертой при проектировании «тени» является только угол наклона 45° или 120° и его направление.

Однако область применения у длинных теней не так велика: сюда можно отнести мелкие элементы дизайна (иконки, кнопки и т.д.).

 

Связь с «плоским дизайном»

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

 

Примеры применения

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

Рассмотрим такие примеры:

 

Полезные ресурсы

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

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

 

Конвертация в CSS3

Конвертация в CSS3

 

Шрифты Google в CSS

Шрифты Google в CSS

 

Заключение

Так что же такое плоский дизайн и плоские тени? Можно ли их смело назвать эволюцией и новым словом? На этот счет у каждого существует свое собственное мнение.

 

Источник изображений: dribbble.com

Поделитесь
в социальных сетях

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

Комментариев пока нет. Вы будете первым!

Как продать дизайн?

Наши и другие рекомендации по разработке дизайна и дальнейшей публикации на сайте