Parallax - hierdie ... Parallax effek: voorbeelde

Die beweging parallaks beteken 'n verandering in plek van 'n voorwerp op enige agtergrond met betrekking tot die waarnemer, wat is op die plek. Die term gewild op die Internet. In die besonder, is dit interessant om te kyk na die webwerwe wat teenwoordig is in die ontwerp van dinamiese elemente is. Parallax - 'n manier om bladsye op die Internet wat gebruik word deur webmasters om 'n groot aantal besoekers te lok ontwerp.

Wat is die parallax

Parallax blaai kan vertikaal en in 'n reguit lyn gebruik. As 'n voorbeeld, die mees geskikte Nintendo. Baie van ons met nostalgie rekenaarspeletjies verteenwoordig die beweging van die hoofkarakters van die linkerkant na die regterkant van die skerm. Dit is ook moontlik om af te beweeg, deur 'n vertikaal weggedoen reguit gedra. Parallax effek op die netwerk word dikwels gebruik. Jy kan JavaScript of CSS 3 gebruik om 'n vertikale glyer skep.

Vir hulle is net eienaardig beskryf die drie-dimensionele ruimtelike effek. Die skeppers van speletjies verskeie agtergrond lae gebruik. Hulle verskil in tekstuur, die beweging is uit op 'n ander koers gedra.

Moenie dink dat parallaks - dit is slegs moontlik om 'n 3D-effek te skep. bestaande ikone verskuif kan word op die bladsy. Veral, dit lyk baie aantreklik. Veral die beste opsie is om 'n individu trajek gebruik vir elkeen van hulle. In hierdie geval, dit maak gebruik van verskillende ikone om deur middel van verskillende paaie navigeer. Hierdie ontwerp aandag trek.

die hervatting van die prentjie

Dit is moeilik om 'n webwerf sonder beelde te vind. Kwalitatief gemaak en 'n aanduiding syfers lok besoekers. Maar die meeste aandag oorsaak allerhande dinamiese beeld van. Inderdaad, as die waargenome beweging, dit lok aandag tydens die besoek aan die webwerf. Aansienlik verhoog die waarskynlikheid van terugkeer besoeker van die hulpbron na 'n dinamiese beeld. En dit het gelyk na nie beweeg of? Daarom, ten einde aan besoekers aan die webwerf te lok moet so 'n ding soos die parallax effek bestudeer word.

Voorbeelde van webwerwe met bewegende beelde:

• hvorostovsky.com;
• www.kagisointeractive.com.

Soos getoon in Voorbeelde, die persepsie verbeter op die keuselys item. So 'n element spaar tyd besoekers so aantreklik vir hulle.

jQuery biblioteek

Termyn jQueryParallax bepaal die gelyknamige biblioteek. Te danke aan dit is maklik om die effek in 3D beweging bereik. Die jQuery biblioteek van driedimensionele persepsie geskep word in verskeie maniere. Een van hulle is horisontale terwyl beweeg agtergrond voorwerpe teen verskillende snelhede. Vir hierdie biblioteek is geneig om die groot aantal verskillende soorte eiendomme. En die wat hier beskryf word verplasing verteenwoordig slegs 'n klein deel van sy vermoëns.

Dit lyk baie aantreklik webwerf wat om te skep 'n verskeidenheid van moderne elemente is gebruik. Een van hulle - die parallaks. Voorbeelde van webwerwe kan soos volg lyk:

• www.grabandgo.pt;
• www.fishy.com.br;
• www.noleath.com;
• buysellwebsite.com.

jParallax aangebied lae, die verskuiwing van die muis is verskuif. Vir die dinamiese eienskap van die absolute posisionering elemente (posisie: absolute;). Elkeen van hulle word gekenmerk deur sy grootte en beweging om die individuele koers. Dit kan 'n teks of 'n beeld (opsioneel hulpbron skeppers) wees.

Die persepsie van die webwerf besoeker

Daarna het mense betaal gewoonlik aandag aan die feit dat die bladsy is geraam hoë gehalte, gerieflik en bekwaam. Hierdie feit is gewoonlik 'n kwessie van respek. Soms nuuskierigheid te ervaar die ander elemente ontstaan. Op die Internet is daar 'n groot aantal identiese webwerwe. Hoe om jou lewe spesiaal te maak?

As die ontwerp wat jy wil, dan sal die besoeker vir 'n langer tydperk bly. So, die verhoging van die waarskynlikheid dat dit sal lok Uploaded inligting, toon hy belangstelling. Op die ou end, sal mense voordeel van dienste wat aangebied word, produk of promosie aanbod te neem.

Gunsteling ou speletjies

Die konsep van "parallax" moet vertroud wees met al die ondersteuners van die consoles 80-90s wees. Dit geld vir speletjies:

1. Mario Bros
2. Mortal Kombat.
3. Strate van Rage.
4. Maan patrollie.
5. Turtles in Time.

Dit wil sê, die parallax - 'n tegniek wat 'n lank genoeg tydperk gebruik. Hierdie speletjies is regtig onthou met 'n paar nostalgie. Na alles, as hulle is gevul met die karakter van die tydperk.

