Дизайны сайтов с иллюзией объема (3D)

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

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

The Pixel

объемный дизайн сайта

Ecoda Zoo

объемный 3D дизайн сайта

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

WebDesignbe.com

3D дизайн сайта

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

Gardener & Marks

объемный дизайн сайта

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

Dez Vila Aplina

3D дизайн сайта

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

Imaginamos

сайт с 3D дизайном

Adobe Creative Suite 3

сайт с 3D дизайном

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

Wing Cheng

сайт с иллюзией 3D дизайна

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

The Villager Restaurant

иллюзиея 3D дизайна

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

Aka-Acid

иллюзиея 3D дизайна на сайте

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

Adlucent

3D дизайн на сайте

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

Hippo App

объемный дизайн на сайте

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

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


Комментариев - 8 для поста Дизайны сайтов с иллюзией объема (3D)
  1. ]]> Константин ]]> (Июнь 24, 2013)

    Да захватывающая подборка! О таком остается только мечтать. Спасибо очень понравилось!

  2. ]]> Александр ]]> (Август 1, 2013)

    Классный дизайн. особенно понравился The Villager Restaurant, такого типа себе и буду заказывать.

  3. ]]> Gary ]]> (Октябрь 9, 2013)

    Вся прелесть 3D, на мой взгляд, полностью присутствует у WebDesignbe.com. Шикарно смотрится.

  4. ]]> Tod ]]> (Октябрь 9, 2013)

    Gary, ага, только грузится все как-то очень медленно.

  5. ]]> Gary ]]> (Ноябрь 12, 2013)

    Tod, не сказал бы, что медленно. С нормальной скоростью тырнет загружает довольно шустро, а скушанный при этом трафик, практически, не кого не интересует :)

  6. ]]> Tod ]]> (Ноябрь 12, 2013)

    Gary, возможно, интернет тогда глючил. Сейчас да, все нормально)

  7. ]]> Александр Васильев ]]> (Май 22, 2015)

    Дизайн WebDesignbe.com с осьминогом теперь можно найти только в архиве:
    http://web.archive.org/web/20110902024200/http://www.webdesignbe.com/

  8. ]]> Tod ]]> (Май 24, 2015)

    Александр, все меняется, и дизайны тоже) Спасибо за ссылку.

Оставить комментарий
для статьи Дизайны сайтов с иллюзией объема (3D)