Parallax - ამ ... Parallax ეფექტი: მაგალითები

მოძრაობის parallax ნიშნავს ცვლილებას მდებარეობა ობიექტი ნებისმიერ ფონზე ნათესავი დამკვირვებელი, რომელიც ადგილზე. ტერმინი მოიპოვა პოპულარობა ინტერნეტში. კერძოდ, ეს არის საინტერესო, რომ შევხედოთ საიტები, რომლებიც იმყოფებიან დიზაინი დინამიური ელემენტები. Parallax - გზა, რათა შეიმუშავონ გვერდები ინტერნეტში, რომელიც გამოიყენება ვებოსტატებისათვის მოვიზიდოთ დიდი რაოდენობით სია.

რა არის Parallax

Parallax სენსორული შეიძლება იქნას გამოყენებული ვერტიკალურად და ერთი სწორი ხაზი. მაგალითად, შესაფერისი Nintendo. ბევრი ჩვენგანი ნოსტალგია კომპიუტერული თამაშები წარმოდგენილია მოძრაობის მთავარი გმირები მარცხენა მხარეს მარჯვნივ ეკრანზე. ასევე შესაძლებელია, ქვევით, ახლავს ვერტიკალურად განლაგებული სწორი. Parallax ეფექტი ქსელში ხშირად გამოიყენება. თქვენ შეგიძლიათ გამოიყენოთ JavaScript ან CSS 3 შექმნათ ვერტიკალური სლაიდერი.

მათ, უბრალოდ, თავისებური აღწერილი სამგანზომილებიანი სივრცის ეფექტი. ხელოვანები თამაშების მრავალი background ფენა იქნა გამოყენებული. ისინი განსხვავდება ფაქტურის, მოძრაობა ხორციელდება სხვადასხვა კურსი.

არა მგონია, რომ პარალაქსი - ეს არის მხოლოდ შესაძლებელია შექმნათ 3D ეფექტი. არსებული ხატები შეიძლება გადავიდა გვერდზე. განსაკუთრებით, ეს გამოიყურება საკმაოდ მიმზიდველი. განსაკუთრებით საუკეთესო ვარიანტი არის გამოიყენოს ინდივიდუალური ტრაექტორია თითოეული მათგანი. ამ შემთხვევაში, იგი იყენებს სხვადასხვა ხატები ნავიგაცია მეშვეობით სხვადასხვა გზები. ეს დიზაინი იზიდავს ყურადღებას.

აღადგენს სურათი

ძნელია საიტი, სურათების გარეშე. თვისობრივად გააკეთა და მიუთითებს მოღვაწეები მოზიდვა სია. მაგრამ ყველაზე მეტ ყურადღებას გამოიწვევს ყველა სახის დინამიური image. მართლაც, თუ დაფიქსირდა მოძრაობა, ის იზიდავს ყურადღებას, როდესაც გამოჩენის საიტი. მნიშვნელოვნად ზრდის დაბრუნების სტუმარი რესურსის დინამიური image. და როგორც ჩანს, გადაადგილება თუ არა? აქედან გამომდინარე, იმისათვის, რომ მოვიზიდოთ სია საიტზე უნდა იქნას შესწავლილი ასეთი რამ, როგორც Parallax ეფექტი.

მაგალითები ვებსაიტზე მოძრავი გამოსახულებები:

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

როგორც ჩანს, მაგალითად, აღქმა აუმჯობესებს დროს pulldown პუნქტს. ასეთ ელემენტს ზოგავს დროს სია ასე მიმზიდველი მათთვის.

jQuery ბიბლიოთეკა

ვადა jQueryParallax განსაზღვრავს სახელობის ბიბლიოთეკა. მადლობა ეს არ არის ადვილი, რათა მივაღწიოთ ეფექტი in 3D მოძრაობა. JQuery ბიბლიოთეკა სამგანზომილებიანი აღქმა იქმნება სხვადასხვა გზები. ერთ-ერთი მათგანი არის ჰორიზონტალური, ხოლო მოძრავი ფონზე აპროტესტებს სხვადასხვა სიჩქარეზე. ამ ბიბლიოთეკაში, როგორც წესი, დიდი რაოდენობით სხვადასხვა სახის თვისებები. და გადაადგილების აღწერილია აქ წარმოადგენს მხოლოდ მცირე ნაწილი მისი შესაძლებლობები.

ეს გამოიყურება საკმაოდ მიმზიდველი საიტი, რომელიც შექმნა სხვადასხვა თანამედროვე ელემენტებით იქნა გამოყენებული. ერთ-ერთი მათგანი - Parallax. მაგალითები საიტები შეიძლება ასე გამოიყურება:

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

