28 Fantastiske Parallax Scrolling Sites
Den måde, hvorpå vi, at vi navigerer på vores hjemmesider, er yderst vigtige. Årsagen er, at brugeroplevelsen og den måde, hvorpå de interagerer med hjemmesiden, gør eller ødelægger brugervenligheden af hjemmesiden.
Hvis nogen ikke kan komme rundt på dit websted, så er det ubrugeligt. Hvis nogen kan komme rundt og nemt kan finde det, de leder efter, gør det en stor forskel.
Ved at spille med navigation og inkorporere det i nye teknologier, har vi stødt på en effekt, der er meget udbredt i dag. Denne effekt kaldes parallax scrolling. Parallax scrolling er fantastisk, ikke bare fordi det gør navigationen enkel, det kan også være sjovt at interagere med, og parallax scrolling er kendt for at tilføje dybde til, hvad der ellers kunne være enkle, kedelige site designs. Det giver en måde at kreativt interagere med indholdet på en spændende måde.
Parallax Websites
I dag skal vi vise nogle af disse parallaxwebsteder, så du kan vide, hvad der er muligt, så du kan nyde webstederne og deres indhold og forhåbentlig inspirere dig til at prøve denne teknik for dig selv.
5emegauche
De er et agentur, der bruger en flok forskellige programmeringssprog for at gøre deres hjemmeside ekstremt interessant. I de fleste tilfælde, når du ruller, ruller du til en anden side. Men på denne hjemmeside, når du går til en anden side, har den sin egen scrolling mekanisme stykke eller element, der gør alt ekstremt interessant. Dette er et meget sjovt sted at lege med, og jeg anbefaler, at hvis du vil gøre noget ekstravagant med dit websted, skal du tjekke deres.
Air Jordan 2012
Air Jordan er selvfølgelig meget populære for deres sneakers. Denne gang valgte de at vise os deres sko på en meget iøjnefaldende og interessant måde. De gjorde et rigtig godt stykke arbejde med at præsentere disse oplysninger.
Atlantis verdens messe
Atlantis verdens messe besluttede at lave en hjemmeside, der for en del forklarer deres formål og deres historie. De brugte denne rullning ikke som blot en måde at præsentere oplysninger på, men som en måde at animere informationer og fortælle en historie på. Det er meget interessant, det er yderst sjovt, det er interaktivt og informativt. Dette er bare en meget stor indsats.
Bake Agency
Med mange forskellige hjemmesider kan du bruge musen til at rulle gennem hjemmesider. På Bake Agency bruger de faktisk mellemrumstasten til at navigere mellem forskellige informationsstykker. De bruger denne rullende navigation mere som en måde at præsentere oplysninger på, og de gør et godt stykke arbejde med det.
BeerCamp på SXSW
Når du går til denne hjemmeside, kan du være lidt forvirret, fordi det føles som om alt er jumbled og oven på hinanden. Hvis du går og fortsætter med at rulle gennem og klikker på navigationslinkene, vil du forstå, at dette er den måde, hvorpå de besluttede at præsentere, og de har brugt rulning her for at bringe oplysningerne til dig i stedet for at du går til oplysningerne.
Bounty Bev
Bounty Bev er en amerikansk håndværk øl. Når du tænker på øl, tænker du sandsynligvis ikke på stor eller fantastisk grafik, og hjemmesider er ikke nok den første ting, der kommer til at tænke på. Jeg tror, at de har bemærket en tendens i parallaxrulningen, og de har slags taget det og udråbt på det tidspunkt på en måde, hvor de bevæger sig fra stykke til stykke.
Broadcast Creative
Broadcast Creative er et digitalt forlagsagentur i Kina. Igen er det mere en simpel idé at navigere via rullning og parallaxrulning. Sådan kan du tage den enkleste idé og forstørre det med et godt design.
Carmilla Vampyr
Dette er et andet websted, der bruger vandret rullning i stedet for vertikal scrolling til hjemmesiden. Igen er informationen meget enkel, men den er forstørret med vidunderligt design.
Kontrastoprørelse
Det er altid sjovt at snuble på et websted, der kræver en ændring i den måde, tingene gøres på. Kontrast Rebellion er til webdesignere og de gør et godt punkt. Jeg vil foreslå, at mange begyndende webdesignere tjekker dette websted ud for denne information samt dens vidunderlige navigation.
Farer ved Fracking
Ligesom hjemmesiden Atlantis bruger denne hjemmeside rullning som en måde at fortælle en historie om. Det er nok en af de mest sindssyge steder, jeg nogensinde har været i, såvel som dens informative. Hvis du har tid, rul gennem denne hjemmeside og lær om farerne ved fracking.
Flight of the Fireflies
Dette er en ekstremt enkel hjemmeside. Der er kun ét formål for dette websted, og når du ruller igennem det, forstår du hvad det er. Dette er et meget pænt koncept, som jeg ikke ønsker at give væk, og jeg beder dig om at tjekke det ud
Google Cultural Institute
Google Cultural Institute blev oprettet for at hjælpe folk med at blive opmærksomme på forskellige kulturer. De bruger en tidslinje til at hjælpe folk med at forstå de forskellige tider og de forskellige år, som begivenhederne fandt sted. På denne hjemmeside er navigation vigtig, fordi det gør det nemt at interagere med tidslinjen og interagere med forskellige nyhedsartikler, der tilskynder til uddannelse af forskellige kulturer.
HealthShare
HealthShare Award er et ret simpelt websted, der bruger rullefremgangsmåden. Navigeringen tager jævnligt dig til den del af informationen du leder efter. Det bringer også baggrunden for livet og andre elementer.
Impero
Impero er et andet agentur, der har besluttet at bruge parallax scrolling metoden. De er et globalt hold, der naturligvis er interesseret i at skabe arbejde, som bryder ud af normen. På dette websted er det tydeligt, at de bruger parallaxrulning som en måde at animere de oplysninger, de præsenterer.
OK Studios
OK Studios har skabt en hjemmeside, der har fået en masse anerkendelse, fordi de bruger parallaxrulning i sin enkleste form til sit bedste. Hvis du leger rundt på deres hjemmeside, vil du se, hvordan det virker for dem.
Fabrizio Michels
Du vil se mange portefølje- og agenturwebsteder, der bruger parallaxrulning og forskellige typer navigation. Denne hjemmeside gør det på en måde, hvor han er i stand til at bringe oplysningerne til liv ved i det væsentlige at bruge rullende effekter ved at skabe en smule bevægende baggrund.
James Bond 007 Cars Evolution
Denne James Bond-hjemmeside viser nogle af de biler, der bruges i mange af James Bond-filmene. Navigationen her giver dig mulighed for at se de forskellige biler gennem de kreative sind hos de ansvarlige for James Bond. Det er et sjovt sted, og det bruger navigation på en måde, der gør presentationer interessant.
Ketchup
Du kan ikke se mange destinationssider, der bruger for mange forskellige teknologier. Men Ketchup besluttede at bruge det som en måde at tage dig gennem de forskellige trin af, hvad deres produkt er nyttigt for.
Krystal Rae
Krystal Rae er selvfølgelig og edgy mode linje. De hævder, at de er modige, sjove og spændende, og det giver masser af mening, når du ruller gennem deres hjemmeside. De bruger ikke parallaxrulning som en måde at præsentere oplysninger på, men de bruger det som en måde at præsentere deres forskellige tøj på.
Muffi
Denne anden agenturwebsted, der hovedsagelig bruger scrolling for at komme imellem hver enkelt information. Nu er den store del om dette, at det på ingen måde mangler nogen form for spænding. Du har dybde, du har forskellige dele af hjemmesiden og selvfølgelig har du denne skøre navigation, der primært aktiveres ved at rulle.
Jan Ploch
Jan er en grafisk designer, der selvfølgelig kan lide at have det sjovt og har skabt et mærke. Jan bruger et motiv af en vandflaske på hele sin hjemmeside og bruger endda det til at præsentere sit arbejde. Det fungerer godt med scrolling navigation.
Range Rover Special Edition med Victoria Beckham
Folkene over på Range Rover besluttede at komme med Victoria Beckham for at gøre hvad der er en high fashion SUV. Hvem ellers ville du helst repræsentere din bil? De bruger scrolling her til grundlæggende skabe en slags som et mode katalog og er dedikeret til køretøjets luksus. Det er meget interessant, hvis det er hvad du er i, for ikke at nævne, at det er en yderst flot bil.
Ràtatattoo
Dette er ikke rigtig, hvad du forventer fra en tatoveringslokale. Dette er en industri, hvor du ikke forventer, at de lægger meget arbejde på et websted som dette, men Rattatattoo har gjort det, og de har gjort et godt stykke arbejde ved at bruge billeder i fuld størrelse og parallaxrulning for at skabe en sjov oplevelse, som er selvfølgelig oversat i deres mursten og mørtelvirksomhed.
Soleil Noir 2012
Dette bureau ønsker, at du skal tro på dig selv i 2012. Det lyder lidt som om det er cliché, men når du ruller gennem de forskellige paneler, vil du forstå, hvad det er, de ringer til dig. Dette er faktisk en af de mest interessante hjemmesider, jeg har set. De gjorde et rigtig godt stykke arbejde med alt.
SØN
SON er et reklamebureau, der er besat af kvalitet og bevægelse. De har brugt mange forskellige måder at bevæge sig på for at skabe deres hjemmeside. Og det er en vidunderlig hjemmeside.
The Honors Society
Honor Society hjemmeside blev valgt fordi du ikke kan se mange underjordiske kunstnere, der har det, vi tror på at være en god nok hjemmeside. De fleste kunstnere bruger hvad der er gratis, eller de gør ikke mange fancy ting på deres hjemmeside. The Honor Society har et vidunderligt sted fra top til bund, og de brugte endda scrolling til at præsentere oplysninger.
Tomas Pojeta
På samme måde som Broadcast Creative-webstedet bruger denne hjemmeside rullende og yderst detaljerede, smukke illustrationer til at skabe en fantastisk website design oplevelse.
Carp Vlad
Dette er en hjemmeside, der i stedet for at rulle lodret præsenterer sine oplysninger vandret. Hvis du nogensinde har forsøgt at lave et websted, så ved du, at horisontal rulning ikke er let. I den forbindelse er denne hjemmeside enkel, men han bruger rullefremgangsmåden til at skabe lidt forskel og elementær overraskelse på sit websted
Har vi savnet nogen af dine favoritter? Har du designet nogen websteder ved hjælp af parallax scrolling eller tager du en anden tilgang til navigation? Lad os vide i kommentarerne!