El Παράλληλο αποτέλεσμα Είναι το διαδικτυακό στοιχείο που ακούτε περισσότερο για σήμερα. Το να πούμε ότι ήταν μια τάση για τουλάχιστον ένα χρόνο είναι λίγο. Μετά την άνοδο των ιστότοπων HTML5, CSS3, jQuery και μιας σελίδας (αποτελούμενο από μία μόνο σελίδα), αυτό το οπτικό εφέ έχει φτάσει στους πιο προηγμένους ιστότοπους για να μας εκπλήξει.
Αν περιηγηθούμε στο διαδίκτυο, θα δούμε ότι, στις περισσότερες σελίδες, η χρήση του είναι πειραματική. Ειδικά στην κατηγορία των διαδικτυακών χαρτοφυλακίων, οι σχεδιαστές δίνουν ελεύθερο έλεγχο στη φαντασία τους επιδείξτε τις ικανότητές σας και προσπαθήστε να κάνετε ένα ακόμη βήμα απ 'ό, τι έκανε ο διπλανός συνεργάτης. Εδώ σας παρουσιάζουμε μια συλλογή από 6 ιστότοπους με το Parallax για να δείτε και να σχολιάσετε.
Τι είναι το Parallax;
Ας ξεκινήσουμε από την αρχή, τι είναι αυτό για το Parallax; Αυτό δεν περιλαμβάνει τίποτα περισσότερο από το να προκαλούμε ότι, όταν κινούμαστε κάθετα στη σελίδα (δηλαδή, κάνουμε κύλιση), το φόντο κινείται με πολύ πιο αργή ταχύτητα από τα άλλα στοιχεία. Είναι σαν να είχαμε χωρίσει τον ιστότοπό μας σε δύο ή περισσότερα επίπεδα του Photoshop. Και αυτό που επιτυγχάνει το εφέ Parallax μας δίνει αίσθημα βάθους, που πολλοί αναφέρονται επίσης ως εφέ 3D.
Με όλα αυτά τα «νέα», δεν πρέπει ποτέ να αφήσουμε τους εαυτούς μας να παρασυρθούν από τις τάσεις σε τέτοιο βαθμό που να ξεχνάμε τον πραγματικό σκοπό μιας ιστοσελίδας: επικοινωνούν, πες κάτι. Και έχω δει πολυάριθμος ιστότοποςΣτην οποία η δημιουργικότητα των εικόνων και των στοιχείων που κινούνται μαγικά στην οθόνη είναι τόσο συντριπτική που το βλέμμα μου αποφεύγει να σταματήσει να διαβάζει ό, τι λέγεται σε αυτήν.
6 Παραδείγματα ιστότοπων με το εφέ Parallax
- Κύκλεμον: Εφέ παράλλαξης που λειτουργεί και ωφελεί. Υπάρχει λίγο κείμενο, πολύ συνοπτικό, το οποίο συνοδεύεται από α εικόνα που αλλάζει μαζί του. Σε αυτήν την περίπτωση, το αποτέλεσμα δεν με ενοχλεί: με βοηθάει να ενδιαφέρομαι για περιεχόμενο που, αφηγείται με άλλο τρόπο, δεν θα με προσελκύσει στο ελάχιστο.
- L'unità: Με ελκύει η ποιότητα του εικόνα που στέφει τον ιστό. Ωστόσο, η αφθονία των εικόνων και το χαμηλό ύψος που δίνεται σε κάθε ενότητα με παραπλανούν. Το εφέ Parallax δεν με ενοχλεί, αλλά νομίζω ότι τα υψηλότερα τμήματα θα κέρδιζαν περισσότερα. Παρεμπιπτόντως: εάν κλείσετε τον ιστό και τον ανοίξετε ξανά, η κύρια εικόνα αλλάζει.
- Τιτανικός: Απλά δροσερό και λαμπρό. Την πρώτη φορά που συνδέθηκα, δεν μπορούσα να αποφύγω την κύλιση όλη την ώρα, έως ότου έφτασα στο τέλος. Γι 'αυτό επέστρεψα στην αρχή του διαδικτύου για να διαβάσω το περιεχόμενο, απολαμβάνοντας το εφέ Parallax ξανά. Θα μου πεις τι πιστεύεις.
- Sony: Εάν έχετε πραγματοποιήσει αναζήτηση στο Διαδίκτυο για παραδείγματα Parallax, πιθανότατα έχετε δει αυτήν τη σελίδα. Και είναι λογικό, γιατί το αποτέλεσμα είναι καταπληκτικό. Η καλύτερη εφαρμογή του εφέ που έχω δει μέχρι τώρα, χωρίς δισταγμό.
- Soleil noir: Μου θυμίζει πολύ το Cyclemon's. Είναι επίσης εικόνες σε συνδυασμό με λίγο κείμενο. Μου αρέσει πολύ η πλευρική γραμμή που ταξινομείται κατά χρώμα, η οποία μας δίνει την επιλογή να επιστρέψουμε ή να προχωρήσουμε σε οποιαδήποτε ενότητα.
- Απίθανος: Συγγνώμη, δεν είμαι πεπεισμένος. Είναι ένας ιστότοπος που με κάνει να ζαλίζομαι: υπάρχουν πάρα πολλά στοιχεία, έχω την αίσθηση ότι όλα κινούνται ... Δεν μου αρέσει πολύ. Τι νομίζετε;
- Γκίλγκουλ: Μου άρεσε πολύ το φόντο gif. Δεν καταλαβαίνω τίποτα που λέει στον Ιστό, αλλά μου αρέσει.
Τι περίεργο αποτέλεσμα αυτού του Paralax, θα ήθελα πάρα πολύ να μάθω πώς επιτυγχάνεται προκειμένου να το εξασκήσω και να το συμπεριλάβω σε μερικά από τα διαδικτυακά μου σχέδια.
Πώς έχουμε πρόσβαση σε αυτά τα σχέδια;