Parallax - αυτό ... Parallax αποτέλεσμα: παραδείγματα

Η παράλλαξη της κίνησης σημαίνει μια αλλαγή στη θέση ενός αντικειμένου σε οποιοδήποτε υπόβαθρο σε σχέση με τον παρατηρητή, ο οποίος είναι επί τόπου. Ο όρος κέρδισε τη δημοτικότητα στο Διαδίκτυο. Ειδικότερα, είναι ενδιαφέρον να δούμε τις περιοχές, που υπάρχουν στο σχεδιασμό των δυναμικών στοιχείων. Parallax - ένας τρόπος για να σχεδιάσει τις σελίδες στο διαδίκτυο που χρησιμοποιείται από τα webmasters για να προσελκύσουν μεγάλο αριθμό επισκεπτών.

Ποια είναι η παράλλαξη

Παράλλαξη κύλιση μπορεί να χρησιμοποιηθεί κατακόρυφα και σε μια ευθεία γραμμή. Ως παράδειγμα, το πλέον κατάλληλο Nintendo. Πολλοί από εμάς με τα παιχνίδια νοσταλγία υπολογιστή εκπροσώπησε την κίνηση από τους κύριους χαρακτήρες από την αριστερή πλευρά προς τα δεξιά της οθόνης. Είναι επίσης δυνατό να κινηθεί προς τα κάτω, που φέρεται από ένα κάθετα τοποθετημένο ίσια. Parallax επίδραση στο δίκτυο χρησιμοποιείται συχνά. Μπορείτε να χρησιμοποιήσετε JavaScript ή CSS 3 για να δημιουργήσει μια κάθετη μπάρα.

Γι 'αυτούς, απλά περίεργη χαρακτήρισε την τρισδιάστατη χωρική επίδραση. Χρησιμοποιήθηκαν οι δημιουργοί των παιχνιδιών πολλαπλών στρωμάτων φόντο. Διαφέρουν ως προς την υφή, η κίνηση διεξάγεται με διαφορετικό ρυθμό.

Μην νομίζετε ότι παράλλαξης - αυτό είναι δυνατό μόνο για να δημιουργήσετε ένα 3D αποτέλεσμα. υπάρχουσες εικόνες μπορούν να μετακινηθούν στη σελίδα. Ειδικότερα, φαίνεται αρκετά ελκυστική. Ειδικά η καλύτερη επιλογή είναι να χρησιμοποιήσετε μια ατομική πορεία για το καθένα από αυτά. Στην περίπτωση αυτή, χρησιμοποιεί διαφορετικά εικονίδια για να περιηγηθείτε μέσα από διαφορετικές διαδρομές. Αυτό το σχέδιο προσελκύει την προσοχή.

αναβιώνοντας την εικόνα

Είναι δύσκολο να βρείτε ένα χώρο χωρίς εικόνες. Ποιοτικά έκανε και ενδεικτικά στοιχεία προσέλκυση επισκεπτών. Αλλά οι περισσότεροι προκαλούν την προσοχή όλων των ειδών δυναμική εικόνα. Πράγματι, αν η παρατηρούμενη κίνηση, προσελκύει την προσοχή, όταν επισκέπτονται την ιστοσελίδα. Αυξάνει σημαντικά την πιθανότητα της επιστροφής των επισκεπτών του πόρου σε μια δυναμική εικόνα. Και φάνηκε να κινηθεί ή όχι; Ως εκ τούτου, προκειμένου να προσελκύσει επισκέπτες στην περιοχή θα πρέπει να μελετηθεί ένα τέτοιο πράγμα όπως η παράλλαξη αποτέλεσμα.

Παραδείγματα ιστοσελίδων με κινούμενες εικόνες:

• hvorostovsky.com?
• www.kagisointeractive.com.

Όπως δείχνεται στα Παραδείγματα, η αντίληψη βελτιώνεται στο στοιχείο αναπτυσσόμενο μενού. Ένα τέτοιο στοιχείο σώζει τους επισκέπτες χρόνο τόσο ελκυστικό για αυτούς.

βιβλιοθήκη jQuery

Όρος jQueryParallax καθορίζουν την ομώνυμη βιβλιοθήκη. Χάρη σε αυτό είναι εύκολο να επιτευχθεί το αποτέλεσμα σε 3D κίνηση. Η βιβλιοθήκη jQuery της τρισδιάστατης αντίληψης δημιουργείται με διάφορους τρόπους. Ένας από αυτούς είναι οριζόντια ενώ κινείται φόντο αντικείμενα με διαφορετικές ταχύτητες. Για αυτήν τη βιβλιοθήκη τείνουν του μεγάλου αριθμού των διαφορετικών ειδών των ακινήτων. Και η μετατόπιση που περιγράφεται εδώ αποτελεί μόνο ένα μικρό μέρος των δυνατοτήτων του.

Φαίνεται αρκετά ελκυστική ιστοσελίδα, η οποία είναι να δημιουργήσει μια ποικιλία από μοντέρνα στοιχεία έχουν χρησιμοποιηθεί. Ένας από αυτούς - η παράλλαξη. Παραδείγματα των χώρων μπορεί να μοιάζει κάπως έτσι:

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

