Περίπου 5 τάσεις στο σχεδιασμό ιστοσελίδων που σηματοδότησαν το 2015

webing

Πώς φαινόταν ο ιστός και ποιες ειδήσεις έφεραν αυτό το 2015; Κοιτάζουμε πίσω μερικά από τα μεγαλύτερες τάσεις στο Διαδίκτυο της χρονιάς. Τι κάνει έναν ιστότοπο να φαίνεται μοντέρνο και τι τον κάνει να έχει ημερομηνία; Κάθε χρόνο η επιβίωση είναι μια από τις πιο κατάλληλες, επιλέγοντας τάσεις που λειτουργούν και ποιες όχι. Με το 2015 να κλείνει, μπορούμε τώρα να ταυτοποιήσουμε τις πιο επιτυχημένες τάσεις του 2015, εκείνοι που καθορίζουν το στυλ του έτους και δείχνουν αρκετή δύναμη για να συνεχίσουν το νέο έτος. Ακολουθούν μερικές από τις 5 τάσεις στο σχεδιασμό ιστοσελίδων που σηματοδότησαν το έτος 2015.

κύλιση ιστού

Πολύ μεγάλη κύλιση.

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

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

Αυτά τα οφέλη έχουν κόστος αρνητικές επιπτώσεις του SEO και μεγαλύτεροι χρόνοι φόρτισης μεταξύ των χειρότερων. Η μακρά κύλιση λειτουργεί καλύτερα για ιστότοπους με μεγάλη κυκλοφορία από κινητά ή περιεχόμενο υψηλής ενημέρωσης και είναι λιγότερο αποτελεσματικό για ιστότοπους με βαριά μέσα όπως βίντεο.

Παράδειγμα/σκιά

Σχέδια καρτών

Σχέδια καρτών.

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

Παράδειγμα/Behance

Επαναπροσδιορισμός επίπεδης σχεδίασης

Επαναπροσδιορισμός επίπεδης σχεδίασης.

Η σημερινή επίπεδη σχεδίαση απέχει πολύ από την προέλευσή της. Η νέα, πιο απολαυστική επανάληψη της επίπεδης σχεδίασης, ο Ryan Allen καλεί «Flat Design 2.0», προσφέρει περισσότερες ευκαιρίες για λεπτομέρειες και διακοσμητικά στοιχεία. Ακολουθεί ένα παράδειγμα ιστού με αυτήν την τάση.

Παράδειγμα/Toyota

Ισχυρά κινούμενα σχέδια

Ισχυρά κινούμενα σχέδια.

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

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

Παράδειγμα/Φοβήτρο

κινούμενα σχέδια μενού iphone

Συναρπαστικές φωτογραφίες

Συναρπαστικές φωτογραφίες.

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

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

Παράδειγμα/Ο ιστότοπος του Mario Frigerio


Το περιεχόμενο του άρθρου συμμορφώνεται με τις αρχές μας συντακτική ηθική. Για να αναφέρετε ένα σφάλμα κάντε κλικ Aquí.

Γίνε ο πρώτος που θα σχολιάσει

Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί.

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.