15 οριζόντιες τοποθεσίες και η θήκη για τη δημιουργία τους
Ο ενθουσιασμός της κύλισης εξελίχθηκε πραγματικά αφού μπορούσαμε να χρησιμοποιήσουμε έγχρωμες scrollbars στον Internet Explorer πριν από χρόνια.
Σήμερα, βρίσκουμε νέους τρόπους για να ανακαλύψουμε ξανά τη διαδικασία της κύλισης με χειρονομίες, παράλληλες λειτουργίες κύλισης και πολλά άλλα. Δημιουργούμε τον ενθουσιασμό και τις ιστορίες. Δημιουργούμε εξαιρετικές εμπειρίες χρήστη και καθιστούμε το περιεχόμενο λειτουργικό. Το πρόβλημα είναι ότι οι περισσότεροι από αυτούς τους ιστότοπους χρησιμοποιούν κάθετη κύλιση.
Και πώς μπορείτε να τους κατηγορήσετε; Είναι φυσιολογικό. Είναι αυτό που αναμένεται. Και είναι συχνά το πιο εύκολο πράγμα που πρέπει να εφαρμόσετε.
Αλλά πού είναι η αγάπη για οριζόντιες σελίδες κύλισης; Πολλοί άνθρωποι δεν τις δημιουργούν, κυρίως λόγω των δυσκολιών στην ανάπτυξη και της ιδέας ότι οι οριζόντιες ιστοσελίδες είναι λιγότερο λειτουργικές. Το επιχείρημα κατά της οριζόντιας κύλισης είναι το εξής: "Γιατί να ανακαλύψουμε τον τροχό;" Αλλά, θα έπρεπε να δώσουμε μια ευκαιρία στην οριζόντια κύλιση;
Πότε και γιατί;
Η οριζόντια κύλιση θα πρέπει να δώσει την ευκαιρία για δύο κύριους λόγους: (1) Η αγάπη που έχουμε σήμερα με την απόκριση του σχεδιασμού και (2) Οι οριζόντιες τοποθεσίες έχουν τόπο και σκοπό, όπως και οι σελίδες κύλισης.
Για να μεταβείτε γρήγορα ο λόγος για τον οποίο λειτουργεί ευαίσθητα, ας σκεφτούμε πώς χρησιμοποιούμε τα τηλέφωνα και τα τραπέζιά μας όταν βγάζουμε έναν ιστότοπο πάνω τους. Τις περισσότερες φορές καταλήγουμε να ρίχνουμε το τηλέφωνο έτσι ώστε να δείχνει το περιεχόμενό μας σε οριζόντιο προσανατολισμό. Αυτό σημαίνει ότι γυρίζουμε τα τηλέφωνά μας για να δούμε το μέγιστο στο πλάτος που μπορούμε. Γιατί να μην το χρησιμοποιήσετε δημιουργώντας ιστότοπους που μπορούν να προβληθούν και να περιηγηθούν με αυτόν τον τρόπο; Σκεφτείτε πώς βλέπουμε τα βίντεο online και πώς αναπτύσσουμε και σχεδιάζουμε ιστότοπους κατά μήκος του πλάτους ούτως ή άλλως. Γιατί αποφεύγουμε την οριζόντια κύλιση;
Τώρα, για το δεύτερο σημείο μου, μπορώ να σας δείξω πολύ καλύτερα από ότι μπορώ να σας πω. Λοιπόν, ας πηδήσουμε δεξιά και να δούμε πώς αυτές οι επόμενες τοποθεσίες κάνουν μεγάλη δουλειά χρησιμοποιώντας οριζόντια κύλιση για να είναι λειτουργική και ενδιαφέρουσα.
Αντίστροφη Buro
Αυτός ο ιστότοπος χαρτοφυλακίου χρησιμοποιεί ένα σύνθετο σετ κάθετης και οριζόντιας κύλισης για να αναδείξει τη δουλειά του. Είναι ολοένα και πιο δημοφιλές να παρουσιάζουν κομμάτια της δουλειάς στις δικές τους οθόνες χωρίς περισπασμούς, διότι έχει νόημα. Αυτή η μέθοδος πλοήγησης δεν είναι μόνο διαισθητική αλλά δημιουργεί μια θαυμάσια αίσθηση καινοτομίας για αυτόν τον σχεδιαστή.
Γκάβιν Κάστον
Σήμερα, είναι επιτακτική ανάγκη οι μουσικοί καλλιτέχνες να βρουν έναν τρόπο να ξεχωρίζουν. Σε μια τέτοια πλημμυρισμένη βιομηχανία, οι καλλιτέχνες πρέπει να δημιουργήσουν το πλήρες πακέτο που θα τους τραβήξει την προσοχή, από τη μουσική στο σχεδιασμό ιστοσελίδων. Ο Gavin δημιούργησε μια υπέροχη ιστοσελίδα που είναι ενδιαφέρουσα και ιδανική για τη στέγαση όλων των πληροφοριών του.
Bartle Bogle Hegarty
Το BBH είναι προφανώς ένας από τους πιο γνωστούς δημιουργικούς οργανισμούς στον κόσμο. Όταν φτάσετε στην επιτυχία που έχουν, αρχίζουν να δημιουργούν διαφορετικά υποκαταστήματα και γραφεία σε διάφορες περιοχές του κόσμου. Αντί να δημιουργείτε διαφορετικούς ιστότοπους για κάθε τοποθεσία, έχετε έναν τρόπο να ελέγξετε τι κάνει ο καθένας σε ολόκληρο τον κόσμο. Μου αρέσει η οριζόντια πλοήγηση επειδή είναι σαν να ταξιδεύετε από και προς κάθε διαφορετική τοποθεσία.
Jens Lehmann
Ο Jens είναι προφανώς ένας άντρας που κατέχει πολλούς τίτλους και φοράει πολλά καπέλα. Δεν θέλει να τα σπάσει όλα μαζί, οπότε έχει δημιουργήσει ένα σπίτι στο διαδίκτυο που του επιτρέπει να παρουσιάζει μεμονωμένα τα πράγματα που κάνει. Η οριζόντια πλοήγηση αυτού του ιστότοπου καθιστά εύκολη την κατανόηση και την κατανόηση του κάθε τίτλου.
Τζέιμς Τζόις
Σε αντίθεση με τον ιστότοπο Reverse Buro, δεν βλέπουμε κάθε κομμάτι εργασίας ξεχωριστά ανά οθόνη. Ωστόσο, νομίζω ότι δουλεύει για τον James Joyce και τα σχέδιά του, επειδή όλα είναι τόσο παρόμοια. Έχουμε την ευκαιρία να δούμε και να απολαύσουμε πραγματικά το στυλ του.
Εδώ Design
Όπως και ο παραπάνω ιστότοπος, παίρνουμε έναν οριζόντιο ιστότοπο για να αναδείξουμε το έργο. Αυτός δημιουργεί ένα καλό παράδειγμα για το πώς να διατηρήσετε την οριζόντια αιτιολόγησή σας, αλλά και να προσθέσετε τις άλλες πληροφορίες που είναι απαραίτητες σε αυτόν τον ιστότοπο.
CL Holloway
Αυτή είναι μια από τις πιο προφανείς χρήσεις της οριζόντιας κύλισης που έχω δει. Είναι αρκετά έξυπνο, καθώς αυτός ο άνθρωπος είναι καλλιτέχνης και ζωγράφος που πιθανότατα ήταν σε διάφορα μουσειακά εκθέματα. Γιατί να μην το κάνετε αυτό online; Κάνοντας αυτό πραγματικά δίνει μια καλύτερη ιδέα για το τι κάνει Holloway και πώς θέλει να δει. Μου αρέσει πολύ αυτός ο ιστότοπος.
WWF
Αυτός ο ιστότοπος δημιουργήθηκε πέρυσι για την ευαισθητοποίηση για την Ώρα της Γης του WWF. Αντί να φτιάχνουν έναν ιστότοπο με κάποια γραφικά και κάποιο περιεχόμενο, αποφάσισαν να δημιουργήσουν μια ιστορία. Αυτή η γραμμή ιστορίας κυλάει οριζόντια και θυμίζει πολύ τη μετατροπή των σελίδων σε ένα βιβλίο. Εν τω μεταξύ, αυτό είναι ένα πολύ διασκεδαστικό και διαδραστικό site.
Blocklevel
Όχι, αυτός ο ιστότοπος δεν μετακινείται ρητά από αριστερά προς τα δεξιά. Ωστόσο, υπάρχει μια ταινία που μας επιτρέπει να βλέπουμε περιεχόμενο από αριστερά προς τα δεξιά. Μοιάζει πολύ με ένα υπερκινητικό ρυθμιστικό, το οποίο έχει νόημα, ειδικά σε έναν από τους αγαπημένους ιστότοπους μίας σελίδας.
Hot Dot
Το Hot Dot είναι μια εταιρεία παραγωγής ιστού που ισχυρίζεται ότι είναι εξαιρετικά καινοτόμος. Με τέτοιους τολμηρούς ισχυρισμούς, καλύτερα να ελπίζετε ότι έχουν έναν ιστότοπο που υποστηρίζει αυτό. Ευτυχώς, το κάνουν. Τώρα, είμαστε συνηθισμένοι στους ιστότοπους κύλισης parallax που μετακινούνται προς τα κάτω, αλλά αυτή τη φορά έχουμε ένα site parallax που μετακινείται από αριστερά προς τα δεξιά. Είναι τόσο συναρπαστικό, αν και όχι moreso, από τον προκάτοχό του και κάνει για μια πολύ καινοτόμο εμφάνιση.
Rezo Zero Interactive
Ένα τεράστιο μέρος του σχεδιασμού και της ανάπτυξης ιστοσελίδων είναι η εμπειρία του χρήστη. Πρόκειται για τη δημιουργία ενός ενδιαφέροντος χώρου στο διαδίκτυο που είναι εύκολο και διασκεδαστικό για τον επισκέπτη να το χρησιμοποιεί. Το Rezo Zero είναι ένας από τους χώρους που έχει μεγάλες επιπτώσεις, δίνει προσοχή στις λεπτομέρειες, έχει υπέροχη διάταξη και πολλά άλλα. Για να μην αναφέρουμε ότι κάνουν μεγάλη δουλειά για τη δημιουργία πλοήγησης σελίδων που κινείται γραμμικά.
Αναζητήστε το τέλειο ποπ
Αν αγαπάτε την ασπρόμαυρη φωτογραφία και τις γραμμές ιστοριών στο σχεδιασμό ιστοσελίδων, αυτή είναι η περιοχή για εσάς. Η αναζήτηση για το Perfect Pop είναι αφιερωμένη σε μεγάλο βαθμό στον ήχο που κάνει η μπύρα σας όταν την ανοίγετε. Αυτός ο ιστότοπος είναι ένα θέμα για αυτό, δημιουργώντας μια πολύ ενδιαφέρουσα ιστορία που θα είναι διαθέσιμη σύντομα.
Nerval
Όπως και ο παραπάνω ιστότοπος, έχετε τη δυνατότητα να μετακινηθείτε σε αυτή τη δουλειά σαν να περπατάτε σε ένα μουσείο. Χωρίς τα προφανή γραφικά, αυτός είναι ένας πολύ καθαρός και αριστοκρατικός τρόπος να δημιουργηθεί αυτή η αίσθηση. Δεν έχετε απολύτως τίποτα στο δρόμο σας για να αποσπάσετε την άποψή σας από το έργο εκτός από τις απαραίτητες. Αυτός είναι ένας πολύ καλός τρόπος να δείξουμε πώς ο μινιμαλισμός συνδυάζεται με αυτή την τεχνική.
Ο χώρος μου
Μερικοί από εμάς είναι αρκετά μεγάλοι για να θυμηθούμε το Myspace Tom και τα επιχειρήματα που είχαμε με τους φίλους μας για να μην τα έχουμε στο top 8 ή το 16. Το Myspace αποφάσισε να κάνει μια επιστροφή αλλά αποφάσισε να σκουπίσει τις σελίδες με λάμψη και teddy φέρει από αυτό και αντίθετα, έχουμε ένα σούπερ καθαρό και ανταποκρινόμενο σχέδιο που κυλά από αριστερά προς τα δεξιά. Ενώ άλλα κοινωνικά δίκτυα ανεβαίνουν και κατεβαίνουν, το Myspace κάνει κάτι διαφορετικό δημιουργώντας μια οριζόντια πλοήγηση.
Giellesse
Η Giellesse είναι μια εταιρεία σχεδιασμού επίπλων με κάποια υπερσύγχρονα σχέδια. Εκτός από την εκπληκτική συλλογή των κομματιών τους, έχουν δημιουργήσει ένα πραγματικά όμορφο σχεδιασμό ιστοσελίδων που σας επιτρέπει να μετακινηθείτε οριζόντια από σελίδα σε σελίδα. Αυτό αισθάνεται πολύ σαν να πετάς μια σελίδα σε ένα τηλέφωνο και προφανώς θα μεταφράζεται καλά σε κινητές συσκευές. Αυτό συνδυάζει την παλιά κάθετη σελίδα με μια νέα μέθοδο πλοήγησης.
συμπέρασμα
Προφανώς, μας διδάσκουν να κρατάμε τα πράγματα απλά, αλλά μας λένε επίσης να δημιουργήσουμε λύσεις στα προβλήματα. Όπως μπορείτε να δείτε, υπάρχει προφανώς μια θέση στο διαδίκτυο για οριζόντιες τοποθεσίες. Είτε θέλετε να αποδείξετε κάτι, είτε να δημιουργήσετε μια καθαρή και φρέσκια ιδέα, η μετακίνηση από δεξιά προς αριστερά και όχι από κάτω προς τα κάτω μπορεί να είναι ευεργετική. Πώς θα χρησιμοποιήσετε αυτήν την τεχνική;
Έχετε δημιουργήσει μια οριζόντια περιοχή κύλισης; Προτιμάτε οριζόντια κύλιση, κάθετη ή καθόλου; Ενημερώστε μας στα σχόλια.