jParallax παρουσιάζονται στρώματα, μετακινώντας το ποντίκι μετακινείται. Για τη δυναμική χαρακτηριστική των απολύτων στοιχεία τοποθέτησης (θέση: απόλυτη?). Κάθε ένα από αυτά χαρακτηρίζεται από το μέγεθος και την κίνηση του προς το ατομικό ποσοστό. Αυτό μπορεί να είναι ένα κείμενο ή μια εικόνα (προαιρετικό δημιουργοί των πόρων).

Η αντίληψη του επισκέπτη ιστοχώρου

Μετά από αυτό, οι άνθρωποι πληρώνουν συνήθως την προσοχή στο γεγονός ότι η σελίδα πλαισιώνεται υψηλής ποιότητας, εύκολη και αρμοδίως. Το γεγονός αυτό είναι συνήθως ένα θέμα σεβασμού. Μερικές φορές η περιέργεια να γνωρίσουν προκύπτουν τα άλλα στοιχεία. Στο Διαδίκτυο υπάρχει ένα τεράστιο αριθμό πανομοιότυπων sites. Πώς να κάνετε τη ζωή σας ξεχωριστή;

Αν το σχέδιο που σας αρέσει, τότε ο επισκέπτης θα παραμείνουν για μεγαλύτερο χρονικό διάστημα. Έτσι, αυξάνοντας την πιθανότητα ότι θα προσελκύσει Uploaded πληροφορίες, δείχνει ενδιαφέρον. Στο τέλος, οι άνθρωποι θα επωφεληθούν από τις υπηρεσίες που προσφέρονται, το προϊόν ή την προωθητική προσφορά.

Αγαπημένα παλιά παιχνίδια

Η έννοια της «Παράλλαξη» θα πρέπει να είναι εξοικειωμένοι με όλους τους οπαδούς των 80-90s κονσόλες. Αυτό ισχύει για τα παιχνίδια:

1. Mario Bros.
2. Mortal Kombat.
3. Streets of Rage.
4. Moon Patrol.
5. Χελώνες στο χρόνο.

Δηλαδή, η παράλλαξη - μια τεχνική που χρησιμοποιεί ένα αρκετά μεγάλο χρονικό διάστημα. Αυτά τα παιχνίδια είναι πραγματικά θυμηθούμε με κάποια νοσταλγία. Μετά από όλα, αν είναι διαποτισμένη με το χαρακτήρα της περιόδου.

Οι εικόνες στην οθόνη που δημιουργήθηκε με τη χρήση τεχνικών όπως η parallax scrolling. Δεν υπάρχει τίποτα περίεργο στο γεγονός ότι αυτή η μέθοδος έχει κερδίσει επάξια τη δημοτικότητα. Αυτή η έννοια του σχεδιασμού είναι αρκετά αντιληπτή ζεστό από αυτούς που έπαιξαν στα 80-90 χρόνια και παρακολουθούσα τους φίλους αναψυχής.

Parallax Scrolling

Οι έμποροι από τις κορυφαίες μάρκες έχουν χρησιμοποιήσει καιρό όλα τα είδη των τεχνολογικών εξελίξεων. Έτσι, είναι δυνατόν να ενδιαφέρουν ακόμα και τον απλό επισκέπτη του δικτυακού τόπου.

Parallax scrolling έχουν χρησιμοποιηθεί με μεγάλη επιτυχία σε της Nike. Η ανάπτυξη του αρχικού ιστοσελίδα της εταιρείας που ασχολούνται σχεδιαστές Weiden και Κένεντι. Ωστόσο, αυτό το σχέδιο δεν σώζεται. Πηγή σταδιακά ενημερώνονται σύμφωνα με τις σύγχρονες τάσεις. Activatedrinks.com - παράδειγμα ενός site των οποίων ο σχεδιασμός θυμίζει διακόσμησης που χρησιμοποιούνται από τους εμπόρους Nike συγκεκριμένο χρονικό διάστημα.

Ομιλητές δεν θα πρέπει να είναι πολύ

Μην ξεχνάτε ότι ο σχεδιασμός του χώρου συχνά αποτελεί βασικό κριτήριο που καθοδηγεί τον επισκέπτη. Κακώς έκανε τη ζωή συνήθως αφήνει στον χρήστη την εντύπωση της απροσεξίας του ιδιοκτήτη της εταιρείας. Και εδώ είναι ένα site με όλα τα είδη των ελκυστικών σχεδιαστικά στοιχεία δείχνουν μια προσπάθεια οργάνωσης των ιδιοκτητών ενδιαφερόμενους επισκέπτες.

Αξίζει να θυμηθούμε την παράλλαξη. Είναι ένα θαυμάσιο εργαλείο. Αλλά ακόμα δεν χρειάζονται πολλά για να εμπλακούν. Επειδή η σελίδα όπου υπάρχει ένας μεγάλος αριθμός διαφορετικών ειδών των κινητών στοιχείων, είναι αρκετά περίπλοκη για να καταλάβει. Είναι καλύτερο να κάνει μια κάθαρση με τον καλύτερο κομψό και έξυπνο.

