InterretoWeb Design

Parallax - tio ... Parallax efekton: ekzemploj

La movado paralaje signifas ŝanĝon en loko de objekto sur iu ajn fono relativa al la observanto, kiu estas sur la punkto. La esprimo akiris popularecon en la interreto. Aparte, estas interese rigardi la ejoj, kiuj estas nuntempe en la dezajno de dinamika elementoj. Parallax - maniero por desegni paĝoj en la interreto kiu estas uzita de retestroj altiri grandan nombron da vizitantoj.

Kio estas la paralaje

Parallax movo povas esti uzata vertikale kaj laŭ rekta linio. Kiel ekzemplo, la plej taŭga Nintendo. Multaj el ni kun nostalgio komputilaj ludoj reprezentis la movadon el la ĉefaj gravuloj de la maldekstra flanko al la dekstra de la ekrano. Ĝi estas ankaŭ ebla por movi malsupren, kondukita per vertikale emas rekte. Parallax efekton sur la reto estas ofte uzata. Vi povas uzi JavaScript aŭ CSS 3 krei vertikala slider.

Por ili, nur stranga priskribis la tri-dimensia spaca efiko. La kreintoj de ludoj multnombraj fono tavoloj estis uzitaj. Ili diferencas en teksturo, la movado estas efektivigita ĉe malsama indico.

Ne pensu, ke paralaje - tio estas nur ebla por krei efekton 3D. ekzistanta ikonoj povas esti movita sur la paĝo. Precipe, ĝi aspektas tre alloga. Precipe la plej bona eblo estas uzi individuo trajektorion por ĉiu el ili. En ĉi tiu kazo, ĝi uzas malsamajn ikonoj navigi tra malsamaj vojoj. Tiu dezajno altiras atenton.

revivante la foton

Estas malfacile trovi lokon sen bildoj. Kvalite farita kaj indikativo figuroj altiri vizitantojn. Sed plej atenton kaŭzas ĉiajn dinamikan bildon. Efektive, se la observita movado, ĝi altiras atenton kiam vizitante la retejon. Signife pliigas la probablon de reveni vizitanto de la rimedo al dinamika bildo. Kaj ŝajnis moviĝi aŭ ne? Sekve, por altiri vizitantojn al la ejo devas esti lernata tiaĵon kiel la paralaje efekton.

Ekzemploj de retejoj kun movanta bildoj:

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

Kiel montrita en Ekzemploj, la percepto plibonigas la pulldown menuero. Tia elemento ŝparas tempon vizitantoj tiel alloga al ili.

jQuery biblioteko

Termino jQueryParallax determini la eponima biblioteko. Danke al ĝi estas facila por atingi la efekton en 3D movado. La jQuery biblioteko de tridimensia percepto estas kreita diversmaniere. Unu el ili estas horizontala moviĝante fono celoj ĉe malsamaj rapidoj. Por ĉi tiu biblioteko emas la granda nombro da malsamaj specoj de posedaĵoj. Kaj la movo priskribita ĉi tie reprezentas nur malgranda parto de liaj kapabloj.

Aspektas tute alloga ejo, kiu estas krei diversajn modernaj elementoj estis uzita. Unu el ili - la paralaje. Ekzemploj de lokoj povas aspekti tiel:

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

jParallax prezentita tavoloj, movante la muso moviĝas. Por la dinamika trajto de la absoluta situado elementoj (pozicio: absoluta;). Ĉiu el ili karakterizas por lia grandeco kaj movado al la individua imposto. Tio povas esti teksto aux bildo (nedeviga rimedo kreantoj).

La percepto de la retejo vizitanto

Poste, homoj kutime atentu la fakton, ke la paĝo estas enkadrigita alta kvalito, oportuna kaj kompetente. Tiu fakto estas kutime afero de respekto. Kelkfoje scivolo sperti la aliaj elementoj ekesti. En Interreto ekzistas grandega nombro de identaj lokoj. Kiel fari vian vivon speciala?

Se la dezajno vi ŝatas, tiam la vizitanto restos por pli longa periodo. Tiel, pliigante la verŝajneco, ke ĝi altiras Alŝutitaj Informo, li montras intereson. En la fino, la homo utiligos servoj proponis, produkto aŭ promocional proponon.

Favorita malnovaj ludoj

La koncepto de "paralaje" devus esti konata al ĉiuj fanoj de la konzoloj 80-90s. Tio koncernas ludojn:

  1. Mario Bros.
  2. Mortal Kombat.
  3. Streets of Rage.
  4. Moon Patrol.
  5. Testudoj en Tempo.

Tio estas, la paralaje - teknika kiu uzas sufiĉe longa periodo. Ĉi tiuj ludoj estas vere memoras kun kelkaj nostalgio. Post ĉiu, se ili estas imbued kun la karaktero de la periodo.

