15+ καινοτόμοι ιστότοποι επίπεδης σχεδίασης
Πρώτα έλαβα γνώση του επίπεδου σχεδιασμού ιστοσελίδων όταν η Google άρχισε να επανασχεδιάζει τους ιστότοπούς τους. Αυτό ήταν σε μια εποχή που οι κλίσεις και οι σκιάσεις ήταν όλοι οργισμένοι. Χρησιμοποιώντας όσα ήταν τότε τα Έγγραφα Google και το Ημερολόγιο Google μου, συνειδητοποίησα πάντα ότι υπήρχε κάτι καλύτερο και πιο φιλικό προς τους χρήστες σχετικά με αυτές τις τοποθεσίες, αλλά ποτέ δεν θα μπορούσα να βάλω το δάχτυλό μου σε αυτό που ήταν. Συνέχισα να απολαμβάνω και να χρησιμοποιώ τις υπηρεσίες ανάλογα με τις ανάγκες.
Τελικά, νομίζω ότι μπήκα μόνο με τις εφαρμογές όταν τελικά παρατήρησα ότι τα κουμπιά δεν είχαν διαβαθμίσεις και τα εικονίδια ούτε. Δεν υπήρχαν σκιάσεις πτώσης και δεν υπήρχαν τίποτα παρά επίπεδα χρώματα και γραμμές για διαχωρισμό του περιεχομένου. Μου άρεσε πολύ και πήγα στο Twitter για να μοιραστώ τα ευρήματά μου.
Γρήγορα, συναντήθηκα με μερικούς ανθρώπους που απλά δεν τους άρεσε. Δεν το κατάλαβαν, είπε ότι ήταν εντελώς βαρετό και είπε ότι ποτέ δεν θα πιάσει. Ευτυχώς καλοί έκαναν λάθος.
Φυσικά η Google δεν είναι η πρώτη μάρκα που χρησιμοποιεί το επίπεδο χρώμα στα σχέδιά τους. Αλλά μείζονος σημασίας είναι το πώς το χρησιμοποίησαν, όχι μόνο γιατί το χρησιμοποίησαν. Δημιούργησε μια νέα διεπαφή χρήστη. Υπήρχαν ελάχιστα ή και καθόλου περισπασμούς και η αισθητική ήταν ακόμα εκεί. Αισθάνθηκε σαν κοινή λογική όταν έγινε, αλλά προηγουμένως, αγαπήσαμε τα κουμπιά μας και τα σχέδια χρωμάτων με κλίσεις και σκιές και υφές και πολλά άλλα.
Αυτή η επίπεδη έγχρωμη διαδικτυακή σχεδίαση είναι μια τάση αυτή τη στιγμή όχι μόνο επειδή φαίνεται καλή αλλά επειδή έχει νόημα. Προωθεί ένα καθαρό περιβάλλον εργασίας χρήστη που είναι εύκολο στη χρήση και κατανόηση. Σήμερα, θα εξετάσουμε μερικούς δικτυακούς τόπους που χρησιμοποιούν αυτή την αρχή της επίπεδης σχεδίασης χρωμάτων. Ας πηδήσουμε δεξιά.
Microsoft Windows
Η Microsoft είχε πάντα τα προβλήματά της με λίγο πίσω από την εποχή, ειδικά με έναν ανταγωνιστή όπως η Apple. Τα Windows 8 είναι η ανάπτυξη που πολλοί άνθρωποι αποδίδουν την επιτυχία του επίπεδου σχεδιασμού. Φαίνεται σαν η Microsoft να έχει ισχίο σε ό, τι οι άνθρωποι πραγματικά ήθελαν και πώς πραγματικά δούλεψαν και ήρθε με το σχεδιασμό διεπαφής χρήστη που έχουν σήμερα. Εάν δεν πήγαν τίποτα άλλο, η Microsoft πήρε σίγουρα το σωστό σχέδιο.
Wistia
Η Wistia είναι επαγγελματική φιλοξενία βίντεο που ειδικεύεται στη φιλοξενία για επιχειρήσεις. Είναι ωραίο για όσους από εμάς θέλουν μια διαφορετική εμφάνιση από έναν ενσωματωμένο παίκτη του YouTube και επιθυμούν επίσης τη δυνατότητα χρήσης Flash ή / και HTML5 για προβολή βίντεο. Έχουν λάβει επίπεδη σχεδίαση σε νέα ύψη, χρησιμοποιώντας το εξ ολοκλήρου στο σχεδιασμό τους web μαζί με μερικές πραγματικά καλές εικόνες.
Ντέιβιντ Χέλμαν
Ο David είναι ένας καλλιτεχνικός διευθυντής και web developer που έχει αρκετά χαρτοφυλάκιο. Πολλές φορές βλέπουμε λευκά φόντα που φέρουν αυτά τα επίπεδα χρωματισμένα στοιχεία σε μια ποικιλία χρωμάτων. Ο Hellmann μετέτρεψε το κομμάτι του προσφέροντας ένα επίπεδο χρώμα στο φόντο του και όχι μόνο τα άλλα γραφικά του στοιχεία.
Standbuy
Είναι πάντα αναζωογονητικό για να δείτε εξαιρετικά σχέδια ιστού σε τοποθεσίες και μάρκες που αποτελούν μια μεγάλη αιτία. Το Standbuy επικεντρώνεται στη διευκόλυνση του οικονομικού φόρτου της αντιμετώπισης του καρκίνου με αυτή την ιστοσελίδα. Χρησιμοποιούν επίπεδη σχεδίαση με έναν σχετικά κανονικό τρόπο, αλλά το συνδυάζουν με μεγάλη τυπογραφία και εικόνες για να κάνουν πραγματικά την περιοχή τους pop.
Ελάχιστη μαϊμού
Το όνομα αυτού του ιστότοπου, το Minimal Monkey, είναι προφανώς σημείο για το σχεδιασμό εδώ. Με γυμνό μάτι, αυτό είναι απλά ένας απλός ιστότοπος που χρησιμοποιεί μινιμαλιστικές θεωρίες για να δημιουργήσει την τοποθεσία και να φανεί επιθυμητή. Το θαυμάσιο πράγμα εδώ είναι πώς μπορείτε να αλληλεπιδράσετε με τον ιστότοπο και πώς μεταβαίνει. Αυτή είναι μια εκπληκτικά απαλή επανάληψη του επίπεδου σχεδιασμού ιστοσελίδων.
Neue Yorke
Οι περισσότερες από τις αγαπημένες μας επίπεδες τοποθεσίες χρωμάτων έχουν αυτές τις υπερβολικές παλέτες χρωμάτων που διαθέτουν τουλάχιστον 4 ή 5 διαφορετικά χρώματα. Ο Neue York υιοθέτησε μια διαφορετική προσέγγιση δημιουργώντας μια πολύ απλή παλέτα χρωμάτων. Όπως και ο ιστότοπος Minimal Monkey, η αλληλεπίδραση με αυτόν τον ιστότοπο θα πρέπει να προβληθεί παράλληλα με το τέλειο σχέδιο των θαυμάτων.
Διαίρεση δευτερολέπτου
Αναρωτιέστε πιθανώς γιατί αυτός ο ιστότοπος βρίσκεται σε αυτήν τη λίστα. Όπως μπορείτε να δείτε, τα πρώτα κουμπιά έχουν πραγματικά πολύ λεπτές κλίσεις. Αλλά καθώς κατεβαίνετε, θα διαπιστώσετε ότι χρησιμοποιούνται πολλά επίπεδα χρώματος. Αυτό είναι ένα υπέροχο παράδειγμα για το πώς μπορείτε να πάρετε τόσο επίπεδη χρώμα και άλλες τεχνικές για να ζήσουν μαζί.
Σύμβολο
Η επίπεδη σχεδίαση ιστού που συνδυάζεται με μεγάλη τυπογραφία είναι μία από τις μεγαλύτερες τάσεις που έχουμε σήμερα. Το Symbolset χρησιμοποιεί αυτές τις δύο τεχνικές για να αναδείξει το σύνολο των εικονιδίων που μπορούν να χρησιμοποιηθούν στον σχεδιασμό ιστοσελίδων ή σε οποιοδήποτε άλλο σχέδιο. Μου αρέσει πολύ αυτός ο ιστότοπος, επειδή η κεφαλίδα είναι επίπεδο χρώμα που μετατρέπει το φάσμα των χρωμάτων. Είναι πραγματικά τακτοποιημένο!
Geckoboard
Αυτή η υπηρεσία προσφέρει έναν τρόπο για τους ιδιοκτήτες επιχειρήσεων και επιχειρηματίες να ελέγχουν όλες τις στατιστικές τους σε πραγματικό χρόνο, σε ένα μέρος. Έχουν αποφασίσει να χρησιμοποιούν με λεπτότητα το σχέδιο επίπεδου χρώματος στα κουμπιά τους και σε άλλα στοιχεία. Ενδιαφέρον παρουσιάζει ο τρόπος με τον οποίο αυτοί οι σχεδιαστές έχουν προσθέσει λίγο κομψό σχεδιασμό σε επίπεδα στοιχεία χρώματος επίσης.
Πορτρέτα
Τα πορτραίτα είναι μια χαριτωμένη μικρή προσφορά από την AOL. Χρησιμοποιούν το σχεδιασμό επίπεδων χρωμάτων web ως τρόπο να συμπληρώσουν τον λευκό χώρο τους και να δημιουργήσουν διαφορετικά τμήματα περιεχομένου. Αυτό που μου αρέσει σε αυτόν τον ιστότοπο, πάλι, είναι η αλληλεπίδραση που έχετε με το περιεχόμενο και το πώς εμφανίζεται και τις μεταβάσεις.
Παλάτι
Το Παλάτι έχει δανειστεί πολλά από τους ανθρώπους στη Microsoft. Όχι μόνο χρησιμοποιούν την επίπεδη τεχνική χρώματος, αλλά επίσης βάζουν σε ένα πλέγμα σαν όλα τα Windows 8. Δεν είναι το τυπικό σχέδιο χρωμάτων και αυτό κάνει τα πράγματα λίγο πιο ενδιαφέρον.
Σκάφος Στούντιο
Μερικές φορές το μόνο που χρειάζεστε είναι ένα ποπ χρώμα για να κάνετε τα πράγματα ενδιαφέροντα. Το Boat studio έχει δημιουργήσει μια ιστοσελίδα με εικόνες που εμφανίζονται κυρίως σε κλίμακα του γκρι. Καθώς αρχίζετε και τερματίζετε τη μετακίνηση σε κάθε σελίδα, εισάγετε μια ημιδιαφανή περιοχή που περιέχει κάποιο κείμενο. Είναι μια θαυμάσια επανάληψη του επίπεδου χρώματος και το κάνει δημιουργικό για το εμπορικό σήμα σας.
Koken
Το Koken χρησιμοποιεί μια ποικιλία από αισθήματα για να δημιουργήσει μια εξαιρετικά σταθερή ιστοσελίδα. Ξεκινάμε με μία ανοιχτόχρωμη κεφαλίδα, μετά μετάβαση σε ένα σκοτεινό σώμα της σελίδας. Τελικά, καταλήγουμε με ένα φωτεινό, επίπεδη υποσημείωση. Αυτό δείχνει ότι ένας ολόκληρος ιστότοπος δεν χρειάζεται να είναι επίπεδος, αλλά μπορεί να χρησιμοποιεί απλά στοιχεία για να δημιουργήσει αυτή την τεχνική.
Λάσπη
Αυτός ο ιστότοπος κάνει καλή δουλειά να πάρει την επίπεδη τεχνική χρώματος και να την κάνει δική τους. Δεν χρησιμοποίησαν κλίση ή άλλα στοιχεία για ενίσχυση, αλλά επέλεξαν ένα χρωματικό σχέδιο και έβαλαν δύο διαφορετικά χρώματα από την άλλη πλευρά για να δημιουργήσουν ένα ωραίο υπόβαθρο. Επιπλέον, κράτησαν το σχέδιό τους πολύ συνεπείς σε όλο το site-δεν ήταν για πολλά χρώματα αλλά τελειοποιώντας αυτά που είχαν.
Οι Ρολόγια
Και πάλι, αυτός είναι ένας ιστότοπος που χρησιμοποιεί μια πολύ απλή χρωματική παλέτα, η οποία δεν είναι εξαιρετικά φωτεινή και τυχαία αλλά μάλλον μονότονη. Λειτουργεί γι 'αυτούς, επειδή έχουν τόσα πολλά άλλα ανορθόδοξα στοιχεία που προσθέτουν στο σχεδιασμό τους. Αυτός ο ιστότοπος βοηθάει να δείξει πώς η τάση μπορεί να συνεχίσει να λειτουργεί ενώ παίρνετε μια πίσω όψη σε άλλα δημιουργικά στοιχεία.
Hatch Inc.
Hatch χρησιμοποιεί λευκό χώρο και υπέροχες εικόνες για να βοηθήσει στη δημιουργία και υποστήριξη της επίπεδης τάσης χρώματος. Έχουν ένα πολύ απλό site που έχουν προσθέσει κάποιο χαρακτήρα με διαφορετικές τεχνικές και στοιχεία.
ΑΥΤΙΑ
Αυτό που είναι εξαιρετικά δημοφιλές στο σχεδιασμό επίπεδων χρωμάτων web και στην περίοδο σχεδιασμού είναι η χρήση ευθειών γραμμών, κανονικών κιβωτίων και κύκλων. Είναι πολύ σπάνιο να βλέπετε διαφορετικά σχήματα που εισάγονται στο διαδίκτυο. Το EARS αλλάζει αυτή τη ρητορική με τη συμμετοχή ενός διαφορετικού τύπου διαχωριστή γραμμής που είναι πολύ παρόμοιος με μια γραμμή EKG. Και το αγαπώ. Παρατηρήστε πώς χρησιμοποίησαν μια σιωπηρή χρωματική παλέτα για την τάση τους επίσης.
συμπέρασμα
Είναι δύσκολο να καλέσετε το επίπεδο σχεδιασμό ιστοσελίδων μια τάση, επειδή είναι απλώς μια κοινή επανάληψη της δημιουργίας ενός καθαρότερου περιβάλλοντος χρήστη. Ωστόσο, όπως μπορείτε να δείτε, υπάρχουν πολλοί διαφορετικοί τρόποι να το κάνετε. Και πάλι, είναι εξαιρετικά σημαντικό το επίπεδο σχέδιο χρώματος να μην είναι μόνο ένα ωραίο νέο look για εσάς, αλλά ένα μέσο για να κρατήσετε το σχεδιασμό σας συνεπές και φιλικό προς το χρήστη σε όλη την ιστοσελίδα σας.
Ποιες είναι μερικές από τις αγαπημένες σας ιστοσελίδες που χρησιμοποιούν επίπεδο χρώμα; Έχετε δημιουργήσει ένα σχέδιο που χρησιμοποιεί επίπεδο χρώμα; Μοιραστείτε μαζί μας στην ενότητα σχολίων.