—»     —»   Дизайн с длинными тенями – новый тренд?
  Раздел: 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   Прочитано (раз): 10688   |   Оставлено комментариев: 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-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

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

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


Печать на ткани
Сублимационная печать на ткани. Низкие цены. Гарантия качества
tex.dekorino.ru
Популярные публикации


















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