jParallax წარმოდგენილი ფენების, მოძრავი მაუსის გადავიდა. დინამიური დამახასიათებელი აბსოლუტური ელემენტები (პოზიცია: აბსოლუტური;). თითოეული მათგანი ხასიათდება მისი ზომის და მოძრაობის ინდივიდუალური კურსი. ეს შეიძლება იყოს ტექსტი ან სურათი (სურვილისამებრ რესურსი შემოქმედთა).

აღქმა ნახვა სტუმარი

ამის შემდეგ, ადამიანები, როგორც წესი, ყურადღება მიაქციონ იმ ფაქტს, რომ გვერდი კარკასის მაღალი ხარისხის, მოსახერხებელი და კომპეტენტურად. ეს ფაქტი, როგორც წესი, აქვს მნიშვნელობა პატივისცემა. ზოგჯერ ცნობისმოყვარეობა განიცდიან სხვა ელემენტების ხდება. ინტერნეტში არსებობს დიდი რაოდენობის იდენტური საიტებზე. როგორ, რათა თქვენს ცხოვრებაში განსაკუთრებული?

თუ დიზაინი გნებავთ, მაშინ სტუმარმა დარჩება უფრო დიდი ხნით. აქედან გამომდინარე, იზრდება ალბათობა, რომ ეს მოიზიდავს Uploaded ინფორმაცია, ის მანიფესტი ინტერესი. და ბოლოს, ადამიანი ისარგებლოს სერვისების, პროდუქტის ან სარეკლამო შეთავაზება.

საყვარელი ძველი თამაშები

კონცეფცია "parallax" უნდა იყოს ნაცნობი ყველა გულშემატკივარი კონსოლები 80-90. ეს ეხება თამაშები:

1. Mario Bros.
2. Mortal Kombat.
3. Streets of Rage.
4. მთვარე საპატრულო.
5. Turtles დრო.

რომ არის, Parallax - ტექნიკა, რომელიც იყენებს საკმარისად ხანგრძლივი დროის. ეს თამაშები მართლაც გავიხსენოთ ზოგიერთი ნოსტალგია. ყოველივე ამის შემდეგ, თუ ისინი გამსჭვალული ხასიათი პერიოდში.

გამოსახულებები ეკრანზე იქმნება გამოყენებით ტექნიკას, როგორიცაა Parallax სენსორული. არაფერია გასაკვირი იმაში, რომ ეს მეთოდი მოიპოვა დამსახურებულად პოპულარობა. ეს კონცეფცია თბილი საკმარისი კი, ვინც ითამაშა 80-90 წლის და უყურებს დასვენების მეგობარი.

Parallax სენსორული

მარკეტინგის წამყვანი ბრენდების დიდი ხანია გამოიყენება ყველა სახის ტექნოლოგიური მიღწევების. ამდენად, არ არის გამორიცხული, ინტერესი კი შემთხვევითი სტუმარი საიტზე.

Parallax სენსორული უკვე საკმაოდ წარმატებით გამოიყენება ნაიკის. განვითარების ორიგინალური საიტი კომპანია ჩართული დიზაინერებს Weiden და კენედის. თუმცა, ეს დიზაინი არ შემონახული. წყარო თანდათან მხრიდან შესაბამისად თანამედროვე ტენდენციები. Activatedrinks.com - მაგალითად საიტის რომლის დიზაინი თქვენში გაფორმება გამოიყენება მარკეტინგის Nike მითითებულ პერიოდში.

მშობლიურ არ უნდა იყოს ბევრი

ნუ დაგავიწყდებათ, რომ დიზაინი საიტზე ხშირად საკვანძო კრიტერიუმი, რომელიც უძღვება სტუმარი. ცუდად გააკეთა ცხოვრებაში, როგორც წესი ტოვებს მომხმარებლის შთაბეჭდილებას უყურადღებობის მფლობელი კომპანია. აქ არის საიტი ყველა სახის დიზაინის ელემენტები ვარაუდობს, რათა მფლობელებს ორგანიზაციის დაინტერესებული სია.

აღსანიშნავია, რომ მახსოვს parallax. ეს არის შესანიშნავი ინსტრუმენტი. მაგრამ ისინი არ სჭირდება ჩაერთოს. იმის გამო, რომ გვერდზე, სადაც არსებობს დიდი რაოდენობით სხვადასხვა სახის მობილური ელემენტები, არის საკმაოდ რთული გასაგებია. ეს არის საუკეთესო, რათა კლირენსი საუკეთესო თანამედროვე და ინტუიციური.

