blog-img
15 января, 2017

Параллакс (греч. «смена, чередование») — изменение видимого положения объекта относительно удалённого фона в зависимости от положения наблюдателя. Ну и если проще, то параллакс – видимый сдвиг чего-то в отношении чего-то.

Параллакс прокрутка (параллакс эффект прокрутки) это графический метод, основанный на движении изображений с разными скоростями. Она создает иллюзию глубины путем перемещения графических элементов на веб-странице медленнее, чем скорость прокрутки. С помощью такой прокрутки можно создавать очень интересные небольшие сайты. С параллакс эффектом прокрутки Вы могли столкнуться в видео играх выпущенных в 80-90-х годах (Mario Bros, Streets of Rage, Mortal Kombat, . . .). В таких играх параллакс эффект можно наблюдать в момент, когда несколько фоновых слоев с различными текстурами двигаются с разной скоростью, что создает эффект 3-d пространства. Параллакс эффект (параллакс прокрутка) в дизайне стала чрезвычайно популярной после того, как Nike запустил эту технику на своём сайте “Nike Better World” в 2011 году (с того времени сайт был обновлен и заменен на новый). И это не удивительно, ведь параллакс эффект сделал сайт объёмным.

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

Примеры сайтов с параллакс эффектом

Dancing with Fruits
Примеры сайтов с параллакс эффектом

Данный веб-сайт был неоднократно награжден за выдающийся дизайн. И не просто так, многие называют этот сайт шедевром. И параллакс техника прокрутка занимает важное место в этой композиции, направлен на пропаганду здорового образа жизни.

Andrew McCarthy
Примеры сайтов с параллакс эффектом

Анимация бессмертна. B кот в этой конструкции доказывает этот тезис.

Pi’s Epic Journey
Примеры сайтов с параллакс эффектом

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

Every Last Drop
Примеры сайтов с параллакс эффектом

Michelberger Booze
Примеры сайтов с параллакс эффектом

Boy-Coy
Примеры сайтов с параллакс эффектом

iStrategyLabs
Примеры сайтов с параллакс эффектом

Открытый космос, 8-битные элементы, летающие тарелки, астронавт – все они включены в этом творческом параллакс сайте.

Flash vs HTML
Примеры сайтов с параллакс эффектом

Flash или HTML? Конечно HTML!!!

NASA: Prospect
Примеры сайтов с параллакс эффектом

Ophir – The Town That Came In From The Cold
Примеры сайтов с параллакс эффектом

Параллакс-прокрутка на этом сайте поможет Вам осмотреть весь город от высоты птичьего полета. Концепция весьма оригинальна.

Savages
Примеры сайтов с параллакс эффектом

The Rise and Rise of David Bowie
Примеры сайтов с параллакс эффектом

Вам не нравится Дэвид Боуи? Ну и ладно. Однако его карьера, особенно эволюция его сценических образов, является исключительным. Этот веб-сайт представляет его в довольно привлекательном виде, используя прокрутку параллакса.