Восприятие “глубины” позволяет человеку видеть мир в трех измерениях, а также оценивать расстояние до объектов, которые мы созерцаем. Хотя и обычные 2D изображения за счет специальных техник (перспективы, теней, освещения, фокусировки и т.п.) могут передавать иллюзию объемной картинки.

Если говорить о традиционном веб-дизайне, то он использует двухмерную среду, тем не менее, некоторые дизайнеры не против поэкспериментировать с чем-то новым. 3D эффекты на сайте могут произвести поистине незабываемое впечатление на пользователей (wow эффект). В определенных случаях и тематиках веб-проектов это будет весьма полезно. Данная подборка содержит некоторые дизайны сайтов с использованием иллюзии глубины.

The Pixel

Ecoda Zoo

На сайте вообще очень много интересных эффектов – там, по сути, полноценные 3D объекты есть, а не только “иллюзия глубины”.

WebDesignbe.com

Использование перспективы во всей красе.

Gardener & Marks

Иллюзию 3D создают тени на разных объектах.

Dez Vila Aplina

По сути, еще одна интересная техника создания 3D. Такое часто было в разных компьютерных играх – называлось вид “сверху сбоку”.

Imaginamos

Adobe Creative Suite 3

На сайте используется 3D иллюстрация с анимацией.

Wing Cheng

В принципе, ничего необычного – используется для всех страниц один и тот же прием, но все равно смотрится весьма гармонично и красиво. Ну, и главное – “иллюзия глубины” достигнута.

The Villager Restaurant

3D используется в шапке сайта дабы выделить горизонтальное меню и подчеркнуть красивый экстерьер ресторана.

Aka-Acid

Еще один вид “сверху сбору” + 3D объемные элементы.

Adlucent

Объемность достигается за счет перспективы.

Hippo App

При движении курсора мышки двигаются разные элементы страницы, что делает эффект “глубины” еще более заметным. Кстати, такие вещи создаются с помощью HTML5.

В принципе, достаточно неплохая подборка, хоть и не самая актуальная (ссылка на нее долго пылилась в моем архиве). Тем не менее, вы сможете увидеть и оценить некоторые техники, которые используются дизайнерами. Это может помочь реализации своих проектов.

Теги: CSS Дизайны сайтов, используется некоторые сайте весьма счет