—»     —»   Дизайн с длинными тенями – новый тренд?
  Раздел: Web-дизайн   Комментариев: 2  

Дизайн с длинными тенями – новый тренд?



В последние пару месяцев в дизайн-сообществе то и дело обсуждали плоский дизайн, и даже мы много раз рассказывали вам об этом тренде. И если говорить о веб-сайтах и мобильных приложениях, то некоторые из них абсолютно лишены теней, текстур и градаций.

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

Недавно в дизайн-сообществе стал появляться и другой стиль, которым, как нам кажется, дизайнеры стараются обуздать обновленные иконки в iOS7. Jeff Escalante – тот, кто этот тренд “запустил”, и дал название этому тренду “дизайн с длинными тенями”.

Дизайн с длинными тенями – новый тренд?

Он отметил, что у дизайна с длинными тенями есть собственные характеристики: здесь присутствует тень, обязательный уклон которой составляет 45 градусов, и длина ее превышает размер объекта в 2.5 раза. Давайте взглянем на пример.

Дизайн с длинными тенями – новый тренд?

Как видно, результат получается впечатляющим. Тень дает ощущение глубины, и при этом позволяет сохранить объект в плоском стиле. Может быть довольно сложно добиться такой тени при помощи чистого кода CSS3.

Тем не менее, мы ведь не можем знать наверняка, что дизайн с длинными тенями поведет за собой сообщество и сохранится на долгое время. Как для нас, то этот дизайн разумнее всего применять при разработке иконок и логотипов. Но не совсем логично будет использовать эти тени по всему дизайну.

Между тем, сегодня мы хотим поделиться с вами невероятными примерами дизайна с длинными тенями, которые мы собрали специально для вашего вдохновения.

Длинные тени в плоском дизайне
Apple Logo от Eldin Heric

Длинные тени в плоском дизайне
Skype от JustD

Длинные тени в плоском дизайне
Camera от Jacob Cummings

Длинные тени в плоском дизайне
Maxton Browser от Livin

Длинные тени в плоском дизайне
Batman от Hawk Jon

Длинные тени в плоском дизайне
Camera от Slava Breskovniy

Длинные тени в плоском дизайне
iOS7 Safari от Mitchell Pash

Длинные тени в плоском дизайне
Music от Jacob Cummings

Длинные тени в плоском дизайне
Dribbble от Xalion

Длинные тени в плоском дизайне
Flat Club от miguelcm

Длинные тени в плоском дизайне
Man of Steel от Kreativa Studio

Длинные тени в плоском дизайне
Internet Explorer от Thomas Snop

Длинные тени в плоском дизайне
Minions от Michael Burns

Длинные тени в плоском дизайне
Mo от Mogo

Длинные тени в плоском дизайне
North Side Fitness от Steve Testone

Длинные тени в плоском дизайне
Personal Logo от Eldin Heric

Длинные тени в плоском дизайне
PressPad от Bart Zimny

Длинные тени в плоском дизайне
iTunes Radio от plicploc

Длинные тени в плоском дизайне
Rubee от Ben Lee

Длинные тени в плоском дизайне
Motherfuton News от Noah Stoke

Длинные тени в плоском дизайне
Safari Icon от Jacob Cummings

Длинные тени в плоском дизайне
Setting Icon от Marin Sotirov

Длинные тени в плоском дизайне
Twitter iOS7 от Frederik Samuel

Длинные тени в плоском дизайне
The Punisher от Brett Carel

Длинные тени в плоском дизайне
Social Flat Icons от Graphic Burger

Длинные тени в плоском дизайне
Download Button от Juns
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: веб-дизайн
Опубликовал Design FactoRy   Прочитано (раз): 10891   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 24 июля 2013 @ 12:48
Написал: Vio Cassel — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Довольно легко добиться такой тени при помощи чистого кода CSS3 с использованием одного из генераторов таких теней http://sandbox.juan-i.com/longshadows/
Комментарий #2: 24 июля 2013 @ 13:12
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3300   |   Комментариев: 500
ICQ: --- не указано ---
Vio Cassel, спасибо! Добавил в закладки.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июль 2018    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
3031