Parallax - այս ... parallax ազդեցություն: օրինակները

Միջնորդությունը parallax նշանակում է փոփոխություն վայրում առարկայի որեւէ հետին հարաբերական դիտորդի, ով գտնվում է տեղում: Տերմինը ձեռք բերել ժողովրդականություն է ինտերնետում: Մասնավորապես, դա հետաքրքիր է նայում կայքերում, որոնք ներկա են նախագծման դինամիկ տարրերի. Parallax մի միջոց է նախագծել ինտերնետում է, որն օգտագործվում է Վեբ վարպետների գրավելու մեծ թվով այցելուների.

Թե ինչ է parallax

Parallax շարժվել կարող է օգտագործվել ուղղահայաց եւ մի ուղիղ գիծ. Որպես օրինակ, առավել հարմար Nintendo. Մեզանից շատերը կարոտախտով համակարգչային խաղերի ներկայացված շարժումը հիմնական կերպարների ձախ կողմում դեպի աջ էկրանի վրա. Դա նաեւ հնարավոր է տեղափոխել ներքեւ, իրականացվում է ուղղահայաց տրամադրված ուղիղ. Parallax ազդեցություն ցանցի հաճախ օգտագործվում է: Դուք կարող եք օգտագործել JavaScript կամ CSS 3 է ստեղծել ուղղահայաց slider.

Նրանց համար, պարզապես յուրատեսակ նկարագրել է եռաչափ տարածական ազդեցություն: Խաղեր ստեղծողները բազմակի ֆոնային շերտերի օգտագործվում էին: Նրանք տարբերվում են հյուսվածք, որ շարժումը իրականացվում է տարբեր փոխարժեքով:

Չեմ կարծում, որ parallax - սա միայն հնարավոր է ստեղծել 3D ազդեցություն: առկա սրբապատկերներ կարող է տեղափոխվել էջի վրա: Հատկապես, որ նայում բավականին գրավիչ: Հատկապես լավագույն տարբերակն է օգտագործել անհատական հետագիծ նրանցից յուրաքանչյուրը. Այս դեպքում, այն օգտագործում է տարբեր սրբապատկերներ նավարկելու միջոցով տարբեր ուղիներով: Այս նախագծում ուշադրություն է գրավում:

վերածնվում են նկարը

Դժվար է գտնել մի կայքը, առանց պատկերների. Որակապես կազմել եւ ինդիկատիվ գործիչներ ներգրավել այցելուներին: Բայց առավել ուշադրություն պատճառը բոլոր տեսակի դինամիկ պատկերի. Իրոք, եթե նկատվում շարժումը, այն գրավում է ուշադրությունը, երբ այցելելով կայքը: Զգալիորեն մեծացնում է հավանականությունը վերադարձնելու այցելուին ռեսուրսի մի դինամիկ պատկերի. Եվ դա թվում էր, տեղափոխել կամ ոչ: Այդ իսկ պատճառով, որպեսզի այցելուներին գրավել կայքում պետք է ուսումնասիրել նման բան, քանի որ parallax ուժի:

Օրինակներ կայքերի հետ շարժվող պատկերներ:

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

Ինչպես ցույց է Օրինակներ, ընկալումը բարելավում է բացվող ընտրացանկի տարրը. Այդպիսի տարր փրկում ժամանակ այցելուներին այնքան գրավիչ է նրանց:

jQuery գրադարանը

Տերմինը jQueryParallax որոշելու համանուն գրադարան: Շնորհիվ այն է, հեշտ է հասնել ազդեցություն 3D շարժմանը: Որ jQuery գրադարանը եռաչափ ընկալման ստեղծվել է տարբեր ձեւերով. Դրանցից մեկն այն է հորիզոնական, իսկ շարժվում ֆոն օբյեկտների տարբեր արագությամբ. Համար, այս գրադարանի հակված է մեծ թվով տարբեր տեսակի հատկությունների. Եւ տեղահանումներ այստեղ նկարագրված ներկայացնում է միայն մի փոքր մասը իր կարողությունները.

Այն նայում շատ գրավիչ կայքը, որը հանդիսանում է ստեղծել մի շարք ժամանակակից տարրերով են օգտագործվել: Նրանցից մեկը, - իսկ parallax. Օրինակներ կայքերի կարող է նման այս խմբին:

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