დინამიური უნდა იყოს ცალკეული ელემენტები, რომელიც მოითხოვს იზოლაცია. გარდა ამისა, ეს შეიძლება იყოს ნახატი, რომელიც იქმნება გამოყენებით მოძრავი ერთი ნათესავი სხვა ფენები. ნუ დაგავიწყდებათ, რომ მომხმარებელს საიტი გაკეთდა პირველ რიგში სია. ეს არ უნდა იყოს ინტერნეტ საძიებო შედევრი, დააყენა ყველა მისი ცოდნა. ყოველივე ამის შემდეგ, ასეთი მიდგომა მხოლოდ გაართულებს აღქმა.

როგორ შევქმნათ მოძრაობა ონლაინ

როგორ გააკეთოს parallax? ეს საკითხი ძალიან დაინტერესებული ბევრი ნახვა ხელოვანები. არ უნდა იცოდეს intricacies წერის tags. ეს არის ძალიან მოსახერხებელი გამოიყენოს სპეციალური რესურსები ინტერნეტში. დიდი რაოდენობით არსებული წინადადებები შემდეგი თანამშრომლები:

1. Plax - პროგრამა, რომელიც არის საკმაოდ მარტივი. იგი, როგორც წესი, რათა მობილობის გვერდი გადაადგილების მაუსის.
2. jQuery Parallax Image Slider - jQuery მოდული გამოიყენება, რათა შეიქმნას იმიჯი sliders.
3. JQuery Image Parallax - შესაფერისი გაფორმება გამჭვირვალე images. მადლობა მისი გამოყენება PNG, GIF შეიძინოს სიღრმე, ცოცხალი მოძრაობა.
4. Curtain.js გამოიყენება, რათა შეიქმნას გვერდზე, აღჭურვილია ფიქსირებული პანელი. ამ შემთხვევაში, არ არის ეფექტი გახსნის ფარდები.
5. სენსორული Parallax: A jQuery Plugin უნდა შეიქმნას Parallax ეფექტი, როდესაც თქვენ გადახვევა მაუსის ბორბალი.

რამდენიმე სასარგებლო plugins

როგორც ცნობილია, ყველაზე ძვირფასი არის ინფორმაცია. და უფრო დიდი რაოდენობის გზები, რათა მივაღწიოთ სასურველ ცნობილია, უფრო ახლოს ალბათობა მოპოვების სწორი შედეგი. სასარგებლო plug-ins შექმნისას გამოყენებულმა დინამიკა:

1. jQuery Scroll Path - ათავსებდა ობიექტების მითითებულ გზას.
2. Scrollorama - jQuery-მოდული. იგი გამოიყენება როგორც ინსტრუმენტი მიმზიდველი პრეზენტაცია მასალა. ეს საშუალებას აძლევს ადვილი სენსორული გამო "აღორძინების" ტექსტი ხელმისაწვდომია გვერდზე.
3. Scrolldeck - jQuery-მოდული. ეს არის დიდი გადაწყვეტა გამოყენება როგორც პრეზენტაციაზე საიტი, შექმნილია როგორც ერთი გვერდი.
4. jParallax მოძრაობს ფენების დამოკიდებულია გადაადგილების მაუსის მაჩვენებელი.
5. Stellar.js - plug რომლითაც თითოეული ელემენტის მზადდება დამატებით Parallax ეფექტი სენსორული.

Parallax მითითებით კურსორი

საკმარისია ეფექტურად გამოიყურება parallax. ჯერ კიდევ პირველ გვერდზე საიტი ობიექტი გადავიდა მიდგომა მაუსის მაჩვენებელი. საქმე სიცოცხლის და შემდეგნაირად მოძრავი ელემენტს.

პირველი გაჩერება უნდა იყოს ფიგურა. სასურველი გამოსახულება მოთავსებულია ფარგლებში, კიდეები გსურთ დამალვა. მეთოდი ძალიან მარტივია, და ამგვარად მიღებული ნიმუში გამოიყურება საკმაოდ მიმზიდველია.

Parallax ეფექტი საიტზე - ეს არის შესანიშნავი გზა, რათა შეიმუშავონ. მისი გამოყენება ვარაუდობს, რომ შექმნის რესურსი ეთმობა სათანადო ყურადღება. ამიტომ აუცილებელია, ყურადღება მიაქციონ შეთავაზებული მომსახურების ან ინფორმაციის უნდა წაიკითხოთ. ამ საიტებზე უფრო ხელსაყრელი ფონზე იდენტურია, მაგრამ უბრალოდ მორთული რესურსები.