Разработка уникального дизайна сайтов. Профессиональный подход!

Новый тренд во flat дизайне длинные тени

/ Сергей Нуйкин / Статьи и заметки



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

Про flat дизайн уже все знают не понаслышке, его можно увидеть в интерфейсах Google у Microsoft в Windows 8, да очень часто в дизайнах различных веб-сайтов. На сегодня плоский дизайн очень популярное направление, в котором используют чистые цвета, плоские элементы. Не используются текстуры, градиенты, тени. За счет чего дизайн смотрится гораздо чище приятнее менее отвлекает от контента и его восприятие становится гораздо лучше, а как известно сайты создаются именно из-за контента.

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

Что это, длинные тени?

long-shadow

Длинные тени (long shadow) — это тени, которые отходят от объекта, намного дальше, чем обычные тени и напоминают отбрасываемую тень.

Как построить отбрасываемую тень вы можете узнать из урока по созданию падающей тени в фотошопе.

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

длинная тень на фото

Особенности длинной тени

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

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

длинные тени

flat иконки, длинная тень

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

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

  • Интересно узнать, а вы используете длинные тени в своих работах?
  • Нравится ли вам, как выглядят иконки с длинными тенями?

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

Понравилась статья?
Подпишитесь на обновления сайта:


Поделитесь статьей с друзьями:

Выражаю искреннюю благодарность читателям, которые поддерживают проект и рассказывают о статьях своим друзьям!

Комментарии к статье:
    • Webliberty:

      Поначалу плоский дизайн мне не очень нравился, но зато сейчас прямо притягивает к себе внимание. Некоторые крупные порталы переделали свой внешний вид под Metro-стиль, если работы сделаны качественно, то выглядит гармонично, красиво и в стиле минимализма.

      Длинные тени, кстати, не встречал еще пока, а может просто не примечал… :)Красиво!

    • Нуйкин Сергей:

      У меня тоже по началу было такое впечатление о flat дизайне, потом кардинально поменялось на противоположное. На плоский дизайн спрос сейчас значительно выше, он хоть и плоский, но если качественно сделанный с подбором правильных цветов, очень приятный и чистый дизайн получается.
      Я тоже не так давно обратил внимание на длинные тени дизайне.

    • Ярослав:

      А ведь и вправду смотрится довольно живо при всей своей плоскости дизайна. Длинная тень придает объем! Мне лично очень нравится, как выглядят иконки с длинной тенью. :)

    • Нуйкин Сергей:

      Согласен с Вами Ярослав, мне тоже нравится, как длинная тень придает мнимый объем.

    • Евгений Комиссаров:

      О ну это реально меняет в лучшую сторону плоский дизайн, Я уже позаимствовал эту технологию..))

    • Нуйкин Сергей:

      И смотрится уже не так плоско, да! К себе на сайт позаимствовал, или по работе?
      Кстати, ты же делал дизайны иконок соц. сетей. Можно сделать набор flat иконок с длинными тенями. ;)

    • Евгений Комиссаров:

      Да по работе, оформляю сейчас подвал и такие кнопки в самый рас )
      И про набор тоже подумал )

    • Нуйкин Сергей:

      Я еще в работе не использовал, пока такие кнопки. Но скоро думаю сделаю в следующих дизайнах.

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: