20 ιστότοποι με αποτέλεσμα Creative MouseOver

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

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

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

Pixels από τον Tomer Lerner

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

Haus

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

Canva

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

Κύρια έργα

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

Cedric Pereira

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

Bullmonk

Bullmonk είναι μια ιστοσελίδα επιχειρηματική διαχείριση με ένα απλό animation SVG στην αρχική σελίδα. Απλά ποντίκι πάνω από το πλέγμα ορθογωνίου για να δείτε πώς τρύπες σχηματίζονται σε αυτό.

InSymbiosis

InSymbiosis παρέχει στην Βιομηχανία Biopharma μια εναλλακτική στρατηγική να επιταχύνουν τα προγράμματα ανάπτυξης φαρμάκων. Μετακινήστε το ποντίκι σας για να δείτε φοβερό μικροσυσχέσεις με κείμενο, κουμπιά και στοιχεία φόντου.

Δημιουργικό στούντιο OUI R

Το OUI R είναι α πολυεπιστημονικό στούντιο σχεδιασμού αφιερωμένο στη δημιουργία προϊόντων, με βάση δημιουργικές οπτικές ιδέες. Όταν τοποθετείτε τον κέρσορα του ποντικιού στις εικόνες, αυτοί να εμφανίσετε πληροφορίες και με το ποντίκι να μετακινηθείτε στην επόμενη εικόνα.

Minnim

Το Minnim έχει ένα διαδραστική αρχική σελίδα με πολύχρωμους κύκλους γραμμής που κινούνται με το ποντίκι. Μπορείς δημιουργούν ένα νέο στοιχείο κύκλου με λογότυπο χρησιμοποιώντας το ποντίκι σας.

Πλήρης δέσμη

Το Full Bundle είναι μια δημιουργική ψηφιακή αντιπροσωπεία. Η αρχική σελίδα τους χωρίζεται σε δύο στήλες: λογική με μπλε τρίγωνα και δημιουργικότητα με κόκκινα τετράγωνα. Όταν κρατάτε το ποντίκι πάνω από αυτά τα στοιχεία, αυτά αναπήδηση με πολύ ρευστό τρόπο.

FS χωρίς τίτλο

FS χωρίς τίτλο προσκαλεί τους επισκέπτες να επιλέξουν ένα όνομα για το πρόσωπο της γραμματοσειράς. Η αρχική σελίδα εμφανίζει κελιά που όταν κάνετε κλικ, οδηγεί στο demo της συγκεκριμένης γραμματοσειράς.

Σιδηρόδρομος

Το Trainrobber είναι ένα AR και VR που παράγει πρωτοποριακές βυθιζόμενες εμπειρίες για μάρκες. Καθώς τοποθετείτε το ποντίκι στην αρχική σελίδα, διαφορετικά τα στοιχεία κινούνται οριζόντια σαν μια τεχνική χρώματος δυτική ταινία. Οι κατηγορίες κινούνται επίσης με το ποντίκι.

Sakura International Inc.

Η Sakura είναι μια εταιρεία με έδρα την Ιαπωνία που επικεντρώνεται στην ανθρώπινη δικτύωση. Μπορείς συνδέστε τις τελείες στο παρασκήνιο με μία κίνηση του ποντικιού σας.

Fan Studio

Το Fan Studio είναι ένας ιστοχώρος γελοιογραφίας που δημιουργεί κινητά παιχνίδια και εφαρμογές. Για να φτιάξεις μια κίνηση το φόντο μετακινείται μαζί με το δρομέα του ποντικιού σας.

Studio Περιστροφή

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

Η εταιρίαMcBrideCompany

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

Έξυπνο Franke

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

Κέντρο σχεδιασμού μηνυμάτων

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

Απλά κωδικοποιημένο

Το Just Coded έχει εκπληκτικό σκούρο φόντο με κουκκίδες που σχηματίζουν καμβά. Όταν το ποντίκι πάνω από αυτόν τον καμβά, μοιάζει ζωντανό, γιατί αρχίζει να κινείται και να αλλάζει προοπτική.

Κινητικές εφαρμογές

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