jParallax ներկայացրել շերտերը, շարժվում մկնիկը է տեղափոխվել: Համար դինամիկ բնորոշ բացարձակ դիրքորոշման տարրերի (պաշտոնը: բացարձակ;): Նրանցից յուրաքանչյուրը բնութագրվում է իր մեծությամբ եւ շարժման անհատական փոխարժեքով: Սա կարող է լինել մի տեքստային կամ պատկերի (ըստ ցանկության ռեսուրս ստեղծողները):

Ընկալումը կայքի այցելու

Դրանից հետո, մարդիկ սովորաբար ուշադրություն դարձնել այն հանգամանքին, որ էջի շրջանակված բարձր որակ, հարմար եւ գրագետ: Այս փաստն այն է, սովորաբար մի հարց հարգանքի: Երբեմն, հետաքրքրասիրություն զգալ մյուս տարրերը են առաջանում: Ինտերնետում կան մի մեծ շարք միանման կայքերից. Թե ինչպես կարելի է կատարել ձեր կյանքը հատուկ.

Եթե դիզայն ցանկանում եք, ապա այցելուն կմնան ավելի երկար ժամանակահատվածի համար: Այսպիսով, ավելացնելով հավանականությունը, որ դա կլինի ներգրավել Վերբեռնման Տեղեկատվություն, նա ցույց է տալիս, հետաքրքրություն: Ի վերջո, մարդիկ պետք է օգտվել առաջարկվող ծառայություններից, ապրանքի կամ գովազդային առաջարկի:

Սիրված հին խաղեր

Հայեցակարգը է «parallax» պետք է ծանոթ բոլոր երկրպագուների կոնսուլներ 80-90s: Սա վերաբերում է խաղերի:

1. Mario Bros.
2. Mortal Kombat:
3. Փողոցները Զայրույթ.
4. Moon Patrol:
5. Turtles ժամանակ.

Այսինքն, parallax մի տեխնիկան, որը օգտագործում է բավականաչափ երկար ժամկետ: Այդ խաղեր են, իրոք, հիշում ինչ-որ կարոտախտով: Ի վերջո, եթե նրանք տոգորված բնույթի ժամկետի:

Պատկերները էկրանի վրա ստեղծվում են, օգտագործելով մեթոդներ, ինչպիսիք են parallax գույն. Զարմանալի ոչինչ չկա, որ այն փաստը, որ այս մեթոդը ձեռք է բերել լավ արժանի ժողովրդականությունը. Այս նախագծում հասկացություն է տաք բավարար ընկալվում նրանց կողմից, ովքեր խաղացել են 80-90 տարիների ընթացքում, եւ նայում ժամանցի ընկերներին.

parallax Իրար

Marketers առաջատար բրենդերի վաղուց օգտագործվում է բոլոր տեսակի տեխնոլոգիական նվաճումներին: Այսպիսով, դա հնարավոր է հետաքրքրել նույնիսկ պատահական այցելու կայքը:

Parallax շարժվել են բավական հաջողությամբ օգտագործվել է Nike - ի: Զարգացումը բուն կայքում ընկերության զբաղվում դիզայներների Weiden եւ Քենեդին: Սակայն, այս նախագծում չի պահպանվել: Աղբյուր, աստիճանաբար թարմացվում է ժամանակակից միտումներին: Activatedrinks.com - օրինակ է կայքում, որի դիզայնը հիշեցնում է ձեւավորում, որն օգտագործվում է marketers Nike նշված ժամանակահատվածը:

Բանախոսներն չպետք է լինի շատ

Մի մոռացեք, որ դիզայնը կայքի հաճախ առանցքային չափանիշ, որը ուղղորդում է այցելուին: Վատ է կյանքը, սովորաբար թողնում օգտագործողի տպավորություն անուշադրության սեփականատիրոջ ընկերության. Եվ այստեղ է կայք է բոլոր տեսակի գրավիչ դիզայնի տարրերի առաջարկում է ջանք սեփականատերերը կազմակերպության շահագրգիռ այցելուների համար:

Արժե հիշել, որ parallax: Դա մի հրաշալի գործիք. Բայց նույնիսկ նրանք շատ բան պետք չէ զբաղվել. Քանի որ էջի, որտեղ կան մեծ թվով տարբեր տեսակի բջջային տարրերի, բավականին բարդ է հասկանալ: Լավագույնն այն է, կատարել մաքրման լավագույն նորաձեւ եւ ինտուիտիվ:

