6 ιστότοποι με εφέ Parallax

Soleil Noir, Ιστός με εφέ Parallax

El Παράλληλο αποτέλεσμα Είναι το διαδικτυακό στοιχείο που ακούτε περισσότερο για σήμερα. Το να πούμε ότι ήταν μια τάση για τουλάχιστον ένα χρόνο είναι λίγο. Μετά την άνοδο των ιστότοπων HTML5, CSS3, jQuery και μιας σελίδας (αποτελούμενο από μία μόνο σελίδα), αυτό το οπτικό εφέ έχει φτάσει στους πιο προηγμένους ιστότοπους για να μας εκπλήξει.

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

Τι είναι το Parallax;

Ας ξεκινήσουμε από την αρχή, τι είναι αυτό για το Parallax; Αυτό δεν περιλαμβάνει τίποτα περισσότερο από το να προκαλούμε ότι, όταν κινούμαστε κάθετα στη σελίδα (δηλαδή, κάνουμε κύλιση), το φόντο κινείται με πολύ πιο αργή ταχύτητα από τα άλλα στοιχεία. Είναι σαν να είχαμε χωρίσει τον ιστότοπό μας σε δύο ή περισσότερα επίπεδα του Photoshop. Και αυτό που επιτυγχάνει το εφέ Parallax μας δίνει αίσθημα βάθους, που πολλοί αναφέρονται επίσης ως εφέ 3D.

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

6 Παραδείγματα ιστότοπων με το εφέ Parallax

  1. Κύκλεμον: Εφέ παράλλαξης που λειτουργεί και ωφελεί. Υπάρχει λίγο κείμενο, πολύ συνοπτικό, το οποίο συνοδεύεται από α εικόνα που αλλάζει μαζί του. Σε αυτήν την περίπτωση, το αποτέλεσμα δεν με ενοχλεί: με βοηθάει να ενδιαφέρομαι για περιεχόμενο που, αφηγείται με άλλο τρόπο, δεν θα με προσελκύσει στο ελάχιστο. Κύκλεμον
  2. L'unità: Με ελκύει η ποιότητα του εικόνα που στέφει τον ιστό. Ωστόσο, η αφθονία των εικόνων και το χαμηλό ύψος που δίνεται σε κάθε ενότητα με παραπλανούν. Το εφέ Parallax δεν με ενοχλεί, αλλά νομίζω ότι τα υψηλότερα τμήματα θα κέρδιζαν περισσότερα. Παρεμπιπτόντως: εάν κλείσετε τον ιστό και τον ανοίξετε ξανά, η κύρια εικόνα αλλάζει. Εικόνα ζυμαρικών
  3. Τιτανικός: Απλά δροσερό και λαμπρό. Την πρώτη φορά που συνδέθηκα, δεν μπορούσα να αποφύγω την κύλιση όλη την ώρα, έως ότου έφτασα στο τέλος. Γι 'αυτό επέστρεψα στην αρχή του διαδικτύου για να διαβάσω το περιεχόμενο, απολαμβάνοντας το εφέ Parallax ξανά. Θα μου πεις τι πιστεύεις. Τιτανικός
  4. Sony: Εάν έχετε πραγματοποιήσει αναζήτηση στο Διαδίκτυο για παραδείγματα Parallax, πιθανότατα έχετε δει αυτήν τη σελίδα. Και είναι λογικό, γιατί το αποτέλεσμα είναι καταπληκτικό. Η καλύτερη εφαρμογή του εφέ που έχω δει μέχρι τώρα, χωρίς δισταγμό. Ιστοσελίδα της Sony
  5. Soleil noir: Μου θυμίζει πολύ το Cyclemon's. Είναι επίσης εικόνες σε συνδυασμό με λίγο κείμενο. Μου αρέσει πολύ η πλευρική γραμμή που ταξινομείται κατά χρώμα, η οποία μας δίνει την επιλογή να επιστρέψουμε ή να προχωρήσουμε σε οποιαδήποτε ενότητα. Soleil Noir, Ιστός με εφέ Parallax
  6. Απίθανος: Συγγνώμη, δεν είμαι πεπεισμένος. Είναι ένας ιστότοπος που με κάνει να ζαλίζομαι: υπάρχουν πάρα πολλά στοιχεία, έχω την αίσθηση ότι όλα κινούνται ... Δεν μου αρέσει πολύ. Τι νομίζετε; Ιστό μπλε τόνων
  7. Γκίλγκουλ: Μου άρεσε πολύ το φόντο gif. Δεν καταλαβαίνω τίποτα που λέει στον Ιστό, αλλά μου αρέσει. Γκίλγκουλ

Το περιεχόμενο του άρθρου συμμορφώνεται με τις αρχές μας συντακτική ηθική. Για να αναφέρετε ένα σφάλμα κάντε κλικ Aquí.

2 σχόλια, αφήστε τα δικά σας

Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί.

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.

  1.   projectycreationweb.com dijo

    Τι περίεργο αποτέλεσμα αυτού του Paralax, θα ήθελα πάρα πολύ να μάθω πώς επιτυγχάνεται προκειμένου να το εξασκήσω και να το συμπεριλάβω σε μερικά από τα διαδικτυακά μου σχέδια.

  2.   Ο Λιούις προκάλεσε dijo

    Πώς έχουμε πρόσβαση σε αυτά τα σχέδια;

bool (αλήθεια)