Paralaks - kjo ... efekt Parallax: Shembuj

Parallaksi Mocioni do të thotë një ndryshim në vendndodhjen e një objekti në ndonjë sfond në lidhje me vëzhguesit, i cili është në vend. Termi fituar popullaritet në internet. Në veçanti, është interesante të shohim në faqet, të cilat janë të pranishme në projektimin e elementeve dinamike. Paralaks - një mënyrë për të hartuar faqet në internet që është përdorur nga webmasters për të tërhequr një numër të madh të vizitorëve.

Çfarë është paralaks

scrolling paralaks mund të përdoret vertikalisht dhe në një vijë të drejtë. Si një shembull, më të përshtatshme Nintendo. Shumë prej nesh me lojërat kompjuterike nostalgji përfaqësuar lëvizjen e personazhet kryesore nga ana e majtë në të djathtë të ekranit. Është gjithashtu e mundur për të lëvizur poshtë, të kryera nga një të drejtë hidhen vertikalisht. Efekti paralaks në rrjet është përdorur shpesh. Ju mund të përdorni JavaScript ose CSS 3 për të krijuar një slider vertikale.

Për ta, vetëm të veçantë përshkroi efektin e tre-dimensionale hapësinor. Krijuesit e lojrave shtresa të shumta sfond janë përdorur. Ata ndryshojnë në cilësi, lëvizja është kryer në një normë të ndryshme.

A nuk mendoni se paralaks - kjo është e mundur vetëm për të krijuar një efekt 3D. icons ekzistuese mund të zhvendoset në faqe. Sidomos, ajo duket mjaft tërheqëse. Sidomos alternativa më e mirë është që të përdorin një trajektore individuale për secilin prej tyre. Në këtë rast, ajo përdor ikona të ndryshme për të lundruar nëpër rrugë të ndryshme. Ky dizajn tërheq vëmendjen.

ringjalljen e foto

Është e vështirë për të gjetur një vend pa imazhe. bërë cilësisht dhe figura treguese të tërhequr vizitorët. Por shumica shkaku vëmendja e të gjitha llojet e imazhit dinamik. Në të vërtetë, në qoftë se lëvizja vërejtur, ajo tërheq vëmendjen kur vizituar faqen. Në mënyrë të konsiderueshme rrit gjasat e kthimit vizitor të burimeve për një imazh dinamik. Dhe ajo dukej për të lëvizur apo jo? Prandaj, në mënyrë për të tërhequr vizitorët në faqen duhet të studiohet një gjë të tillë si efekti paralaks.

Shembuj të faqet e internetit me imazhe lëvizin:

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

Siç tregohet në shembuj, perceptimi përmirëson në pikën menu pulldown. një element i tillë kursen vizitorë kohë në mënyrë tërheqëse për ta.

bibliotekës jQuery

Term jQueryParallax përcaktuar bibliotekën eponymous. Në sajë të ajo është e lehtë për të arritur efektin në lëvizjen 3D. JQuery Biblioteka e perceptimit tre-dimensionale është krijuar në mënyra të ndryshme. Një prej tyre është horizontal, ndërsa lëviz sfond kundërshton me shpejtësi të ndryshme. Për këtë bibliotekë priren të numrit të madh të llojeve të ndryshme të pronave. Dhe zhvendosja e përshkruar këtu paraqet vetëm një pjesë të vogël të aftësive të saj.

Ajo duket vend mjaft tërheqëse, e cila është për të krijuar një shumëllojshmëri të elementeve moderne janë përdorur. Njëri prej tyre - paralaks. Shembuj të vendeve mund të duket si ky:

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

jParallax paraqitur shtresa, lëvizur miun është lëvizur. Për karakteristike dinamike të elementeve pozicionim absolut (Pozicioni: absolute;). Secili prej tyre karakterizohet nga madhësia e tij dhe të lëvizjes me normën individuale. Kjo mund të jetë një tekst ose një imazh (krijuesit opsionale burimeve).

Perceptimi i internetit vizitor

Pas kësaj, njerëzit zakonisht i kushtoj vëmendje për faktin se faqe është përshtatur me cilësi të lartë, i përshtatshëm dhe me kompetencë. Ky fakt është zakonisht një çështje e respektit. Ndonjëherë kuriozitet të përjetojnë elemente të tjera lindin. Në internet ka një numër i madh i vendeve identike. Si për të bërë jetën tuaj të veçantë?

Nëse dizajni ju pëlqen, atëherë vizitori do të mbetet për një periudhë më të gjatë. Kështu, duke rritur gjasat që ajo do të tërheqë ngarkuar informacion, ai tregon interes. Në fund, njerëzit do të përfitojnë nga shërbimet e ofruara, produkt apo ofertë promovuese.

lojëra të preferuar të vjetër

Koncepti i "paralaks" duhet të jetë i njohur për të gjithë tifozët e ngushëllon 80-90s. Kjo vlen për të lojrave:

1. Mario Bros.
2. Mortal Kombat.
3. Rrugët e bujë.
4. Moon Patrol.
5. Turtles në kohë.

Kjo është, paralaks - një teknikë që përdor një periudhë mjaft të gjatë. Këto lojëra janë me të vërtetë kujtojnë me nostalgji disa. Pas të gjitha, në qoftë se ata janë të mbushur me karakterin e periudhës.