Դինամիկ պետք է լինի առանձին տարրեր, որոնք պահանջում մեկուսացումը: Նաեւ այն կարող է լինել ներկա drawing, որը ստեղծվել է օգտագործելով տեղափոխելու մեկ հարաբերական է այլ շերտերի: Մի մոռացեք, որ օգտագործողը Կայքը պատրաստված հիմնականում այցելուների համար: Այն չպետք է լինի վեբ վարպետ գլուխգործոց, դնում իր ամբողջ գիտելիքները: Ի վերջո, նման մոտեցումը կլինի միայն բարդացնել ընկալումը:

Թե ինչպես կարելի է ստեղծել մի շարժում առցանց

Ինչպես կատարել մի parallax. Այս հարցը շատ շահագրգռված է բազմաթիվ կայքի ստեղծողներին: Պետք չէ իմանալ, թե intricacies է գրելու թեգերը. Դա շատ հարմար է օգտագործել հատուկ ռեսուրսները Ինտերնետում: Որ մեծ թվով առկա առաջարկների են հետեւյալ ասոցիացված:

1. Plax - ծրագիր, որը բավականին հեշտ է օգտագործել. Նա հակված է տալ շարժունակության էջի տեղափոխելու մկնիկը.
2. jQuery Parallax Image Slider - jQuery plugin օգտագործվում է ստեղծել պատկերի կարգավորիչներ մուտք գործելու,.
3. JQuery Image Parallax - հարմար ձեւավորում թափանցիկ պատկերների. Շնորհիվ իր օգտագործման PNG, GIF ստանա խորության, աշխույժ շարժումը:
4. Curtain.js օգտագործվում է ստեղծել էջը, հագեցած է ֆիքսված վահանակի վրա. Այս դեպքում, կա ազդեցությունը բացման վարագույրները:
5. Գույն, Parallax: A jQuery Plugin է ստեղծել parallax ազդեցություն, երբ դուք ոլորել մկնիկը անիվ.

Ընդամենը մի քանի օգտակար կոնտակտները

Ինչպես հայտնի է, առավել արժեքավոր է տեղեկատվությունը. Իսկ ավելի մեծ թվով ուղիներ հասնելու ցանկալի հայտնի, որ մոտ հավանականությունը ստանալու ճիշտ արդյունքի: Օգտակար plug-ins օգտագործվում է ստեղծել դինամիկան:

1. jQuery Ոլորել Path - օգտագործվում է տեղադրել օբյեկտների վրա նշված ճանապարհին:
2. Scrollorama - jQuery-plugin. Այն օգտագործվում է որպես գործիք գրավիչ շնորհանդեսը նյութական. Այն թույլ է տալիս հեշտությամբ շարժվել շնորհիվ «վերակենդանացնել» տեքստը, առկա էջում:
3. Scrolldeck - jQuery-plugin. Դա մի մեծ լուծում է օգտագործման համար, որպես ներկայացման համար կայքի, նախատեսված է որպես մեկ էջում:
4. jParallax է շարժվում շերտեր կախված շարժման մկնիկի սլաքի.
5. Stellar.js - Plug ըստ որի յուրաքանչյուր տարր է պատրաստված: Բացի այդ parallax ազդեցություն գույն.

Parallax հղում անելով կուրսորը

Բավական արդյունավետ նայում մի parallax: Դեռ առաջին էջում մի կայքում, օբյեկտների, որոնք տեղափոխվել է մոտեցման մկնիկի սլաքի. Դա գալիս է կյանքի եւ հետեւում է շարժական տարր.

Առաջին կանգառը պետք է լինի գործիչ. Ցանկալի պատկերը, որը տեղադրված է շրջանակ, ինչպես եզրեր դուք ցանկանում եք թաքցնել. Մեթոդը շատ պարզ է, եւ դրանով իսկ ձեռք բերված օրինակը նայում բավականին գրավիչ:

Parallax ազդեցություն մի կայքում, դա մի հրաշալի միջոց է նախագծել: Դրա օգտագործման առաջարկում է, որ ստեղծում է ռեսուրսի տրվում պատշաճ ուշադրություն: Հետեւաբար, անհրաժեշտ է ուշադրություն դարձնել առաջարկվող ծառայությունների կամ տեղեկատվության պետք է կարդալ: Այս կայքերը նայում ավելի ձեռնտու ֆոնի վրա նույնական, բայց պարզապես զարդարված ռեսուրսների.