Parallax - això ... efecte de paral·laxi: exemples

El paralaje de moviment significa un canvi en la ubicació d'un objecte en qualsevol fons en relació amb l'observador, que és a l'acte. El terme va guanyar popularitat a internet. En particular, és interessant mirar els llocs, que estan presents en el disseny d'elements dinàmics. Parallax - una manera de dissenyar pàgines a Internet que és utilitzat pels administradors web per atraure un gran nombre de visitants.

Quin és el paral

desplaçament Parallax es pot utilitzar en posició vertical i en línia recta. A tall d'exemple, la Nintendo més adequat. Molts de nosaltres amb els jocs d'ordinador nostàlgia representat el moviment dels personatges principals de l'esquerra a la dreta de la pantalla. També és possible moure cap avall, portat per una recta disposada verticalment. efecte de paral·laxi a la xarxa s'utilitza sovint. Podeu utilitzar JavaScript o CSS 3 per crear un control lliscant vertical.

Per a ells, s'acaba de descriure l'efecte peculiar espacial tridimensional. Es van utilitzar els creadors de jocs múltiples capes de fons. Es diferencien en la textura, el moviment es porta a terme a un ritme diferent.

No pensi que el paral - això només és possible per crear un efecte 3D. icones existents es poden moure a la pàgina. Sobretot, es veu bastant atractiva. Sobretot, la millor opció és utilitzar una trajectòria individual per a cada un d'ells. En aquest cas, s'utilitza diferents icones per navegar a través de diferents camins. Aquest disseny crida l'atenció.

la reactivació de la foto

És difícil trobar un lloc sense imatges. Qualitativament fets i xifres indicatives atrauen els visitants. Però el més causa l'atenció de tot tipus d'imatge dinàmica. De fet, si el moviment observat, crida l'atenció quan es visita el lloc. Augmenta significativament la probabilitat de tornar visitant del recurs a una imatge dinàmica. I semblava moure o no? Per tant, per tal d'atraure els visitants al lloc s'ha d'estudiar una cosa tal com l'efecte de paral·laxi.

Els exemples de llocs web amb imatges en moviment:

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

Com es mostra en els exemples, la percepció de millora en l'element de menú desplegable. Aquest element estalvia temps els visitants tan atractiu per a ells.

llibreria jQuery

Termini jQueryParallax determinar la biblioteca del mateix nom. Gràcies al fet que és fàcil d'aconseguir l'efecte 3D en moviment. La llibreria jQuery de la percepció tridimensional es crea de diverses maneres. Un d'ells és horitzontal, mentre que el fons objectes en moviment a diferents velocitats. Per aquesta biblioteca tendeixen a la gran quantitat de diferents tipus de propietats. I el desplaçament descrit aquí representa només una petita part de les seves capacitats.

Sembla lloc força atractiu, que consisteix a crear una varietat d'elements moderns s'han utilitzat. Un d'ells - la paral. Exemples de llocs poden tenir aquest aspecte:

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

jParallax presenta capes, movent el ratolí es mou. Per a la característica dinàmica dels elements de posicionament absolut (posició: absolute;). Cadascun d'ells es caracteritza per la seva grandària i moviment a la taxa individual. Això pot ser un text o una imatge (creadors de recursos opcionals).

La percepció del visitant del lloc web

Després d'això, la gent sol prestar atenció al fet que la pàgina s'emmarca alta qualitat, convenient i de manera competent. Aquest fet sol ser una qüestió de respecte. A vegades la curiositat d'experimentar sorgeixen els altres elements. A Internet hi ha un gran nombre de llocs idèntics. Com fer que la seva vida especial?

Si el disseny que li agradi, a continuació, el visitant es mantindrà durant un període més llarg. Per tant, augmentant la probabilitat que atregui Informació Pujada, mostra interès. Al final, la gent s'aprofitarà dels serveis oferts, el producte o l'oferta promocional.

vells jocs favorits

El concepte de "paral" ha de ser familiar per a tots els aficionats a les consoles 80-90s. Això s'aplica als jocs:

1. Mario Bros
2. Mortal Kombat.
3. Streets of Rage.
4. Moon Patrol.
5. Tortugues en el temps.

És a dir, el paral - una tècnica que utilitza un període prou llarg. Aquests jocs són realment recorden amb certa nostàlgia. Després de tot, si estan imbuïts amb el caràcter de l'època.

