Awesome Πρόσφατη ιστοσελίδα επανασχεδιασμός
Είναι πάντα τόσο ενδιαφέρον όταν πηγαίνετε σε έναν ιστότοπο που επισκεφθήκατε εδώ και μήνες ή χρόνια για να βρείτε ότι έχουν επανασχεδιαστεί .
Ορισμένοι επανασχεδιασμοί υποδηλώνουν αμέσως τον παλιό σχεδιασμό και μπορεί ακόμη και να σας αφήσουν να αναρωτιέστε αν στην πραγματικότητα έχουν επανασχεδιαστεί ή απλώς κάνατε μια μικρή ανανέωση. Άλλοι είναι τόσο πλήρεις που πρέπει να κάνετε διπλό έλεγχο και βεβαιωθείτε ότι έχετε προσγειωθεί στη σωστή ιστοσελίδα.
Θυμηθείτε ότι η διατήρηση ορισμένων στοιχείων συνεπών από το παλιό σας σχέδιο στο νέο σας μπορεί να βοηθήσει τους επισκέπτες να γνωρίζουν ότι έφτασαν στο σωστό μέρος. Διαφορετικά, ενδέχεται να υποθέσουν ότι η εταιρεία σας έχει εξαγοραστεί ή κλείσει και ο τομέας έχει αναληφθεί από κάποιον άλλο.
Παρακάτω είναι δεκατρείς εκπληκτικοί επανασχεδιασμοί από το παρελθόν έτος ή έτσι ... Ο καθένας έχει επίσης μια σε βάθος ανάλυση του τι έχει αλλάξει και τι δεν έχει, και το αποτέλεσμα που μπορεί να έχουν στους επισκέπτες του site.
Η Google σπάνια πραγματοποίησε αλλαγές στο σχεδιασμό στον ιστότοπό της (με εξαίρεση την εξατομικευμένη αρχική σελίδα του iGoogle). Αλλά αυτό το μήνα έδωσαν στους χρήστες τη δυνατότητα να χρησιμοποιήσουν μια προσαρμοσμένη εικόνα φόντου.
Οι χρήστες μπορούν να επιλέξουν από μια ποικιλία εικόνων, συμπεριλαμβανομένων των δικών τους Picasa εικόνων. Μια άλλη μεγάλη αλλαγή με αυτό το νέο σχέδιο είναι το λογότυπο: τώρα εμφανίζεται σε λευκό παρά στη πολύχρωμη εκδοχή με την οποία είμαστε όλοι εξοικειωμένοι.
Η Google έχει κρατήσει σχεδόν οτιδήποτε άλλο σχετικά με τη σελίδα, παρόλα αυτά. Οι σύνδεσμοι στην κορυφή είναι οι ίδιοι, η διάταξη είναι ίδια (εκτός από τη σύνδεση "Αλλαγή φόντου φόντου" στο κάτω αριστερό μέρος) και η γλώσσα που χρησιμοποιείται στη σελίδα παραμένει αμετάβλητη. Αυτό δίνει στους επισκέπτες μια αίσθηση συνέχειας με τα νέα σχέδια φόντου.
Μία ερώτηση παρακαλεί να ρωτήσετε: είναι η νέα επιλογή εικόνας φόντου Google μια απάντηση στο σχεδιασμό της μηχανής αναζήτησης της Bing της Microsoft (η οποία χρησιμοποιεί γραφικές εικόνες φόντου, παρόμοιες με αυτές που εμφανίζονται στο νέο σχέδιο της Google);
N.Design Studio
Το N.Design Studio είχε πάντα απίστευτα καλλιτεχνικά, εντυπωσιακά σχέδια για την ιστοσελίδα και το ιστολόγιό τους. Το πολύχρωμο Phoenix στο τελευταίο τους σχέδιο έχει παρουσιαστεί σε αμέτρητες θέσεις σχεδιασμού ιστοσελίδων και γκαλερί σχεδιασμού. Και δεν είναι περίεργο: είναι όμορφο. Αλλά φαίνεται ότι ο καθένας το έχει δει τουλάχιστον δώδεκα φορές, είτε συχνάζουν στο site του N.Design είτε όχι.
Έτσι, ο Nick La έκανε κάποιες ενημερώσεις, αυτή τη φορά με ένα εικονογραφημένο ψάρι Koi και υφή φόντου. Ακόμη και το λογότυπο είναι διαφορετικό.
Για έναν χώρο σχεδιασμού, αυτός ο μαζικός επανασχεδιασμός μπορεί να λειτουργήσει καλά, δείχνοντας την εξέλιξη ενός σχεδιαστή και νέα ταλέντα. Ωστόσο, με ιστότοπους που δεν έχουν σχεδιαστεί, διατηρώντας τουλάχιστον ορισμένα στοιχεία παρόμοια ή πανομοιότυπα, συνεχίζουν να επιστρέφουν οι επισκέπτες από το να αναρωτιούνται εάν έχουν προσγειωθεί σε λάθος ιστότοπο (ή αναρωτιούνται εάν ο ιστότοπος που έρχονται να εμπιστευτούν έχει εξαγοραστεί ή αντικατασταθεί από κάποιον αλλού).
Veerle's Blog 3.0
Το Blog του Veerle έχει υποστεί ένα τεράστιο επανασχεδιασμό, με ένα νέο χρωματικό σχέδιο, τυπογραφία και διάταξη.
Ο νέος σχεδιασμός είναι μαλακότερος και κομψότερος από τον παλιό σχεδιασμό. Ιδιαίτερα ενδιαφέρουσα είναι η νέα κατηγοριοποίηση των θέσεων: Graphic & Web Design, Modern Home Design και βελγική γραφιστική. Ο παλιός σχεδιασμός είχε περισσότερες κατηγορίες, μαζί με μια πιο γεμάτη εμφάνιση.
Η εικονογράφηση στην κεφαλίδα είναι διαφορετική από το ένα σχέδιο στο επόμενο, αλλά αν κοιτάξετε προσεκτικά θα δείτε ότι είναι η ίδια γυναίκα, μόνο με ένα επικαιροποιημένο κούρεμα. Αυτό προσδίδει συνέπεια μεταξύ της νέας και της παλαιάς, ενώ παράλληλα επιτρέπει μια πλήρη αισθητική αναθεώρηση. Και τα δύο σχέδια χρησιμοποίησαν επίσης πολλά φωτεινά χρώματα τόνου, αν και με διαφορετικούς τρόπους.
DelCastillo
Το DelCastillo μεταφέρθηκε από ένα παραδοσιακό σχεδιασμό ιστοσελίδας σε ένα στυλ σε περιοδικό στυλ, με διαφορετικές θέσεις με τελείως διαφορετικά σχέδια.
Αυτός είναι ένας από τους πιο ακραίες επανασχεδιασμούς σε αυτόν τον κατάλογο, και κάθε θέση λειτουργεί σχεδόν σαν νέο σχέδιο από μόνο του. Ένα άλλο ενδιαφέρον χαρακτηριστικό του νέου σχεδιασμού είναι ότι ο πιο πρόσφατος σχεδιασμός της θέσης χρησιμεύει επίσης ως σχεδιασμός αρχικής σελίδας, κάτι που δεν παρατηρείται συχνά με αυτόν τον τύπο blog.
Η τυπογραφία μεταξύ του παλιού και του νέου ιστολογίου είναι παρόμοια, καθώς η κύρια κεφαλίδα αλλάζει μόνο ελαφρώς εκτός από την αύξηση του μεγέθους. Γενικά, πρόκειται για έναν πολύ περιεκτικό επανασχεδιασμό, με το νέο site να έχει μικρή ομοιότητα με το παλιό.
Light CMS
Ο νέος ιστότοπος του LightCMS έχει πολύ καθαρότερο, πιο μινιμαλιστικό σχεδιασμό από τον προηγούμενο ιστότοπό του, ο οποίος χρησιμοποίησε ένα υφή φόντου, στοιχεία με το χέρι και πολλά εικονίδια. Ο νέος σχεδιασμός έχει ένα καθαρό λευκό φόντο, ελάχιστα εικονίδια και ένα πολύ πιο εξορθολογισμένο σχέδιο.
Η διάταξη κεφαλίδας παραμένει παρόμοια μεταξύ των δύο σχεδίων, αν και τα υπόλοιπα στοιχεία πλοήγησης έχουν ενημερωθεί.
Το λογότυπο είναι επίσης το ίδιο, αν και το ποσοστό του κύκλου στον τύπο έχει αλλάξει ελαφρώς και έχουν ξεφορτωθεί τη σκιά σταγόνας (που όλα έχουν ενισχύσει το branding του site). Συνολικά, ο νέος σχεδιασμός δίνει την εντύπωση μιας πολύ πιο εξελιγμένης και καθιερωμένης εταιρείας.
BrightKite
Η ιστοσελίδα του BrightKite έχει υποστεί έναν πραγματικά φανταστικό επανασχεδιασμό. Έχουν διατηρήσει πολλά ίδια στοιχεία, ενώ παράλληλα δίνει μια εντελώς νέα εμφάνιση. Τα πράγματα που διατηρούσαν περιλαμβάνουν το χρώμα, τους χαρακτήρες κινουμένων σχεδίων και το λογότυπό τους.
Ωστόσο, η συνολική διάταξη άλλαξε σημαντικά. Έχουν επίσης ξεφορτωθεί το βαρύ, σκούρο μπλε φόντο υπέρ μιας πολύ ελαφρύτερης έκδοσης.
Οι χαρακτήρες κινουμένων σχεδίων στη νέα έκδοση είναι πολύ καλύτερα ενσωματωμένοι στο γενικό σχεδιασμό, όπως και το εικονίδιο Facebook Connect. Έχουν επίσης πάρει χώρο στην αρχική σελίδα με testimonials, κάτι που λείπει στο πρώτο σχέδιο.
Και έχουν προσθέσει έναν σύνδεσμο στην εφαρμογή Android τους εκτός από την εφαρμογή iPhone. Είναι πολύ καθαρότερο, πιο γυαλισμένο σχεδιασμό από το πρωτότυπο.
Σούσι και ρομπότ
Sushi και ρομπότ έχει έναν από τους πιο λεπτούς επανασχεδιασμούς σε αυτόν τον κατάλογο. Έχουν διατηρήσει την τυπογραφία τους σχεδόν ταυτόσημη, η οποία προσδίδει συνέπεια μεταξύ των σχεδίων.
Ο νέος σχεδιασμός έριξε το λευκό φόντο υπέρ μιας υφής χαρτιού με ένα λεπτό πλέγμα. Η απεικόνιση ρομπότ και κοριτσιού έχει επίσης αντικατασταθεί με μια μεταβαλλόμενη χαρακτηριστική εικόνα.
Ο σχεδιασμός έχει επίσης αλλάξει από σχεδιασμό δύο στηλών σε σχέδιο πλέγματος, με περιοχές περιεχομένου διαφόρων μεγεθών. Το σκούρο υποσέλιδο προσθέτει επίσης λίγο περισσότερη αντίθεση στο νέο σχέδιο.
Οι επιλογές πλοήγησης στην κεφαλίδα έχουν αλλάξει ελαφρώς, και έχουν εξομαλυνθεί αρκετά. Η μεγαλύτερη βελτίωση όμως, είναι σίγουρα στο σχεδιασμό του δικτύου, ειδικά όταν συνδυάζεται με αυτό το λεπτό υπόβαθρο.
Τρεις
31 Έκαναν δραστικές αλλαγές στη διάταξή τους, αλλά διατήρησαν σταθερά διάφορα στοιχεία σχεδιασμού μεταξύ της παλιάς και της νέας.
Το λογότυπο έχει τροποποιηθεί λίγο, με μια συμπυκνωμένη εκδοχή της ίδιας γραμματοσειράς, η οποία επαναλαμβάνεται σε όλο το σχέδιο. Διατήρησε επίσης τις πεταλούδες ως σταθερό στοιχείο μεταξύ των δύο, αν και το νεότερο σχέδιο τους χρησιμοποιεί με διαφορετικό τρόπο. Η νέα αρχική σελίδα είναι επίσης πολύ πιο σαρωτή από την παλιά και έχει μια ελαφρύτερη αίσθηση.
Το χρωματικό σχήμα έχει ρυθμιστεί, αλλά είναι πολύ παρόμοιο μεταξύ των δύο σχεδίων (το νέο είναι λίγο πιο σιωπηλό). Ο νέος σχεδιασμός φαίνεται απείρως πιο γυαλισμένος από τον παλιό, όμως, που τονίζει η γυάλινη φιάλη και τα κυκλικά γραφικά.
Carbonmade
Η νέα τοποθεσία Carbonmade είναι αρκετά διαφορετική από την παλιά. Έχουν ενημερώσει το λογότυπό τους σε μια πιο λεπτομερή έκδοση, αν και η βασική ιδέα παραμένει η ίδια. Έχουν επίσης απαλλαγεί από τη βαριά περιοχή μαύρης περιεκτικότητας στην αρχική τους σελίδα προς όφελος ενός πιο φιλόξενου και χαλαρωτικού εικονογραφημένου βουνού.
Το βουνό γίνεται το επίκεντρο της αρχικής σελίδας, βοηθώντας να απεικονίσει τις πληροφορίες που προσφέρουν.
Έχουν προσθέσει επίσης έναν αριθμό άλλων εικονισμένων χαρακτήρων για την επισήμανση σημαντικών τμημάτων του ιστότοπου (όπως το κουμπί "Εγγραφή"). Το ανοιχτό μπλε χρώμα μεταφέρθηκε από το αρχικό σχέδιο στο νέο, το οποίο καθησυχάζει τους επισκέπτες ότι βρίσκονται στη σωστή τοποθεσία.
Έχουν επίσης υπογραμμίσει το κουμπί "επίδειξης" υπέρ του να γίνει το κουμπί "Sign-up" πολύ πιο εμφανές.
Βουβάλι
Η νέα ιστοσελίδα του Buffalo είναι μια τεράστια βελτίωση σε σχέση με την παλιά (η οποία ήταν ήδη ένα εξαιρετικό σχέδιο). Η προσθήκη της πράσινης ράβδου σε όλη την κορυφή, καθώς και περισσότεροι πράσινοι που χρησιμοποιούνται σε όλη την τυπογραφία στο σχεδιασμό της έχουν δώσει ένα πιο σύγχρονο και ελκυστικό συναίσθημα από το αρχικό είχε.
Το νέο σχέδιο εξακολουθεί να βασίζεται σε ένα πλέγμα, αλλά το έχουν αλλάξει λίγο, αλλάζοντας το μέγεθος των περιοχών περιεχομένου, γεγονός που του δίνει ένα πολύ πιο χαλαρό συναίσθημα.
Το μειωμένο μέγεθος των συνδέσεων πλοήγησης στην κεφαλίδα ανοίγει επίσης σημαντικά τα πράγματα. Οι εικόνες που χρησιμοποιούνται στο κάτω μέρος, οι οποίες μιλούν για το βουβάλι του νερού, προσθέτουν μόνο ακόμα περισσότερο στο στυλ kick-back του Μπάφαλο.
Larva Labs
Τα εργαστήρια Larva Labs χρησιμοποίησαν την ίδια εικόνα φόντου στο νέο τους σχέδιο όπως και στο παλιό, αλλά το έχουν επανατοποθετήσει για να τους δώσουν έναν πιο κεντρικό ρόλο στο σχεδιασμό.
Έχουν επίσης αναβαθμίσει το λογότυπό τους σε κάτι πολύ πιο σύγχρονο και έχουν καλύτερη χωριστικότητα στο περιεχόμενό τους για μια πιο οργανωμένη και στιλβωμένη εμφάνιση.
Η προσθήκη περισσότερων επίσημων συνδέσεων πλοήγησης στην κορυφή έχει επίσης προσθέσει στον επαγγελματισμό του site. Το σύστημα χρωμάτων έχει παραμείνει πολύ παρόμοιο, όμως, και σε συνδυασμό με την ίδια εικόνα φόντου, δεν υπάρχει λάθος ότι είναι η ίδια εταιρεία από το ένα σχέδιο στο άλλο.
Olliekav.com
Ο χώρος της Ollie Kavanagh έχει υποστεί σημαντική ανανέωση. Ο παλιός σχεδιασμός ήταν πλούσιος και σκούρος, ενώ ο νέος σχεδιασμός είναι ορατός και ελαφρύς.
Ένα από τα πιο cool πράγματα είναι ότι διατηρεί μια σύνδεση με το παλιό σχέδιο για όσους το προτιμούσαν. Αυτό που δεν μπορείτε να δείτε εδώ είναι ότι κάθε σελίδα στο νέο σχέδιο χρησιμοποιεί διαφορετικό χρώμα φόντου, αν και το υπόλοιπο του σχεδιασμού παραμένει το ίδιο.
Σχεδόν τα πάντα για τον ιστότοπο έχουν αναδιοργανωθεί, με καθαρότερη τυπογραφία, λιγότερες εικόνες και ακόμη και το λογότυπο. Το λογότυπο είναι ιδιαίτερα ενδιαφέρον, δεδομένου ότι έλαβε το καθαρότερο, εμπνευσμένο από το γκράφιτι λογότυπο από το σχέδιο grunge (το οποίο ήταν αναμφίβολα το καθαρότερο μέρος του παλαιού σχεδίου) και το μεταμόρφωσε σε ένα ελαφρώς διαφορετικό σχήμα με μια πιο παραδοσιακή εμφάνιση γκράφιτι, η οποία έρχεται σε αντίθεση με την απλότητα του υπόλοιπου σχεδίου.
Η καμπίνα σχεδιασμού
Το πρώτο πράγμα που σας χτυπά για το νέο design Cubicle είναι ότι είναι πολύ φωτεινότερο και έχει πολύ λιγότερα στοιχεία από το παλιό σχέδιο.
Η αρχική τοποθεσία του Design Cubicle είχε σχέδιο τριών στηλών και κάθε στήλη ήταν γεμάτη στο λαιμό με περιεχόμενο. Ενώ ήταν καλά σχεδιασμένο και κατάφερε να παραμείνει σχετικά ξεκάθαρα, θα μπορούσε να είναι λίγο συντριπτικό.
Ο νέος σχεδιασμός, από την άλλη πλευρά, έχει πολύ καθαρότερες γραμμές και έχει μειώσει το μεγαλύτερο μέρος του περιεχομένου στις πλευρικές κορνίζες. Τώρα, υπάρχουν μόνο τα σχόλια για κάθε θέση στην αριστερή πλαϊνή μπάρα και ο δεξιός έχει μόνο συνδέσμους προς τα αρχεία.
Η κεντρική στήλη έχει ένα γκρίζο φόντο αισθητικά ευχάριστο, γεγονός που καθιστά εξαιρετική αναγνωσιμότητα. Συνολικά, είναι ένας από τους ωραιότερους επανασχεδιασμούς αυτού του καταλόγου και σχεδόν σίγουρα θα συνεχίσει να φαίνεται φρέσκο για τα επόμενα χρόνια.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν .
Εάν έχετε δει άλλους μεγάλους επανασχεδιασμούς τους τελευταίους μήνες, ενημερώστε μας στα παρακάτω σχόλια ...