Beelde op die skerm is geskep met behulp van tegnieke soos parallax blaai. Daar is niks vreemd in die feit dat hierdie metode 'n welverdiende so gewild geword het. Hierdie ontwerp konsep is warm genoeg waargeneem deur diegene wat in die 80-90 jaar gespeel en gekyk ontspanning vriende.

parallax blaai

Bemarkers van die voorste handelsmerke het lank gebruik allerhande tegnologiese vooruitgang. Dus, is dit moontlik om selfs die toevallige besoeker webwerf interesseer.

Parallax blaai is baie suksesvol gebruik in Nike se. Die ontwikkeling van die oorspronklike terrein van die maatskappy wat betrokke is ontwerpers Weiden en Kennedy. Dit beteken egter hierdie ontwerp nie bewaar. Bron geleidelik opgedateer volgens die moderne tendense. Activatedrinks.com - voorbeeld van 'n webwerf se ontwerp herinner aan versiering gebruik word deur bemarkers Nike bepaalde tydperk.

Sprekers moet nie veel wees

Moenie vergeet dat die ontwerp van die webwerf dikwels is 'n belangrike maatstaf wat die besoeker lei. Swak gemaak lewe die indruk van nalatigheid van die eienaar van die maatskappy verlaat gewoonlik die gebruiker. En hier is 'n webwerf met allerhande aantreklik ontwerp elemente dui op 'n poging om eienaars organisasie belangstel besoekers.

Dit is die moeite werd om die parallax onthou. Dit is 'n wonderlike hulpmiddel. Maar selfs hulle het nie veel nodig om betrokke te raak. Omdat die bladsy waar daar 'n groot aantal verskillende soorte mobiele elemente, is baie ingewikkeld om te verstaan. Dit is die beste om 'n klaring na die beste van aantreklike en intuïtief te maak.

Dinamiese moet afsonderlike elemente wat isolasie vereis word. Ook mag dit teenwoordig tekening, wat is geskep deur gebruik te maak van die verskuiwing van een relatief tot die ander lae wees. Moenie vergeet dat die gebruiker webwerf hoofsaaklik gemaak vir besoekers. Dit moet nie 'n web master meesterstuk wees, al sy kennis. Na alles, sal so 'n benadering net bemoeilik persepsie.

Hoe om 'n beweging aanlyn te skep

Hoe om 'n parallaks te maak? Hierdie kwessie is baie geïnteresseerd in die baie webwerf skeppers. Nie nodig om die verwikkeldheid van die skryf tags weet. Dit is baie gerieflik om spesiale hulpbronne gebruik op die Internet. Van die groot aantal bestaande voorstelle is die volgende geassosieerdes:

1. ListerFluor - program, wat is redelik maklik om te gebruik. Sy is geneig om die mobiliteit van die bladsy gee deur die verskuiwing van die muis.
2. jQuery Parallax Image Slider - jQuery plugin gebruik om beeld sliders te skep.
3. JQuery Image Parallax - geskik vir versiering van deursigtige beelde. Danksy die gebruik van PNG, GIF verkry diepte, lewendige beweging.
4. Curtain.js gebruik om die bladsy, toegerus met 'n vaste paneel skep. In hierdie geval, daar is die effek van die opening van die gordyne.
5. Blaai Parallax: A jQuery Plugin is 'n parallaks effek te skep wanneer jy die muis wiel blaai.

Net 'n paar nuttige plugins

Soos bekend is, die mees waardevolle is die inligting. En hoe groter is die aantal maniere om die gewenste bekend, hoe nader die waarskynlikheid van die verkryging van 'n korrekte resultaat te bereik. Nuttige plug-ins wat gebruik word om dinamika van skep:

1. jQuery Scroll pad - wat gebruik word om voorwerpe op die gespesifiseerde pad te plaas.
2. Scrollorama - jQuery-plugin. Dit word gebruik as 'n instrument vir aantreklike aanbieding materiaal. Dit kan maklik blaai as gevolg van "herleef" die teks beskikbaar op die bladsy.
3. Scrolldeck - jQuery-plugin. Dit is 'n goeie oplossing vir gebruik as 'n aanbieding vir die webwerf, ontwerp as 'n enkele bladsy.
4. jParallax beweeg lae na gelang van die beweging van die muis.
5. Stellar.js - prop waardeur elke element is gemaak met die toevoeging van parallaks effek blaai.

Parallax met verwysing na die wyser

Dit is voldoende om effektief lyk 'n parallaks. Nog op die eerste bladsy van 'n webwerf voorwerpe verskuif na die benadering van die muis. Dit kom by die lewe en volg die roerende element.

Eerste stop moet die figuur wees. Die gewenste beeld word geplaas in die raam, met die rand wat jy wil om weg te steek. Die metode is baie eenvoudig, en die aldus verkry patroon lyk baie aantreklik.

Parallax effek vir 'n webwerf - dit is 'n wonderlike manier om te ontwerp. Die gebruik daarvan dui daarop dat die skepping van 'n hulpbron nodige aandag gegee word. Daarom is dit nodig om aandag te skenk aan die dienste wat aangebied word of inligting te lees. Hierdie terreine lyk meer voordelig teen die agtergrond van identiese, maar eenvoudig versier hulpbronne.