Bildoj sur la ekrano estas kreitaj uzante teknikojn kiel ekzemple paralaje movo. Estas nenio mirinda en tio, ke tiu metodo gajnis merititan popularecon. Tiu dezajno koncepto estas varma sufiĉe perceptita de tiuj kiuj ludis en la 80-90 jaroj kaj spektis libertempo amikoj.

Parallax Scrolling

Marketers de eminentaj markoj longe uzita ĉiaj teknologiaj. Tiel, eblas interesas eĉ la neformala vizitanto ejo.

Parallax movo estis tute sukcese uzita en Nike-a. La evoluo de la originala loko de la kompanio engaĝitaj diseñadores Weiden kaj Kennedy. Tamen, ĉi tiu dezajno ne konservita. Fonto grade ĝisdatigitaj laŭ la modernaj tendencoj. Activatedrinks.com - ekzemplo de loko kies dezajno estas rememoriga pri ornamado uzita de marketers Nike specifita periodo.

Parolantoj ne devus esti multe

Ne forgesu ke la dezajno de la retejo ofte estas kerna kriterio kiu gvidas la vizitanton. Malbone farita vivon kutime lasas la uzanton la impreson de senzorgeco de la posedanto de la kompanio. Kaj ĉi tie estas retejo kun ĉiaj alloga dezajno elementoj sugestas provante posedantoj organizo interesita vizitantoj.

Ĝi valoras memori la paralaje. Ĝi estas mirinda ilo. Sed eĉ ili ne bezonas multe akiri okupita. Pro la paĝo kie estas granda kvanto de malsamaj specoj de porteblaj elementoj, estas sufiĉe komplika kompreni. Ĝi estas bona por fari senigon por la plej bona de eleganta kaj intuicia.

Dinamika devas esti apartaj elementoj kiuj postulas izolado. Ĝi ankaŭ povas ĉeesti desegnaĵo, kiu estas kreita de uzanta moviĝas unu relative al la alia tavoloj. Ne forgesu, ke la uzanto ejo estas farita ĉefe por vizitantoj. Ĝi ne devus esti ttt mastro ĉefverko, metis sian tutan scion. Ja tia aliro nur kompliki percepto.

Kiel krei movadon rete

Kiel fari paralaje? Tiu temo estas tre interesata en la multaj retejo kreintoj. Ne bezonas scii la detalojn de skribo etikedoj. Estas tre oportuna al uzi specialajn rimedojn en Interreto. El la granda nombro da ekzistantaj proponoj estas la jenaj asocianoj:

  1. Plax - programo, kiu estas sufiĉe facila por uzi. Ŝi emas doni la movebleco de la paĝo per movado de la muso.
  2. jQuery paralaje Dosiero Slider - jQuery kromaĵo uzata krei bildo Sliders.
  3. JQuery Image Parallax - taŭga por dekoracio de travidebla bildoj. Danke al lia uzo de PNG, GIF akiras profundon, vigla movado.
  4. Curtain.js uzita por krei la paĝon, ekipita kun fiksa panelo. En ĉi tiu kazo, estas la efiko de malfermanta la kurtenoj.
  5. Scrolling Parallax: Al jQuery Plugin estas krei paralaje efekton kiam vi rulumu la muso rado.

Nur kelkajn utilajn kromaĵoj

Kiel estas konata, la plej valora estas la informoj. La grandan la nombro de manieroj por atingi la deziratan scias, la pli proksima la probablo de ricevanta ĝusta rezulto. Utilaj plug-ins uzata por krei dinamikon de:

  1. jQuery Scroll Vojo - uzata por meti objektoj sur la specifita pado.
  2. Scrollorama - jQuery-kromprogramon. Ĝi estas uzata kiel ilo por alloga prezento materialo. Ĝi permesas facile movo pro "revigligi" la teksto disponeblaj en la paĝo.
  3. Scrolldeck - jQuery-kromprogramon. Estas granda solvo por uzo kiel prezento por la retejo, desegnita kiel sola paĝo.
  4. jParallax moviĝas tavoloj laŭ la movado de la musmontrilo.
  5. Stellar.js - kromprogramon por kiu ĉiu elemento estas farita kun la aldono de paralaje efekto movo.

Parallax kun referenco al la kursoron

Sufiĉas efike aspektas paralaje. Ankoraŭ ĉe unua paĝo de retejo objektoj tremis de la alproksimiĝo de la muskursoron. Ĝi venas al vivo kaj sekvas la meblo elemento.

Unua halto devus esti la figuro. La dezirata bildo estas metita en la kadro, kun la randoj vi volas kaŝi. La metodo estas tre simpla, kaj la tiel akiris mastron aspektas tre alloga.

Parallax efekton por ejon - tio estas mirinda maniero por desegni. Lia uzo sugestas ke la kreo de rimedoj donas pro atenton. Tial oni devas pagi atenton al la servoj proponita aŭ informo por legi. Ĉi tiuj ejoj aspektas pli avantaĝa kontraŭ la fono de identa, sed simple ornamita rimedoj.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 eo.birmiss.com. Theme powered by WordPress.