Οι καλύτεροι ιστότοποι που βασίζονται σε εικόνες SVG

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

Το SVG είναι μια μορφή Διανυσματική εικόνα που βασίζεται σε XML για 2D γραφικά. Αυτός ο τύπος μορφής γραφικών μπορεί να χρησιμοποιηθεί για όλα τα είδη εφέ, εικόνες, κινούμενα σχέδια και διαδραστικότητα για να δώσει μεγαλύτερη χρηστικότητα στους ιστότοπους στους οποίους είναι ενσωματωμένος. Καθώς ζυγίζει λίγο, μας επιτρέπει να παίξουμε με αυτούς τους τύπους ενεργειών, οπότε πρόκειται να δείξουμε τους καλύτερους ιστότοπους που διαθέτουν γραφικά SVG για να χρησιμεύσουν ως έμπνευση ή ως σαφές παράδειγμα πώς να φτιάξουμε το επόμενο που πρόκειται να κάνουμε για πελάτη ή δουλειά.

Πρακτορείο ανδρών με τα πόδια

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

Δημοφιλείς πληρωμές

Ένας ιστότοπος με εξαιρετικό σχεδιασμό στον οποίο τα hashtags εμφανίζονται ως "αναδυόμενα παράθυρα" και ότι ποτέ δεν επιβραδύνει το όραμα και την εμπειρία που προσφέρει αυτός ο ιστότοπος. Μερικά hashtags που «τρώγονται» από τις ίδιες τις εικόνες που μπορούν να περάσουν μπροστά.

Αντριάνσεν

Με τον κύριο λόγο να είναι το βίντεο, είναι περίεργος πώς να συγχωνεύσετε εικόνες PNG με το κείμενο που εμφανίζεται καθώς κάνουμε κύλιση προς τα κάτω.

10 × 17

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

Duotix

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

Χαλκός και γενναίος

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

Ρόκα

Από την Ισπανία έχουμε την Rocka για να δείξουμε υπέροχη μετάβαση χρώματος αυτό γίνεται όταν εξερευνούμε το περιεχόμενο αυτού του ιστότοπου με το τιμόνι του ποντικιού. Μια όμορφη εμπειρία με όλα τα είδη κινούμενων σχεδίων.

Paradiso

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

Μηδέν

Ένα δημιουργικό στούντιο με έδρα τη Νέα Υόρκη που δείχνει όλες τις προθέσεις με ένα μενού πλευρικής κεφαλίδας που ανοίγει μπροστά μας με μια σειρά από κινούμενα σχέδια και πολύ ελκυστικές εικόνες. Αν ψάχνετε για ένα μοναδικό μενού για τον ιστότοπό σας, μπορείτε ήδη να εμπνευστείτε από το Zero's. Καθώς μετακινείτε το δείκτη του ποντικιού πάνω από κάθε μία από τις επιλογές του, θα εμφανιστούν αυτές οι πολύχρωμες εικόνες και κινούμενες εικόνες.

Ο Αρχιτέκτονας Παρίσι

Περίεργος η οθόνη φόρτωσης και αυτή η χαριτωμένη μορφή εμφανίστε τα τελευταία tweets, δημοσιεύσεις στο Facebook ή εικόνες στο Instagram. Ένας ιστότοπος που αξιολογεί τον πειραματισμό ιστού.

Έργο Redspace

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

Ταμπού Ταμπού Ταμπού

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

Τζέιμς Γκίλεν

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

Fergie

Το Zen Studio μας φέρνει αυτόν τον ιστότοπο από ένα παγκοσμίου φήμης καλλιτέχνης και αυτό είναι το μέγιστο παράδειγμα αυτού που μπορεί να είναι ένας ιστός: ένα διαδραστικό βίντεο κλιπ στο οποίο ο δείκτης μας είναι αυτός που διέπει την αποκλειστική κινούμενη εικόνα. Ουσιώδης.

εξορκιστής

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

Ντουέιλ

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

Ολιβιέ Γκιγιέ

Χαρτοφυλάκιο frontend που δείχνει α σειρά δεξιοτήτων Ιστού που δεν αφήνει κανέναν αδιάφορο.

Buffy παπλώματα

Άλπσο Μλέκο

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

ειρηνευτικό

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