Друзья рад приветствовать на фотодизарт.ру. Сегодня пойдет речь об одном из новых трендов во flat дизайне, который называется длинные тени.
Про flat дизайн уже все знают не понаслышке, его можно увидеть в интерфейсах Google у Microsoft в Windows 8, да очень часто в дизайне различных веб-сайтов. На сегодня плоский дизайн очень популярное направление, в котором используют чистые цвета, плоские элементы. Не используются текстуры, градиенты, тени. За счет чего дизайн смотрится гораздо чище приятнее менее отвлекает от контента и его восприятие становится гораздо лучше, а как известно сайты создаются именно из-за контента.
На сегодняшний день в среде плоского дизайна можно увидеть новые тенденции которые получили название длинные тени или long shadow. Используя длинные тени в дизайне элементов интерфейсов и сайтов можно получить возможность передать всю глубину, хотя на самом деле дизайн остается плоским.
Что это, длинные тени?
Длинные тени (long shadow) — это тени, которые отходят от объекта, намного дальше, чем обычные тени и напоминают отбрасываемую тень.
Как построить отбрасываемую тень вы можете узнать из урока по созданию падающей тени в фотошопе.
В живую такие тени можно наблюдать, когда на предмет падает яркий свет под определенным углом, находящийся на малом расстояние от поверхности предмета. Подобным образом довольно часто пользуются фотографы, придавая своим фото необходимую атмосферу.
Особенности длинной тени
Главная особенность применения таких теней, в том, что их в основном используют в плоском дизайне для создания небольших объектов таких как иконки, логотипы, кнопки. Длинные тени также как и элементы flat -дизайна имеют плоский вид. Дизайнеры создают тень, используя оттенок цвета, не применяя к нему исчезновение, градиенты, затемнение.
Дизайн длинных теней основан на плоских простых формах и чистых линиях. Используются чистые яркие цвета палитры. Цвет тени делается чуть темнее фона, но никак не черный или серых оттенков. Большинство теней создается под углом 45 градусов с падением в правый нижний угол, хотя есть и исключения, при которых ряд дизайнеров создают тень под углом 120 градусов. Теневые грани должны быть острыми, чтобы добавлять дополнительно глубины в дизайн. И зачастую уходит вдаль.
Как вы поняли из особенностей длинной тени, она создается определенным образом не так как рисуются тени для более реалистичных объектов. Для реалистичных объектов, вида сфера создается особенная тень, как ее рисовать можно узнать из урока, как рисовать тень в фотошопе.
Если вам нравятся длинные тени, то можете их использовать в своих работах при создание элементов флэт дизайна дабы придать глубину дизайну. У данного направления имеется очень большое количество поклонников, как, наверное и тех кому оно совершенно не нравится.
- Интересно узнать, а вы используете длинные тени в своих работах?
- Нравится ли вам, как выглядят иконки с длинными тенями?
Высказывайте свое мнение о длинных тенях во флэт дизайне в комментариях. Думаю, на днях напишу небольшой видеоурок по созданию длинной тени в фотошопе, так что подписывайтесь на новые статьи и уроки, а у меня на сегодня все.
Поначалу плоский дизайн мне не очень нравился, но зато сейчас прямо притягивает к себе внимание. Некоторые крупные порталы переделали свой внешний вид под Metro-стиль, если работы сделаны качественно, то выглядит гармонично, красиво и в стиле минимализма.
Длинные тени, кстати, не встречал еще пока, а может просто не примечал… :)Красиво!
У меня тоже по началу было такое впечатление о flat дизайне, потом кардинально поменялось на противоположное. На плоский дизайн спрос сейчас значительно выше, он хоть и плоский, но если качественно сделанный с подбором правильных цветов, очень приятный и чистый дизайн получается.
Я тоже не так давно обратил внимание на длинные тени в дизайне.
А ведь и вправду смотрится довольно живо при всей своей плоскости дизайна. Длинная тень придает объем! Мне лично очень нравится, как выглядят иконки с длинной тенью.
Согласен с Вами Ярослав, мне тоже нравится, как длинная тень придает мнимый объем.
О ну это реально меняет в лучшую сторону плоский дизайн, Я уже позаимствовал эту технологию..))
И смотрится уже не так плоско, да! К себе на сайт позаимствовал, или по работе?
Кстати, ты же делал дизайны иконок соц. сетей. Можно сделать набор flat иконок с длинными тенями.
Да по работе, оформляю сейчас подвал и такие кнопки в самый рас )
И про набор тоже подумал )
Я еще в работе не использовал, пока такой стиль для кнопок. Но скоро думаю обязательно попробую сделать дизайн с применением иконок с длинными тенями.