7 najlepszych stron internetowych z paralaksą

Strony internetowe z paralaksą to świetny, interaktywny sposób na opowiedzenie historii lub wyświetlenie wielu elementów w określonej kolejności bez konieczności opuszczania strony przez użytkownika. Zazwyczaj użytkownik kontroluje stronę, przewijając ją w dół za pomocą myszy. Jest to naprawdę dobry sposób na zaprezentowanie fotografii HD, krótkich filmów i pięknie wykonanych projektów grafiki wektorowej.

Parallax scrolling to najnowszy trend w projektowaniu stron internetowych. Zasadniczo jest to przesunięcie lub różnica w pozornej pozycji obiektu oglądanego wzdłuż dwóch różnych linii wzroku. Jest to coś, co można zobaczyć w niektórych platformowych grach wideo z przewijaniem bocznym.

Powszechne efekty to obrazy tła pozornie poruszające się za warstwą treści lub elementy poruszające się i zmieniające na górze tła. Paralaksa jest nieco kontrowersyjna, ponieważ często jest używana w niewłaściwych miejscach, powodując wiele frustracji!

Oto kilka przykładów dobrego wykorzystania paralaksy przez naprawdę utalentowanych ludzi.

1.) Nowy Mac Pro firmy Apple

Apple zawsze przoduje w dziedzinie pięknego designu. Ten przykład paralaksy jest prawdopodobnie najbardziej znany. Po jego obejrzeniu będziesz chciał spłacić kredyt hipoteczny, aby zdobyć jedną z tych oślepiająco potężnych maszyn.

2.) Zabicie Kennedy'ego - National Geographic

To zdecydowanie jedna z moich ulubionych gier. Spełnia wszystkie wymagania, jest edukacyjna, funkcjonalna, płynna, szybka i niezwykle dobrze przemyślana i zaprojektowana. To pełne doświadczenie z filmami, dźwiękiem, zdjęciami i grafiką. Nawet jeśli nie jesteś zwolennikiem teorii magicznego pocisku, to i tak warto ją sprawdzić.

3.) Ołówek FiftyThree

FiftyThree, twórcy Paper na iPada, wydali Pencil, pozornie zwykły kawałek drewna w kształcie rysika, który w rzeczywistości ma dość skomplikowane wnętrze. Świetnie wyglądające narzędzie do projektowania w połączeniu ze świetnym web designem!

4.) Interaktywne CV Robby'ego Leonardi

Jeśli jesteś projektant stron internetowych Jeśli jesteś programistą lub deweloperem, to oczywiste jest, że twoje CV online powinno odzwierciedlać wszystkie twoje umiejętności - i Robby Leonardi to robi. Stworzona, by wyglądać jak wektorowy sidescroller HD przypominający SNES lub Sega MegaDrive, ta strona niemal gwarantuje Robby'emu pracę!

5.) Zatrzymaj zanieczyszczenie wizualne

Jest to strona demonstracyjna z Team Treehouse. Treehouse to fantastyczna organizacja edukacyjna, w której można nauczyć się, jak prowadzić firmę i lepiej zrozumieć koncepcje projektowe i oprogramowanie. Ich głównym celem jest jednak nauczenie kandydatów kodowania aplikacje internetowe oraz strony internetowe. Być może widzieliście ich ostatnio w wiadomościach - ich CEO z powodzeniem usunął wszystkich swoich menedżerów i działa jako płaska firma. Co za wspaniały model biznesowy! Możesz zdobyć 50% zniżki na pierwszy miesiąc z Treehouse, klikając grafikę po prawej stronie, za niewielką kwotę miesięcznie możesz zdobyć praktyczną edukację przy wsparciu wykwalifikowanych nauczycieli i wspaniałej społeczności użytkowników.

6) Highway One - Tonik podróżny Exsus

Firma Exsus Travel uruchomiła tę pięknie zaprojektowaną i dobrze przemyślaną promocję dla swojego cadillaca Highway One. Możesz zapoznać się z przygodą, przewijając w dół różne miasta na trasie, z dziwacznymi dodatkami, takimi jak przewodnik radiowy i inne interaktywne elementy, takie jak skrzynki pocztowe i mapy!

7.) Fixedagency.com

Parallax może być świetnym wprowadzeniem do każdej firmy, FixedAgency naprawdę popisuje się swoimi umiejętnościami z tym fantazyjnym małym numerem. Szczególnie podobają mi się kliknięcia audio z menu, zwykle zgadzam się z zasadą "widziane, a nie słyszane" dla stron internetowych, ale to po prostu wydaje się responsywne i eleganckie.