Δυναμική πρέπει να είναι ξεχωριστά στοιχεία που απαιτούν απομόνωση. Επίσης μπορεί να είναι παρόν σχέδιο, το οποίο δημιουργείται με τη χρήση μετακινώντας ένα σε σχέση με τα άλλα στρώματα. Μην ξεχνάτε ότι η ιστοσελίδα του χρήστη γίνεται κυρίως για τους επισκέπτες. Δεν θα πρέπει να είναι ένας κύριος Ιστού αριστούργημα, να θέσει όλες τις γνώσεις του. Μετά από όλα, μια τέτοια προσέγγιση θα περιπλέξει μόνο την αντίληψη.

Πώς να δημιουργήσετε ένα κίνημα σε απευθείας σύνδεση

Πώς να κάνετε μια παράλλαξη; Το θέμα αυτό είναι πολύ ενδιαφέρεται για τους πολλούς δημιουργούς της ιστοσελίδας. Δεν χρειάζεται να γνωρίζουν τις ιδιαιτερότητες των ετικετών γραφής. Είναι πολύ βολικό στη χρήση ειδικών πόρων στο Διαδίκτυο. Του μεγάλου αριθμού των υφιστάμενων προτάσεων είναι οι εξής συνεργάτες:

1. Plax - πρόγραμμα, το οποίο είναι αρκετά εύκολο στη χρήση. Έχει την τάση να δίνουν την κινητικότητα της σελίδας μετακινώντας το ποντίκι.
2. jQuery Parallax Image Slider - jQuery plugin που χρησιμοποιούνται για να δημιουργήσουν ρυθμιστικά εικόνα.
3. JQuery Parallax Εικόνα - κατάλληλο για τη διακόσμηση των διαφανών εικόνων. Χάρη στη χρήση της PNG, βάθος αποκτούν GIF, ζωντανή κίνηση.
4. Curtain.js χρησιμοποιείται για να δημιουργήσει τη σελίδα, εξοπλισμένο με σταθερό πίνακα. Σε αυτή την περίπτωση, υπάρχει η επίδραση του ανοίγματος των κουρτινών.
5. Κύλιση Parallax: Ένα jQuery Plugin είναι να δημιουργηθεί ένα φαινόμενο παράλλαξης όταν κάνετε κύλιση του τροχού του ποντικιού.

Μόλις μερικά χρήσιμα plugins

Όπως είναι γνωστό, το πιο πολύτιμο είναι οι πληροφορίες. Και ο μεγαλύτερος είναι ο αριθμός των τρόπων για την επίτευξη του επιθυμητού γνωστό, όσο πιο κοντά την πιθανότητα απόκτησης ένα σωστό αποτέλεσμα. Χρήσιμες plug-ins χρησιμοποιούνται για να δημιουργήσουν δυναμική της:

1. jQuery Scroll Path - χρησιμοποιείται για να τοποθετήσετε αντικείμενα στην καθορισμένη διαδρομή.
2. Scrollorama - jQuery-plugin. Χρησιμοποιείται ως εργαλείο για την ελκυστικό υλικό παρουσίασης. Επιτρέπει την εύκολη κύλιση λόγω «αναβιώσει» το κείμενο διαθέσιμη στη σελίδα.
3. Scrolldeck - jQuery-plugin. Είναι μια πολύ καλή λύση για χρήση ως μια παρουσίαση για την περιοχή, έχουν σχεδιαστεί ως μία σελίδα.
4. jParallax κινείται στρώσεις, ανάλογα με την κίνηση του δείκτη του ποντικιού.
5. Stellar.js - βύσμα με την οποία το κάθε στοιχείο κατασκευάζεται με την προσθήκη παράλλαξης κύλιση αποτελέσματος.

Parallax σε σχέση με τον κέρσορα

Αρκεί φαίνεται αποτελεσματικά μια παράλλαξη. Ακόμα στην πρώτη σελίδα του site αντικείμενα κινούνται στην προσέγγιση του δείκτη του ποντικιού. Έρχεται στη ζωή και ακολουθεί το κινούμενο στοιχείο.

Πρώτη στάση θα πρέπει να είναι η εικόνα. Η επιθυμητή εικόνα τοποθετείται στο πλαίσιο, με τις άκρες που θέλετε να αποκρύψετε. Η μέθοδος είναι πολύ απλή, και η ως εκ τούτου λαμβάνεται μοτίβο φαίνεται αρκετά ελκυστική.

Parallax ισχύ για ένα χώρο - είναι ένας θαυμάσιος τρόπος για να σχεδιάσει. Η χρήση του υποδηλώνει ότι η δημιουργία ενός πόρου δίνεται η δέουσα προσοχή. Ως εκ τούτου, είναι αναγκαίο να δοθεί προσοχή στις προσφερόμενες υπηρεσίες ή πληροφορίες που θα διαβάσετε. Αυτές οι περιοχές φαίνονται πιο συμφέρουσα στο πλαίσιο των ίδιων, αλλά απλά διακοσμημένα πόρων.