Αρχική σελίδα » Κινητό » 15 Τάσεις σχεδίασης ιστοσελίδων για να προσέξετε το 2012

    15 Τάσεις σχεδίασης ιστοσελίδων για να προσέξετε το 2012

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

    Θέλω να εισαγάγω 15 ιδέες που έχουν αυξηθεί πολύ γρήγορα κατά το παρελθόν έτος. Αυτές οι τάσεις περιλαμβάνουν τις τεχνικές σχεδιασμού ιστοσελίδων και γραφικών, οι οποίες πιθανότατα θα διαδραματίσουν ένα μεγάλο ρόλο που θα κινηθεί μέσα στο 2012. Έχετε δει πιθανώς μερικές από αυτές να εκπροσωπούνται σε πολλές από τις αγαπημένες σας τοποθεσίες online.

    Ευτυχώς, οι μέθοδοι για την υλοποίηση αυτών των λειτουργιών καθίστανται ευκολότερο να κατανοηθούν και πολύ πιο αδύνατες στον κώδικα.

    1. Ανταπόκριση σχεδιασμού διασύνδεσης

    Η εμπειρία του μέσου χρήστη είναι πιθανώς η πιο σημαντική πτυχή που πρέπει να λάβετε υπόψη κατά το σχεδιασμό ενός ιστότοπου. Θέλετε τα στοιχεία της σελίδας να ανταποκρίνονται γρήγορα στην είσοδο πληκτρολογίου / ποντικιού και να συμπεριφέρονται όπως αναμένεται. Ορισμένα παραδείγματα ενδέχεται να περιλαμβάνουν μενού πλευρικών fly-out, αναπτυσσόμενα πλαίσια και αναδυόμενα παράθυρα.

    Συμπεριλαμβανομένων των διάσημων βιβλιοθηκών JavaScript, όπως MooTools και jQuery, έχει γίνει πολύ πιο εύκολο να ζωντανέψετε αυτά τα χαρακτηριστικά και ακόμα περισσότερα. Τα περισσότερα σύγχρονα προγράμματα περιήγησης υποστηρίζουν αυτόν τον κώδικα και υποβαθμίζουν ακόμη και χαριτωμένα όταν τα σενάρια δεν είναι διαθέσιμα. Τελικά θέλετε να κάνετε τον χρήστη να αισθάνεται άνετα όταν αλληλεπιδρά με οπουδήποτε στον σχεδιασμό.

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

    2. Οθόνη αφής κινητών συσκευών

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

    Η δημοτικότητα των συσκευών iPhone και iPad μαζί με τα τηλέφωνα που λειτουργούν με Android σημαίνει ότι θα έχετε επισκέπτες που αλληλεπιδρούν πλήρως με τις σελίδες σας μέσω εντολών αφής. Αυτό πρέπει να γίνει μια ρεαλιστική εκτίμηση με κάθε μακέτα σχεδιασμού. Οι τάσεις στο σχεδιασμό ιστού για κινητά έχουν δείξει ότι η οικοδόμηση ενός εντελώς ξεχωριστού κινητού θέματος συχνά προσφέρει τα καλύτερα αποτελέσματα. Με αυτόν τον τρόπο, μπορείτε να διατηρήσετε όλο το δυναμικό περιεχόμενο στη θέση σας στην κύρια διάταξη, ενώ εξυπηρετείτε μια λεπτή έκδοση του site σε χρήστες κινητών.

    3. Τόνοι Freebies!

    Ποιος μπορεί να πει ότι ειλικρινά δεν απολαμβάνουν δωρεάν λήψεις; Οι σχεδιαστές ιστοσελίδων έχουν μοιραστεί το περιεχόμενό τους επί σειρά ετών, αλλά μόλις πρόσφατα αυτό έχει γίνει μια πολύ δημοφιλής τάση μεταξύ των ψηφιακών καλλιτεχνών. Υπήρξαν μερικές κοινότητες που δημιουργήθηκαν ειδικά για την προσφορά δωρεάν λήψεων για web και γραφίστες.

    Δύο από τα προσωπικά μου αγαπημένα είναι το Download PSD και το Designmoo, τα οποία ενημερώνονται συχνά από τα κορυφαία μέλη. Επιπλέον, το αρχείο Hongkiat Freebies έχει πολλά γλυκά καλούδια για να το ελέγξετε. Σε οποιαδήποτε εποχή πριν ποτέ δεν ήταν ποτέ τόσο εύκολο να κατεβάσετε δωρεάν διαδικτυακές διασυνδέσεις, σχεδιαγράμματα, λογότυπα, πανό και σχεδόν οποιοδήποτε άλλο τύπο αρχείου PSD / AI!

    Ορισμένες αραιές λήψεις

    Παρακάτω είναι μόνο μερικά δροσερά freebies για να το ελέγξετε από νωρίτερα το 2011. Και αν νομίζετε ότι αυτή η λίστα έχει μερικά μεγάλα αρχεία, απλά περιμένετε μέχρι το 2012 κυλά γύρω!

    Mini Web UI Set

    Σκούρο Mini Music Player

    Συρόμενες ετικέτες

    Σκούρο ρυθμιστικό φωτογραφιών

    Αναζήτηση κουτιών

    Σύνδεση / Έντυπο Υπογραφής

    Σύνδεση Modal Box

    Καθαρή φόρμα σύνδεσης

    Πίνακες τιμολόγησης

    Ελάχιστες ράβδοι φόρτωσης

    Πρόσθετο παράθυρο προσάρτησης

    4. Πρότυπα HTML5 & CSS3

    Και τα δύο αυτά αρχιτεκτονικά σχεδιασμού έχουν συσσωρεύσει μια συνεχώς αυξανόμενη συνέχεια σε όλη τη διάρκεια του 2011. Οι σημασιολογικοί σχεδιαστές ιστοσελίδων περιμένουν χρόνια για να ξεδιπλώσουν τα σχέδια μόνο για CSS, καθιστώντας τις στρογγυλεμένες γωνίες και τις σκιές. Επιπλέον, το W3C έχει σημειώσει μεγάλη πρόοδο στη συγκέντρωση υποστήριξης από τα πιο δημοφιλή προγράμματα περιήγησης.

    Μπορώ να δω μόνο καλά πράγματα για το μέλλον της ανάπτυξης ιστού HTML5 / CSS3. Οι σχεδιαστές του Front-end συχνά παραβλέπονται στο σημερινό πεδίο, όμως εξυπηρετούν τόσο μεγάλη σημασία για όλη τη διαδικασία της σύνθεσης. Προσπαθήστε να μην πιέσετε τον εαυτό σας σε κάποια «ετικέτα» που βασίζεται στις τεχνικές που γνωρίζετε και ασκείτε καθημερινά. Προσφέρουμε έναν οδηγό για αρχάριους για την κωδικοποίηση HTML5 / CSS3 αν αισθάνεστε την ανάγκη να προφθάσετε.

    Η προσκόλληση με αυτά τα νέα πρότυπα θα κάνει επίσης την ανάπτυξη σε JavaScript και jQuery ακριβώς αυτό πολύ πιο εύκολο. Οι προγραμματιστές έχουν ήδη δημοσιεύσει και μοιράζονται τον κώδικα HTML5 / CSS3 του έργου τους σε απευθείας σύνδεση, και αν συνεχίσουμε τα πράγματα θα παρατηρήσουμε σίγουρα ένα πολύ περισσότερα από αυτά που πηγαίνουν στο επόμενο έτος.

    5. Κορδέλες και πανό

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

    Οι σχεδιαστές ιστοσελίδων είναι πιο ικανές αυτές τις μέρες να ξεκινήσουν τα δικά τους ιστολόγια για να μοιραστούν πληροφορίες. Τώρα οι απλές τεχνικές μπορούν εύκολα να μεταφερθούν γύρω από τους σχεδιαστές για να αντιγράψουν τα πιο δημοφιλή εφέ. Υπάρχουν ακόμη και δωρεάν PSD που μπορείτε να κατεβάσετε για να εξοικονομήσετε την προσπάθεια.

    6. Θέματα WordPress Premium

    Η τελική έκδοση του WordPress 3.0 περιλάμβανε μια σειρά από πολυαναμενόμενα χαρακτηριστικά, όπως προσαρμοσμένους τύπους δημοσιεύσεων και μοναδικές εικόνες άρθρων. Ωστόσο, οι πιο βαθιές αλλαγές που έχω δει προέρχονται από καταστήματα ανάπτυξης WordPress που ειδικεύονται σε θέματα WP premium.

    Αφού αγοράσετε ένα τέτοιο θέμα, η διαδικασία εγκατάστασης είναι παρόμοια με οποιαδήποτε άλλη. Ωστόσο, είναι τώρα δυνατό να συμπεριληφθούν προσαρμοσμένες λειτουργίες plug-in, παιδικά θέματα, νέα μηνύματα διαχειριστή και μια ολόκληρη δέσμη άλλων χαρακτηριστικών, μέσα από το θέμα! WooThemes, ElegantThemes και Rocket Themes είναι λίγες μάρκες που ξεχωρίζουν σε μένα πάνω από όλα τα υπόλοιπα. Η ποιότητα τους είναι άψογη και αισθάνομαι ότι οι προγραμματιστές τους πηγαίνουν πάνω και πέρα ​​για να δημιουργήσουν τα καλύτερα πρότυπα και τα πιο διαισθητικά μενού διαχείρισης.

    Πηγαίνοντας στο 2012 μπορώ μόνο να φανταστώ ότι το WordPress θα γίνει ακόμα πιο εύκολο στη χρήση. Αυτό σημαίνει ότι θα κυκλοφορήσουν περισσότερα θέματα υψηλής ποιότητας και θα κυκλοφορήσουν πιο εκπληκτικά blogs.

    7. Ηλεκτρονικά περιοδικά

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

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

    8. Σκιές εύκολης απόθεσης

    Ως πτυχή του CSS3 είναι τώρα πιο εύκολο από ποτέ οι σχεδιαστές να εφαρμόσουν μια σκιά σταγόνας οπουδήποτε στη σελίδα. Τα στοιχεία κειμένου πλαισίου και κουτιού έχουν δοθεί αντίστοιχες ιδιότητες για να δώσουν σαφή φαινόμενα σκιάς.

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

    9. Δυναμική τυπογραφία

    Οι γραμματοσειρές είναι ένα μεγάλο μέρος της σφαίρας που περιλαμβάνει την παράδοση του web design. Οι πιο αξιοσημείωτες γραμματοσειρές, όπως οι Arial, Helvetica, Georgia, και Trebuchet MS, βρίσκονται εδώ και χρόνια. Παρόλο που συνεχίζουν να εξυπηρετούν έναν βαθύ στόχο στα πρότυπα του ιστού, υπάρχουν πολλές εναλλακτικές επιλογές για την προηγμένη τυπογραφία ιστοσελίδας.

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

    Μια άλλη εναλλακτική λύση είναι οι Γραμματοσειρές Google Web που συμπεριφέρονται με παρόμοιο τρόπο με το Typekit. Προτείνω στους ενδιαφερόμενους σχεδιαστές να ελέγξουν το ερώτημα μέσων @ font-face του CSS3, καθώς σας δίνεται πολύ περισσότερη δημιουργικότητα. Αυτός ο κωδικός μπορεί να χρησιμοποιηθεί για την εισαγωγή a .ttf ή .otf αρχείου γραμματοσειράς από τον διακομιστή ιστού σας και να το συμπεριλάβετε ως γραμματοσειρά με δυνατότητα χρήσης στυλ! Με τόσα πολλά εναλλακτικά συστήματα που χρησιμοποιούνται για την οικοδόμηση δυναμικών γραμματοσειρών, περιμένω το 2012 να διεξαχθεί ένα κύμα καινοτομίας και σχεδιασμού ταλέντων σε αυτόν τον τομέα.

    10. Γκαλερί εικόνων Παρουσιάσεις

    Με την επακόλουθη δημοτικότητα του jQuery έχω εντοπίσει όλο και περισσότερες εικόνες slideshows που ρίχνονται σε web layouts. Οι αίθουσες τέχνης είναι ιδανικές για να δείξουν μια γρήγορη ματιά στο περιεχόμενο της εσωτερικής σελίδας. Αυτό θα μπορούσε να είναι ένα σύνολο καταχωρήσεων χαρτοφυλακίου, φωτογραφιών, αναρτήσεων ιστολογίου με εμφανισμένες εικόνες, στιγμιότυπα οθόνης, κλπ.

    Όταν εξετάζετε τις πολλές μοναδικές κινούμενες κινήσεις συρόμενες και ξεθωριασμένες, δεν ήταν ποτέ πιο εύκολο να δημιουργήσετε μια γρήγορη παρουσίαση για την αρχική σας σελίδα. Είμαι σίγουρος ότι το 2012 θα δει μια ανοδική τάση σε αυτές τις τάσεις, και όχι μόνο μεταξύ σχεδιαστές. Οι διαδικτυακές εφαρμογές ιστού και οι εταιρείες λογισμικού χρησιμοποιούν παρουσιάσεις ως καθοδηγημένα σεμινάρια για την προβολή στιγμιότυπων οθόνης και μοναδικών χαρακτηριστικών.

    11. Αναδυόμενα παράθυρα Modal

    Αισθάνομαι ότι τα modalo κουτιά είναι ακόμα αρκετά νέα στο Διαδίκτυο δεδομένου ότι έχουν εμφανιστεί στο λογισμικό επιτραπέζιων υπολογιστών και τις εφαρμογές για κινητά εδώ και χρόνια. Ο σκοπός ενός παραθύρου modal είναι να προσφέρει περιεχόμενο κουτιού (όπως εγγραφή χρήστη ή σύνδεση) πάνω από την τρέχουσα σελίδα χωρίς φόρτωση σε ένα νέο.

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

    Για να λάβετε ιδέες για τους δικούς σας ιστότοπους, δείτε μερικές από τις πιο δημοφιλείς κοινότητες κοινωνικής ανταλλαγής ειδήσεων. Το Reddit και το Digg είναι τα πρώτα δύο που έρχονται στο μυαλό καθώς και τα δύο διαθέτουν λειτουργικά πλαίσια εγγραφής / σύνδεσης με μια τυπική διάταξη. Επιπρόσθετα, τα εφέ UI για το Google+ διαθέτουν ένα σημαντικό μέρος της λειτουργικότητας των μεταφορών.

    12. Εμπνευσμένοι κατάλογοι

    Συλλογές στοιχείων λίστας εμφανίστηκαν από τις πρώτες μέρες του σχεδιασμού ιστοσελίδων. Καθώς προχωρήσαμε στο νέο αιώνα, οι σχεδιαστές άρχισαν να χρησιμοποιούν ταξινομημένες και μη ταξινομημένες λίστες HTML για να φιλοξενούν μενού πλοήγησης. Αλλά σήμερα οι λίστες μπορούν και χρησιμοποιούνται για πολύ περισσότερα.

    Στα περισσότερα θέματα blog βρίσκω ότι ολόκληρη η πλαϊνή μπάρα είναι φορτωμένη με λίστες! Για να μην αναφέρουμε σχεδιαστές που έχουν δημιουργήσει εκπληκτικά στυλ CSS για λίστες στις καταχωρήσεις του άρθρου τους. Καλύψαμε εμπνευσμένα στυλ λίστας σε μια άλλη θέση νωρίτερα φέτος, κάτι που μπορεί να σας δώσει κάποια περισσότερη διορατικότητα στο θέμα. Κοιτάζοντας μπροστά το 2012, περιμένω μερικά πραγματικά δημιουργικά παραδείγματα, ίσως και με την προσαρμοσμένη διάταξη του Flowapp για εργασίες & dos.

    13. Δημιουργία μικρογραφιών εικόνας

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

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

    Ως ένα άλλο παράδειγμα, το Dribbble παρέχει μια ολόκληρη λίστα με τις μικρογραφίες για κάθε λήψη σχεδίου. Σε μια τέτοια διάταξη τραπεζίου σε στυλ πίνακα είναι εξαιρετικά εύκολο να πιάσετε μια γεύση από κάθε μικρογραφία και να μετακινηθείτε για να βρείτε αυτό που ψάχνετε. Αυτή η τακτική έχει αποδειχθεί ότι προσελκύει την προσοχή ολόκληρης της σχεδιαζόμενης κοινότητας! Er, τουλάχιστον τα μέλη του Dribbble στην καλύτερη περίπτωση. Μπορώ μόνο να περιμένω ότι το 2012 θα δει περαιτέρω την άσκηση αυτών των ιδεών με βάση τέτοια παραδείγματα από το παρελθόν.

    14. Υπερμεγέθη εικονίδια

    Αυτή η μοναδική τάση ημι-προέρχεται από τη δημοτικότητα των Mac OS X σχεδίων εικονιδίων. Καθώς οι προγραμματιστές άρχισαν να εκκινούν δικτυακούς τόπους για τις εφαρμογές τους για Mac, πολύ συχνά βλέπαμε τα τεράστια μεγέθη που αντιπροσωπεύει το branding. Κατά συνέπεια, αυτή η τάση έχει επίσης επιταχυνθεί από τους προγραμματιστές της iOS και τώρα βρίσκεται άνετα στη σύγχρονη κουλτούρα του σχεδιασμού.

    Είναι δύσκολο να προβλέψουμε πώς αυτές οι τάσεις θα είναι δίκαιες καθώς θα προχωρήσουμε στο 2012. Από τη μία πλευρά, αυτές οι εικόνες μπορούν να είναι παχουλό και να πάρουν περισσότερο χώρο από ό, τι είναι απαραίτητο. Ωστόσο, δεν είμαστε καν κοντά στο χτύπημα μιας έλλειψης εφαρμογών iOS / OSX και οι σχεδιαστές εξακολουθούν να αναδύουν pixel-τέλεια εικονίδια specs. Για να μην αναφέρουμε ότι οι σχεδιαστές ιστοσελίδων περιλαμβάνουν τώρα υπερμεγέθη εικονίδια μέσα σε σχεδόν οποιαδήποτε επωνυμία σελίδας! Είναι ένας καλός τρόπος να συγκεντρώσετε την άμεση προσοχή του επισκέπτη σας και να δημιουργήσετε ένα όνομα για την εταιρεία σας.

    15. Υπερβολικοί υπερσυνδέσμοι

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

    Ελέγξτε μερικά από τα παραδείγματα των συνδέσμων από το Patterntap για να διαπιστώσετε αν υπάρχει άλμα και σφίξτε το μάτι σας. Υπάρχουν τόσες πολλές απίστευτες ιδέες για τον σχεδιασμό υπερσύνδεσης, τόσο σε τυπικά όσο και σε εφέ κίνησης. Οι στρογγυλεμένες γωνίες CSS3, οι σκιές κειμένου και οι προσαρμοσμένες οικογένειες γραμματοσειρών προσθέτουν ακόμη πιο μεγάλες ιδέες στο μίγμα! Ένα από τα αγαπημένα μου παραδείγματα είναι από το SimpleBits το οποίο χρησιμοποιεί ένα σύντομο δυναμικό κινούμενο σχέδιο σε κάθε μία από τις καταχωρίσεις του blog του permalinks.

    συμπέρασμα

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