Les imatges de la pantalla són creats usant tècniques com ara el desplaçament de paral·laxi. No hi ha res sorprenent en el fet que aquest mètode s'ha guanyat un merescut renom. Aquest concepte de disseny és prou calenta percebuda per aquells que va jugar en els 80-90 anys i va observar amics d'oci.

Desplaçament de paral·laxi

Comercialitzadors de marques líders han utilitzat durant molt de temps tota mena d'avenços tecnològics. Per tant, és possible interès, fins i tot el lloc visitant ocasional.

scroll parallax estat utilitzat amb força èxit a Nike. El desenvolupament del lloc original de la companyia que participen dissenyadors Weiden i Kennedy. No obstant això, aquest disseny no conservada. Font actualitza gradualment d'acord amb les tendències modernes. Activatedrinks.com - exemple d'un lloc el disseny és una reminiscència de la decoració utilitzada pels venedors de Nike període especificat.

Els altaveus no haurien de ser molt

Cal no oblidar que el disseny del lloc sovint és un criteri clau que guia al visitant. la vida mal fets en general deixa a l'usuari la impressió de descuit de l'amo de l'empresa. I aquí és un lloc amb tot tipus d'elements d'un disseny atractiu i suggereix un esforç d'organització propietaris de visitants interessats.

Val la pena recordar el paral. És una eina meravellosa. Però fins i tot ells no necessiten molt per involucrar. A causa de la pàgina en la qual hi ha un gran nombre de diferents tipus d'elements mòbils, és bastant complicat d'entendre. El millor és fer un espai lliure de la millor manera elegant i intuïtiva.

Dinàmica ha de ser elements separats que requereixen aïllament. També pot estar present dibuix, que es crea mitjançant l'ús de moure un amb relació a les altres capes. Cal no oblidar que el lloc d'usuari es fa sobretot per als visitants. No ha de ser una obra mestra web màster, posar tot el seu coneixement. Després de tot, aquest enfocament només complicarà la percepció.

Com crear un moviment en línia

Com fer un paral? Aquest problema està molt interessat en els molts creadors de llocs web. No cal saber les complexitats de les etiquetes d'escriptura. És molt còmode d'utilitzar els recursos especials a Internet. Del gran nombre de propostes existents són els següents associats:

1. Plax - programa, que és bastant fàcil d'utilitzar. Ella tendeix a donar a la mobilitat de la pàgina movent el ratolí.
2. jQuery Image Slider Parallax - jQuery plug-in s'utilitza per crear barres de desplaçament d'imatge.
3. JQuery Parallax imatge - convenient per a la decoració de les imatges transparents. Gràcies a la utilització de PNG, GIF profunditat adquirir, moviment viu.
4. Curtain.js utilitzen per crear la pàgina, equipat amb un panell fix. En aquest cas, no és l'efecte de l'obertura de les cortines.
5. Scroll parallax: Un Plugin jQuery és crear un efecte de paral quan es desplaça la roda del ratolí.

Només uns pocs connectors útils

Com se sap, el més valuós és la informació. I com més gran el nombre de formes d'aconseguir el desitjat conegut, com més a prop la probabilitat d'obtenir un resultat correcte. Útils plug-ins utilitzats per crear dinàmica de:

1. jQuery desplaçament Path - s'utilitza per posar els objectes a la ruta especificada.
2. Scrollorama - jQuery plugin. S'utilitza com una eina per al material de presentació atractiva. Es permet un desplaçament més fàcil a causa de "reactivar" el text està disponible en la pàgina.
3. Scrolldeck - jQuery plugin. És una gran solució per al seu ús com una presentació del lloc web, dissenyat com una sola pàgina.
4. jParallax s'està movent capes en funció del moviment del punter del ratolí.
5. Stellar.js - d'endoll pel qual cada element està compost amb l'addició de l'efecte de desplaçament de paral·laxi.

Parallax amb referència al cursor

N'hi ha prou amb eficàcia es veu un paral. Encara en la primera pàgina d'un lloc web objectes es mouen en l'enfocament del punter del ratolí. Es tracta de la vida i segueix l'element mòbil.

La primera parada ha de ser la figura. La imatge desitjada es col·loca en el bastidor, amb les vores que voleu amagar. El mètode és molt simple, i el patró obtingut d'aquesta manera es veu molt atractiu.

efecte de paral·laxi d'un lloc - és una meravellosa manera de dissenyar. El seu ús suggereix que la creació d'un recurs es presta la deguda atenció. Per tant, cal prestar atenció als serveis oferts o informació per a ser llegit. Aquests llocs es vegin més avantatjosa en el context dels recursos idèntics, però amb una decoració senzilla.