Imazhet në ekran janë krijuar duke përdorur teknika të tilla si scrolling paralaks. Nuk ka asgjë për t'u habitur në faktin se kjo metodë ka fituar një popullaritet të merituar. Ky koncept dizajn është mjaft e ngrohtë perceptuar nga ata që luajti në 80-90 vitet e shikuar miq të kohës së lirë.

paralaks Scrolling

Marketers e markave kryesore kanë përdorur prej kohësh të gjitha llojet e përparimeve teknologjike. Kështu, është e mundur për interes edhe vendin rastësor vizitor.

scrolling paralaks është përdorur mjaft sukses në Nike-së. Zhvillimi i faqes origjinale e kompanisë designers Weiden dhe Kennedy angazhuar. Megjithatë, ky dizajn nuk ruhet. Burimi përditësuar gradualisht në përputhje me trendet moderne. Activatedrinks.com - shembull i një faqe skica e të cilit është e ngjashme me dekorim përdorur nga marketers Nike specifikuar periudhë.

Folësit nuk duhet të jetë shumë

Mos harroni se dizajni i faqes shpesh është një kriter kyç që drejton vizitorin. bërë keq jeta zakonisht lë përdoruesit përshtypjen e pakujdesisë së pronarit të kompanisë. Dhe këtu është një vend me të gjitha llojet e elementeve tërheqëse të projektimit sugjeron një përpjekje për të pronarëve të organizatës vizitorët e interesuar.

Vlen të kujtojmë paralaks. Ajo është një mjet i mrekullueshëm. Por edhe ata nuk kanë nevojë më shumë për të marrë të përfshira. Sepse faqja ku ka një numër të madh të llojeve të ndryshme të elementeve celular, është mjaft e komplikuar për t'u kuptuar. Ajo është e mirë për të bërë një pastrim në të mirë të elegant dhe intuitive.

Dinamik duhet të jenë elemente të veçanta që kërkojnë izolimin. Gjithashtu ajo mund të jetë vizatimi i pranishëm, e cila është krijuar duke përdorur një lëvizje në krahasim me shtresat e tjera. Mos harroni se vendi përdoruesi është bërë kryesisht për vizitorët. Ajo nuk duhet të jetë një kryevepër web master, vënë të gjitha njohuritë e tij. Pas të gjitha, një qasje e tillë do të komplikojë vetëm perceptim.

Si për të krijuar një lëvizje në internet

Si për të bërë një paralaks? Kjo çështje është shumë e interesuar në shumë krijuesit e internetit. Nuk duhet të dini intricacies e shkrimit tags. Ai është shumë i përshtatshëm për t'u përdorur burime të veçanta në internet. E numrit të madh të propozimeve ekzistuese janë bashkëpunëtorët e mëposhtme:

1. Plax - program, e cila është mjaft e lehtë për t'u përdorur. Ajo tendencë për të dhënë lëvizjen e faqes duke lëvizur miun.
2. jQuery Parallax Image Slider - jQuery plugin përdorur për të krijuar imazhin sliders.
3. JQuery Image Parallax - të përshtatshme për dekorimin e imazheve transparente. Falë përdorimit të saj të PNG, GIF marrë thellësi, lëvizje të gjallë.
4. Curtain.js përdorur për të krijuar faqe, të pajisur me një panel të caktuar. Në këtë rast, nuk është efekti i hapjes perde.
5. Scrolling paralaks: Një jQuery Plugin është për të krijuar një efekt paralaks kur ju lëvizni rrotën e miut.

Vetëm disa plugins të dobishme

Siç është e njohur, më e vlefshme është informacioni. Dhe sa më i madh numri i mënyrave për të arritur dëshiruar njohur, më afër mundësinë e marrjes së një rezultat të saktë. Dobishme plug-ins që përdoren për të krijuar dinamikën e:

1. jQuery Scroll Path - përdoret për të vendosur objekte në rrugën e specifikuar.
2. Scrollorama - jQuery-plugin. Ajo është përdorur si një mjet për materiale tërheqëse e prezantimit. Kjo i lejon scrolling lehtë për shkak të "ringjallë" tekstin në dispozicion në faqen.
3. Scrolldeck - jQuery-plugin. Kjo është një zgjidhje e madhe për përdorim si një prezantim për këtë faqe interneti, projektuar si një faqe të vetme.
4. jParallax është duke lëvizur shtresat në varësi të lëvizjes së kursorit të miut.
5. Stellar.js - plug me të cilin çdo element është bërë me shtimin e efektit scrolling paralaks.

Paralaks në lidhje me të kursorit

Mjafton efektive duket një paralaks. Ende në faqen e parë të një të objekteve faqe janë zhvendosur në afrimin e kursorit të miut. Ajo vjen në jetë dhe ndjek elementin luajtshme.

Ndalesa e parë duhet të jetë figura. Imazhin e dëshiruar është vendosur në kornizë, me edges ju doni të fshehur. Metoda është shumë e thjeshtë, dhe marrë në këtë mënyrë modeli duket mjaft tërheqëse.

Efekti paralaks për një vend - kjo është një mënyrë e mrekullueshme për të hartuar. Përdorimi i saj sugjeron se krijimi i një burimi është dhënë vëmendjen e duhur. Prandaj është e nevojshme që të i kushtoj vëmendje për shërbimet e ofruara ose informatat për t'u lexuar. Këto vende duken më të favorshëm në sfondin e burimeve të njëjta, por dekoruar thjesht.