Παρουσίαση: Funky και πειραματικές ιστοσελίδες
Εάν αφιερώνετε αρκετό χρόνο σε απευθείας σύνδεση, είναι εκπληκτικό το πόσο οι περισσότεροι ιστότοποι αρχίζουν να μοιάζουν.
Σίγουρα, υπάρχουν παραλλαγές, αλλά σε μεγάλο βαθμό, το web design είναι αρκετά τυποποιημένο.
Ανταλλάξτε τα γραφικά ή το χρωματικό σχέδιο και μπορείτε να κάνετε σχεδόν κάθε ιστοσελίδα να μοιάζει με σχεδόν οποιοδήποτε άλλο δικτυακό τόπο.
Αλλά αυτό δεν σημαίνει ότι δεν υπάρχουν ιστοσελίδες εκεί έξω που κάνουν κάτι πραγματικά διαφορετικό και funky.
Παρακάτω υπάρχουν πάνω από 30 ιστότοποι που έχουν προσθέσει μερικά funky στοιχεία στα σχέδιά τους. Είτε πρόκειται για τη διάταξη, το χρωματικό σχέδιο, τα γραφικά, ή κάποιο συνδυασμό των τριών, οι συγκεκριμένοι ιστότοποι πιέζουν πέρα από τα πρότυπα των συμβάσεων σχεδιασμού ιστοσελίδων.
Καταναλωτής
Ο ιστότοπος Καταναλωτών χρησιμοποιεί μια κινούμενη κεφαλίδα που μεταβαίνει σε διάφορα χρώματα, όπως το μπλε, το πράσινο και το ροζ, ενώ στο site υπάρχουν μερικά κουνέλια γελοιογραφίας. Είναι σίγουρα μη παραδοσιακό.
Αντίθεση
Ο συνδυασμός των στοιχείων grunge και κολάζ, σε συνδυασμό με τις «χειρόγραφες» μαρτυρίες στην κεφαλίδα, κάνει μια πολύ ενδιαφέρουσα πρώτη ματιά στην ιστοσελίδα Contrast. Η διάταξη απλώς συνεχίζει τον αντισυμβατικό της από εκεί, με περισσότερες μαρτυρίες πιο κάτω στη σελίδα, καθώς και συνδέσμους με κάποια από τη δουλειά τους.
Τζιμ Κάρει
Ο ιστότοπος του Jim Carrey είναι ένας από τους πιο ενδιαφέροντες ιστοτόπους με βάση το Flash που έχω συναντήσει. Κάθε μέρος της σελίδας είναι κινούμενο, συμπεριλαμβανομένου του "πουλιού" με το κεφάλι του Carrey να εκτοξεύει τα πιο πρόσφατα tweets του. Υπάρχουν επίσης σύνδεσμοι σε όλη τη σελίδα, με κινούμενες εικόνες μεταξύ των σελίδων. Αλλά το έργο τέχνης και ο συνολικός σχεδιασμός είναι αυτό που πραγματικά ωθεί αυτό το σχέδιο στα όρια και το καθιστά τόσο διασκεδαστικό να περιηγηθείτε.
Φιλκκά
Ο πιο οργανικός σχεδιασμός αυτής της σελίδας είναι ασυνήθιστος αλλά ακόμα πολύ φιλικός προς το χρήστη. Οι εικόνες στον τοίχο λειτουργούν εξαιρετικά ως συνδέσεις για να προβάλουν προφίλ κοινωνικών μέσων ή επικοινωνήστε με την ιστοσελίδα, ενώ τα στοιχεία grunge φέρνουν τα πάντα μαζί.
F91W
Δεν είναι μόνο το σχέδιο αυτού του site που είναι λίγο funky, αλλά και η έννοια. Η αναφορά της δραστηριότητας κάθε ώρα και συνειδητή απόφαση για το τι πρέπει να κάνουμε με την επόμενη ώρα είναι μια ενδιαφέρουσα ιδέα για μια ιστοσελίδα και πηγαίνει λίγο πέρα από την κανονική ζωή. Το χρωματικό σχέδιο και η στενή διάταξη σπρώχνουν το σχέδιο στο επόμενο επίπεδο.
Living Lyric
Η λοξή κεφαλίδα και το χόρτο-πράσινο χρώμα φόντου της ιστοσελίδας Living Lyric προσδίδουν μια μικρή λειτουργικότητα στο συνολικό σχέδιο. Είναι μια απλή τοποθεσία, με τολμηρά γραφικά και σαφή σκοπό.
Studio μετασχηματιστών
Οι λεπτές κινούμενες εικόνες στην αρχική σελίδα του ιστότοπου του Transformer Studio το κάνουν ασυνήθιστο. Και όποτε γίνεται κλικ σε έναν από τους συνδέσμους στην αρχική σελίδα, το χρώμα φόντου επεκτείνεται σε ολόκληρη τη σελίδα όπου εμφανίζεται το νέο περιεχόμενο. Είναι ένα άλλο καλό παράδειγμα μιας πολύ φιλικής προς το χρήστη σελίδας που κάνει κάτι διαφορετικό από τον κανόνα.
Grip Limited
Ο δικτυακός τόπος της Grip Limited είναι εντυπωσιακός, με υπερμεγέθη, ποικίλη τυπογραφία και λαμπερό πορτοκαλί τόνους. Η λειτουργικότητα της είναι επίσης διαφορετική, με κάθε στήλη να μετατοπίζεται ξεχωριστά (μέσω ορισμένων μεθόδων, ανατρέξτε στη στήλη 2 για λεπτομέρειες).
Τυχαίο μοντέλο σκέψης
Μεταξύ του chartreuse και του γκρίζου χρωματικού σχήματος και της τυπογραφίας που δεν βρίσκεται καθόλου στη σελίδα, ο ιστότοπος RandomThoughtPattern ταιριάζει απόλυτα στον ορισμό του funky. Είναι επίσης ένας πολύ χρήσιμος χώρος και η ασυνήθιστη διάταξη δεν υποβαθμίζει αυτό.
Εξαντλήθηκε
Ο ιστότοπος που εξαντλήθηκε είναι μια συλλογή από συνδέσμους, κάθε μια από τις οποίες παρουσιάζει μια επεξήγηση όταν μεταφέρεται πάνω από αυτό δίνει κάποιες πληροφορίες σχετικά με το σύνδεσμο. Είναι ένα ασυνήθιστο σχέδιο που είναι χρήσιμο σε αυτό το πλαίσιο, αλλά θα μπορούσε να μπερδευτεί γρήγορα.
Wolf & Badger
Ακολουθεί ένας άλλος ιστότοπος Flash που έχει μερικά απίστευτα ενδιαφέροντα γραφικά. Είναι ασυνήθιστο σχεδιασμό στο καλύτερο δυνατό, διασκεδαστικό να το βλέπεις καθώς και να το χρησιμοποιείς.
Δημιουργικό με K
Το κινούμενο, εικονογραφημένο υπόβαθρο εδώ είναι funky και ενδιαφέρον, καθώς και τόνοι διασκέδασης στη χρήση. Απλά κλείστε το αρχικό παράθυρο και τα τμήματα της απεικόνισης θα γίνουν χρωματισμένα όταν περάσετε το δείκτη του ποντικιού. Κάντε κλικ σε οποιοδήποτε από αυτά και ανοίγει ένα άλλο παράθυρο. Είναι μια μοναδική σχεδίαση διεπαφών και λειτουργεί απίστευτα εδώ.
Blue Bug Digital
Εδώ είναι ένας άλλος ιστότοπος που χρησιμοποιεί όχι μόνο ένα funky σύστημα χρωμάτων, αλλά και μια ασυνήθιστη διάταξη και πλοήγηση (που μπορείτε να αλλάξετε ανάλογα με τις δικές σας προτιμήσεις). Το φόντο ανταποκρίνεται στις κινήσεις του ποντικιού σας και κάθε σύνδεσμος εμφανίζει νέο περιεχόμενο σε ένα παράθυρο σχήματος πλήρους σελίδας. Υπάρχει επίσης ένα μενού εξαγωγής που μπορείτε να χρησιμοποιήσετε, ώστε να μην χρειαστεί να επιστρέψετε στην αρχική σελίδα πριν επισκεφθείτε μια νέα σελίδα.
Ο Ozan Akoglu
Αυτή είναι μια αρκετά απλή διάταξη, αλλά η εικόνα φόντου (η οποία μοιάζει με αποκοπές χαρτιού) και η λαμπερή κίτρινη κεφαλίδα την καθιστούν funky. Η πλοήγηση είναι αυτό που πραγματικά το χωρίζει. Μέσω ενός συνδυασμού των κινήσεων του ποντικιού και των καταχωρήσεων πληκτρολογίου, μπορείτε να δείτε τα έργα και τις πληροφορίες σχετικά με αυτά τα έργα. Οι οδηγίες περιλαμβάνονται για κάθε βήμα, αλλά ενσωματώνονται τέλεια στο σχεδιασμό της τοποθεσίας.
Monster CSS
Το κινούμενο τέρας στο παρασκήνιο (περπατά μπρος και πίσω κατά μήκος της οθόνης και περιστασιακά κάνει κάποιο θόρυβο) θέτει την τοποθεσία του Monster CSS εκτός από άλλες τοποθεσίες. Είναι απλό σχέδιο διαφορετικά.
Ryan O'Rourke
Ο κινούμενος εγκέφαλος θέτει εκτός αυτού τον ιστότοπο. Χρησιμοποιεί επίσης μια ακίνητη αριστερή στήλη ενώ η δεξιά στήλη είναι πτυσσόμενη.
Οι ψηφιακοί εισβολείς
Η απεικόνιση εδώ έχει μια συνεχή κίνηση. Μπορείτε να κάνετε κλικ οπουδήποτε και να μετακινήσετε τη σελίδα γύρω, ή να χρησιμοποιήσετε το μενού στο κάτω μέρος. Είναι μια διασκεδαστική εμπειρία χρήστη.
Νατράσκα
Τα γραφικά εδώ είναι σίγουρα αυτό που κάνει αυτό το site εξαιρετικό. Η διάταξη είναι απλή, αλλά η τυπογραφία είναι λίγο ασυνήθιστη και η εικόνα της κεφαλίδας είναι σίγουρα funky.
Toykyo
Πρόκειται για ένα σχετικά απλό σχεδιασμό τοποθεσίας, αλλά το φωτεινό μπλε, κόκκινο και καφέ χρώμα σχεδιάζει το ξεχωριστό και το κάνει πιο λειτουργικό από τα περισσότερα sites, ειδικά μινιμαλιστικά.
Αυτό το κάναμε
Το πιο μονόχρωμο σχέδιο εδώ είναι ενδιαφέρον, όπως και το γραφικό φόντου (που φαίνεται να είναι μια διατομή ενός τοίχου ή οροφής). Είναι ένα απλό σχέδιο που είναι πολύ αισθητικά ευχάριστο και ενδιαφέρον.
Διαγωνισμός Art Attack του Paul Frank
Το φωτεινό κόκκινο και aqua χρώμα είναι σίγουρα αυτό που θέτει αυτό το site ευθέως στην funky κατηγορία. Η διάταξη είναι σχετικά παραδοσιακή, με βασική πλέγμα και περιήγηση με καρτέλες στο πλάι. Χρησιμοποιώντας το παλιό σχολείο Courier New για μερικές από τις τυπογραφίες βοηθά επίσης την ιστοσελίδα να ξεχωρίζει.
Η φάρμα
Η διάταξη είναι εδώ αρκετά παραδοσιακή, αλλά με τη χρήση πολλαπλών χρωμάτων στην τυπογραφία στην κορυφή το κάνει εξαιρετικό.
Wilkintie
Ο σχεδιασμός εδώ είναι αρκετά παραδοσιακός, αλλά το φωτεινό κίτρινο και καφέ χρώμα δεν είναι κάτι που βλέπετε συχνά σε απευθείας σύνδεση. Θέτει πραγματικά το χώρο εκτός χώρου και όταν συνδυάζεται με πολλές άλλες μικρές λεπτομέρειες (το σκισμένο αποτέλεσμα χαρτιού στο κάτω μέρος των εικόνων κλπ.) Κάνει πραγματικά αυτό το site κάτι ξεχωριστό.
Απόδημος
Τα σχέδια χρωμάτων που βασίζονται σε βασικά χρώματα δεν παρατηρούνται πολύ συχνά, κυρίως λόγω της υψηλής πιθανότητας σύγκρουσης. Αλλά εδώ χρησιμοποιούνται όμορφα και πραγματικά ο χώρος χωρίζεται. Η διάταξη του πλέγματος λειτουργεί επίσης καλά και είναι λίγο διαφορετική από τα περισσότερα δίκτυα που βλέπουμε.
MultiAdaptor
Το μεγάλο υπόβαθρο εδώ, το οποίο αλλάζει αργά το χρώμα, μαζί με τη διάταξη με βάση το πλέγμα με διαφορετικά μεγέθη εικόνας, είναι οπτικά ενδιαφέρουσα και φιλική προς το χρήστη. Όταν κάνετε κλικ στις εικόνες, το νέο περιεχόμενο μετατοπίζεται στην οθόνη, αποκλείοντας τα πάντα εκτός από την κύρια πλοήγηση.
Rudd Studio
Κάντε κλικ σε οποιοδήποτε από τα χρωματιστά τετράγωνα εδώ και όλα αυτά θα μετατραπούν σε μια κινούμενη προβολή χαρτοφυλακίου, με έργα με δυνατότητα κλικ. Αν γίνει κλικ σε ένα έργο, θα αντικατασταθούν τα χρωματισμένα τετράγωνα και θα εμφανιστούν πληροφορίες σχετικά με το συγκεκριμένο έργο, με πολλαπλές εικόνες για κάθε μία (ο αριθμός των χρωματισμένων τεμαχίων σε κάθε τμήμα αντιστοιχεί στον αριθμό των εικόνων για το συγκεκριμένο έργο).
Herron Σχολή Τέχνης και Σχεδιασμού
Οι ομόκεντροι κύκλοι στη διασύνδεση εδώ προσφέρουν επιπλέον συνδέσμους περιεχομένου πέρα από αυτό που παρέχει η κύρια πλοήγηση. Είναι ένας τακτικός τρόπος για να επισημάνετε συγκεκριμένο περιεχόμενο κάνοντας κάτι διαφορετικό.
Kokoro & Moi
Η διάταξη του πλέγματος λειτουργεί καλά για να οργανώσει ένα πολύ περιεχόμενο σε μια σχετικά μικρή περιοχή. Τα μπλοκ διπλού χρώματος που περιέχουν κείμενο ξεχωρίζουν και το χρώμα αντιστοιχεί στο περιεχόμενο (τα νέα είναι πορτοκαλί, οι ενημερώσεις του Twitter είναι ροζ κλπ.). Είναι ένα φανταστικό σχέδιο διεπαφής που λειτουργεί καλά για την εμφάνιση πολλών πληροφοριών.
Rachel Comey Ανδρών
Τα πόδια εδώ ζωντανεύουν όταν μετακινούνται πάνω, και το καθένα είναι επίσης μια σύνδεση προϊόντος. Όταν κάνετε κλικ, η σελίδα μετατοπίζεται οριζόντια και κάθετα για να εμφανίσει τις πληροφορίες για το προϊόν, καθώς και συνδέσμους για κοινή χρήση, αναζήτηση πληροφοριών αποστολής, προβολή σχετικών προϊόντων και επικοινωνία με την εταιρεία.
Story Hotel
Η οργανωμένη διάταξη κολάζ δεν φαίνεται συχνά εδώ, ειδικά σε έναν εταιρικό ιστότοπο. Οι κινούμενες εικόνες χρησιμοποιούνται σε όλη την αρχική σελίδα. Το χρωματικό σχέδιο κρατά τα πάντα δεμένα μαζί και επαγγελματική εμφάνιση, ενώ παράλληλα επιτρέπουν την άφθονη καλλιτεχνική ελευθερία.
Woki Tokee
Το εικονογραφημένο φαγητό εδώ κάνει μια πολύ ενδιαφέρουσα διεπαφή χρήστη. Οι συνδέσεις είναι εύκολο να βρεθούν και υπάρχουν λεπτές κινούμενες εικόνες σε κάθε σελίδα. Είναι ένας διασκεδαστικός ιστότοπος, ο οποίος πηγαίνει πάνω και πέρα από το γεγονός ότι υπάρχουν μόνο τέσσερις σελίδες συνολικά (συμπεριλαμβανομένης της αρχικής σελίδας).
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν .
Έχετε συναντήσει οποιαδήποτε άλλα funky σχέδια ιστοσελίδων ή σεμινάρια για τη δημιουργία funky σχέδια; Παρακαλώ μοιραστείτε τα με τα σχόλια!