Длинные тени в дизайне сайтов

Длинные тениГлавная тенденция web-дизайна последних месяцев - так называемые "плоские" сайты. Основная отличительная черта этих сайтов практически полное отсутствие текстур, градиентов и теней. Такая популярность "плоского" дизайна связана в первую очередь с активным использованием различных мобильных устройств. И выход iOS7 со своими иконками только усили данную тенденцию.
Такие сайты, конечно, имеют свои плюсы. Четкие линии и структурированность и "облегчает" сайт в плане восприятия пользователями, внимание меньше отвлечено от контента сайта.

Кроме того отсутствие графики значительно ускоряет загрузку страницы. Но такой дизайн лишает сайт индивидуальности, своеобразной изюминки.
Не так давно веб-мастера обратили внимание на новый стиль, который получил название Jeff Escalante - "дизайн с длинными тенями". Выглядит этот стиль очень эффектно и нужно признать, такой стиль "вдыхает жизнь" в плоские сайты.
Jeff Escalante имеет свои четкие правила. Тень объекта должна располагаться под уклоном 45 градусов, при этом размер тени должен превышать размер объекта в 2,5 раза.
Такая тень делает плоский по сути объект объемным. Эффект длинной тени придает объекту глубину. Нужно сразу оговориться, что добиться действительно интересного эффекта длинной тени используя только инструменты CSS3 достаточно сложно. Поэтому выполнять дизайн объектов с длинной тенью лучше в графических редакторах.
Используя дизайн с длинными главное не переусердствовать. Чтобы не отступать от основной тенденции современного дизайна - плоскости, в стиле Jeff Escalante имеет смысл выполнять только некоторые элементы. Эффективно выглядят всевозможные пользовательские инструменты - иконки и кнопки сайта. В такой технике можно выполнить и элементы текста, например, в шапке сайта, для заголовков блоков и основных ссылок и меню.

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


Защитный код
Обновить

Warning: file_put_contents(/var/www/zhegloff/data/www/arecomm.ru/cache/mod_universal_ajaxlivesearch_theme/96/style.css): failed to open stream: Permission denied in /var/www/zhegloff/data/www/arecomm.ru/modules/mod_universal_ajaxlivesearch/themes/cache.class.php on line 52

Corel Ventura 10 Upgrade (DVD Case)

Corel Ventura 10 Upgrade (DVD Case)

Обновление программного обеспечения. Для зарегистрированных пользователей программы. Программа является одним...

Подробнее »

Планшет Intuos5 Touch L (PTH-850-RU)

Планшет Intuos5 Touch L (PTH-850-RU)

Wacom Intuos5 Touch L (PTH-850-RU) представляет...

Подробнее »

Игра Genius G-Pen F350 3x5 (31100001100)

Игра Genius G-Pen F350 3x5 (31100001100)

Genius представляет простой в использовании планшет Genius G-Pen F350 (31100001100)....

Подробнее »
Сео аудит сайта hydra2web работает через гаранта.