15 Horisontale websteder og sagen for at gøre dem
Spændingen med at rulle har virkelig udviklet sig, da vi kunne bruge farvede rullebjælker i Internet Explorer år siden.
I dag finder vi nye måder at genopfinde processen med at rulle med gestus, parallax scrolling funktioner og mere. Vi skaber spænding og fortæller historier. Vi skaber gode brugeroplevelser og gør indholdet funktionelt. Problemet er, at de fleste af disse websteder bruger lodret rulning.
Og hvordan kan du bebrejde dem? Det er normalt. Det er hvad der forventes. Og det er ofte den nemmeste ting at gennemføre.
Men hvor er kærligheden for vandret scrolling sites? Ikke mange mennesker skaber dem, primært på grund af vanskelighederne i udvikling og tanken om, at vandrette hjemmesider er mindre funktionelle. Argumentet mod horisontal rulning er i tråd med: "Hvorfor genopfinde hjulet?" Men skal vi give vandret rulning en chance?
Hvornår og hvorfor?
Horisontal rulning skal gives en chance for to hovedårsager: (1) Forfærden vi i øjeblikket har med lydhør design og (2) Horisontale websteder har et sted og formål, ligesom scrolling sites do.
For hurtigt at gå over grunden til, at det fungerer responsivt, lad os tænke over, hvordan vi bruger vores telefoner og tabeller, når vi trækker et websted på dem. De fleste gange slutter vi med at vende telefonen, så den viser vores indhold i landskabsretning. Betydning vi flip vores telefoner for at se mest i bredden, som vi kan. Hvorfor ikke bruge dette ved at oprette websteder, der kan ses og navigeres på denne måde? Tænk på, hvordan vi ser på videoer online, og hvordan vi udvikler og designe steder langs bredden alligevel. Hvorfor kaster vi vandret rullning?
Nu, for mit andet punkt, kan jeg vise dig meget bedre end jeg kan fortælle dig. Så lad os hoppe lige ind og se, hvordan disse næste par steder gør et godt stykke arbejde med at bruge horisontal scrolling til at være funktionelle og interessante.
Omvendt Buro
Denne porteføljeside anvender en kombination af både lodret og vandret rulning for at vise deres arbejde. Det bliver mere og mere populært at have stykker af arbejde på deres egne skærme uden forstyrrelser, fordi det bare giver mening. Denne navigationsmetode er ikke kun intuitiv, men skaber en fantastisk følelse af innovation for denne designer.
Gavin Castleton
I dag er det afgørende, at musikalske kunstnere finder en måde at gøre sig standout. I en sådan overvældet industri skal kunstnere oprette den komplette pakke, der vil få dem til at få opmærksomhed, fra musikken til webdesign. Gavin har skabt en vidunderlig hjemmeside, der er interessant og perfekt til at huske al sin information.
Bartle Bogle Hegarty
BBH er selvfølgelig et af de mere velkendte kreative agenturer i verden. Når du har nået den succes, de har, begynder de at oprette forskellige grene og kontorer i forskellige områder af verden. I stedet for at oprette forskellige websteder for hver placering har de mulighed for at tjekke, hvad hver enkelt gør over hele kloden. Jeg kan godt lide den vandrette navigation, fordi det er som om du rejser til og fra hver anden placering.
Jens Lehmann
Jens er selvfølgelig en fyr, der holder mange titler og bærer mange hatte. Han ønsker ikke at mash dem alle sammen, så i stedet har han skabt et hjem på nettet, der giver ham mulighed for individuelt at fremvise de ting han gør. Den vandrette navigation på dette websted gør omdannelsen fra hver titel let at forstå og se.
James Joyce
I modsætning til Reverse Buro-webstedet får vi ikke se hvert enkelt stykke arbejde individuelt pr. Skærm. Men jeg synes det virker for James Joyce og hans designs, fordi de er alle så ens. Vi får en chance for virkelig at se og nyde hans stil.
Her Design
Meget som ovenstående hjemmeside får vi et vandret websted for at vise arbejdet. Denne skaber et godt eksempel på, hvordan du holder din horisontale begrundelse, men også tilføjer de øvrige oplysninger, der er nødvendige på dette websted.
CL Holloway
Dette er en af de mest oplagte anvendelser af vandret rullning, jeg har set. Det er ret klogt, da denne person er en kunstner og maler, der sandsynligvis har været i forskellige museumsudstillinger. Hvorfor ikke lave det online? At gøre dette giver faktisk en bedre idé om, hvad Holloway gør, og hvordan han ønsker at blive set. Jeg kan virkelig godt lide denne side.
WWF
Dette websted blev oprettet sidste år for at øge bevidstheden for WWF's Earth Hour. I stedet for blot at lave et websted med lidt grafik og noget indhold besluttede de at lave en historie. Denne historie linje ruller gennem vandret og minder meget om at dreje siderne i en bog. I mellemtiden er dette et meget underholdende og interaktivt websted.
Blocklevel
Nej, dette websted ruller ikke eksplicit fra venstre til højre. Der er dog en stribe, der giver os mulighed for at se indhold fra venstre til højre. Det ligner en hyperaktiv skyder, der bare giver mening, især på en af de elskede enkeltsider.
Hot Dot
Hot Dot er et webproduktionsselskab, der hævder, at det er yderst innovativt. Med sådanne dristige påstande vil du hellere håbe, at de har et websted, der understøtter det. Heldigvis gør de det. Nu er vi vant til parallaxrulningssiderne, der ruller ned, men denne gang får vi et parallax-websted, der ruller til venstre mod højre. Det er lige så spændende, hvis ikke moreso end dets forgænger og giver et meget innovativt udseende.
Rezo Zero Interactive
En stor del af webdesign og udvikling er brugeroplevelsen. Det handler om at skabe et interessant sted på nettet, der er nemt og sjovt for den besøgende at udnytte. Rezo Zero er et af de steder, der har store effekter, giver opmærksomhed på detaljer, har vidunderligt layout og meget mere. For ikke at nævne de gør et godt stykke arbejde med at skabe side navigation, der bevæger sig lineært.
Quest for the Perfect Pop
Hvis du elsker sort og hvid fotografi og historier i webdesign, er dette stedet for dig. Quest for the Perfect Pop er stort set dedikeret til den lyd, din øl laver, når du springer den op. Dette websted er en ode til det, der skaber en meget interessant historie linje, der snart vil være tilgængelig.
Nerval
Ligesom webstedet ovenfor får du mulighed for at rulle gennem dette arbejde som om du går i et museum. Uden den indlysende grafik er dette en meget ren og klassisk måde at skabe denne følelse på. Du har absolut intet i vejen for at distrahere dit syn fra arbejdet ud over det nødvendige. Dette er en fantastisk måde at vise, hvordan minimalisme passer ind i denne teknik.
Mit rum
Nogle af os er gamle nok til at huske "Myspace Tom" og de argumenter, vi havde med vores venner om ikke at have dem i vores top 8 eller 16. Myspace har besluttet at gøre et comeback, men har besluttet at skille siderne med glitter og teddy bjørner falder fra det og i stedet har vi et super rent og lydhørt design, der ruller fra venstre mod højre. Mens andre sociale netværk går op og ned, gør Myspace noget anderledes ved at skabe en vandret navigation.
Giellesse
Giellesse er et møbeldesignfirma med nogle super moderne designs. Bortset fra deres fantastiske samling af stykker, har de skabt et rigtig smukt webdesign, der giver dig mulighed for at rulle fra side til side vandret. Dette føles meget som at swiping en side på en telefon og ville naturligvis oversætte godt på mobile enheder. Dette blander den gamle vertikale side med en ny navigationsmetode.
Konklusion
Selvfølgelig læres vi at holde tingene simple, men vi bliver også fortalt at skabe løsninger på problemer. Som du kan se, er der naturligvis et sted på nettet for vandrette steder. Uanset om du vil vise noget af eller oprette et pænt og frisk koncept, der bevæger sig fra højre til venstre, snarere end op til ned, kan det være gavnligt. Hvordan vil du udnytte denne teknik?
Har du opbygget et vandret rulleside? Foretrækker du horisontal rulning, lodret eller slet ingen? Lad os vide i kommentarerne.