Дизайн длинной тени — новый тренд?

Флэт дизайн стал настоящей горячей темой за последние несколько месяцев и на Хронофаге уже несколько раз поднималась эта тема в прошлых постах (Флэт дизайн или скевоморфизм?). Если посмотреть на веб сайты и мобильные приложения сегодня, многие из них имеют более плоский и простой дизайн. Никаких теней, текстур, поддельной кожи или градиентов.

long-shadow-icon-designs

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

В последнее время внутри флет дизайна зарождается новый микро-тренд, который, как мне кажется, стал заметен после того, как дизайнеры пытались «исправить» иконки для iOS7. Джеф Ескаланте, один из инициаторов дискуссий по тренду, назвал его Дизайн длинной тени. Он вывел, что «Длинная тень» имеет несколько отличительных признаков: тень располагается под углом в 45 градусов, она составляет 2,5 от объекта. Вот пример такого дизайна.

ios7

Результат, как видите, очаровывает. Тень создает ощущение глубины, хотя дизайн остается плоским. Создать такую тень используя лишь средства CSS3 может оказаться очень не простой задачей. Тем не менее, пока мы не знаем, превратится ли Длинная тень, в новый «под-тренд» или нет. Подобный прием логичен и приемлем для иконок и логотипов. Неразумное использование приема может привести к неудобоваримому результату.

Тренд еще достаточно молодой, зарождающийся. На трендовой лодке еще есть пару свободных мест! А тем временем, несколько примеров использования «Длинной тени», которые мы подобрали для вашего вдохновения.

Apple Logo Автор: Eldin Heric.

apple

Skype Автор: JustD.

flatskype

Camera Автор: Jacob Cummings.

camera

Maxton Browser Автор: Livin.

maxton

Batman Автор: Hawk Jon.

tdk

Camera  Автор: Slava Breskovniy.

camera2

iOS7 Safari Автор: Mitchell Pash.

compass

Music Автор: Jacob Cummings.

music

Dribbble Автор: Xalion.

dribbble

Flat Club Автор: miguelcm.

flatclub

Man of Steel Автор: Kreativa Studio.

manofsteel

Internet Explorer Автор: Thomas Snop.

ie

Minions Автор: Michael Burns.

minions

Mo Автор: Mogo.

mo

North Side Fitness Автор: Steve Testone.

northside

Personal Logo Автор: Eldin Heric.

personallogo

PressPad Автор:  Bart Zimny.

presspad

iTunes Radio Автор: plicploc.

radio

Rubee Автор: Ben Lee.

rubee

Motherfuton News Автор: Noah Stoke.

mfn

Safari Icon Автор: Jacob Cummings.

safari-icon

Setting Icon Автор: Marin Sotirov.

setting-icon

Twitter iOS7 Автор: Frederik Samuel.

twitter

The Punisher Автор: Brett Carel.

thepunisher

Social Flat Icons Автор: Graphic Burger.

social-media-flat-icons

Download Button by Juns.

downloadbtn

Автор подборки  с замечательного ресурса hongkiat.com. Перевод осуществлен редакцией Хронофага. Если у вас есть какие-то мысли по поводу темы топика мы рады выслушать вас в комментариях.