Стереосайты, или анаглиф в веб-дизайне

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

(идея стара как мир и пришла в голову после посещения в этом году «Байкальского интернет форума», где была интересная и необычная раздатка от Яндекса с использованием как раз этого эффекта)

Итак, для начала немного теории и крутых картинок:

Ана́глиф (от греч. anáglyphos — рельефный) — метод получения стереоэффекта для стереопары обычных изображений при помощи цветового кодирования изображений, предназначенных для левого и правого глаза. Для получения эффекта необходимо использовать специальные (анаглифи́ческие) очки, в которых вместо диоптрийных стёкол вставлены специальные светофильтры, как правило, для левого глаза — красный, для правого — голубой или синий. Стереоизображение представляет собой комбинацию изображений стереопары, в которой в красном канале изображена картина для левого глаза (правый её не видит из-за светофильтра), a в синем (или синем и зелёном — для голубого светофильтра) — для правого. То есть каждый глаз воспринимает изображение, окрашенное в противоположный цвет. /via wiki

Выглядят такие картинки например так:

252819977_f9964bde4c_z

или, например, так:

7805423262_19d75688e9_z

и так:

6462309975_8585541f65_z

Берем вот такие очки и смотрим:

Anaglyph_glasses

Эффект потрясающий. Легко и просто получаем еще одну мерность. Согласитесь, совсем не дурно было бы использовать данный эффект в веб-дизайне. Как оказалось, мысль эта посетила не только меня, что в общем-то логично, вот, например, несколько сайтов, в основу которых положен данный визуальный прием. Итак.

turimagen.com_.ar_2

damthemovie.com_1

hipstery.com_

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

Кстати про оформление социальных сетей. Хочу привести еще две ссылки на зарубежные анаглифные блоги — http://www.swell3d.com/ и — http://www.3dmanifesto.com/. Обратите внимание каким образом сделан бэкграунд сайтов. И насколько круто смотрится он в очках. Есть в этом что-то, да.

Спасибо.

comments powered by HyperComments


Антон
2013-02-06 12:33:16
Знакомый дизайнер делает альбом анаглифных фото по Байкалу: http://baikal-3d.com/