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

τάσεις σχεδιασμού ιστοσελίδων 2015

Πριν από λίγες μέρες έγραψα το συμπλήρωμα σε αυτό το άρθρο με άλλα 5 τάσεις στο σχεδιασμό ιστοσελίδων που σηματοδότησαν το 2015. Ανατρέχουμε σε μερικές από τις μεγαλύτερες τάσεις στο Διαδίκτυο της χρονιάς. Όπως έγραψα στο άρθρο που είχα συνδέσει προηγουμένως, έχουν επίσης σημειώσει το Πολύ μεγάλες μετακινήσεις, σχέδια καρτών, απλό σχέδιο, Η δυνατά κινούμενα σχέδια και συναρπαστικές φωτογραφίες. Λοιπόν τώρα σας δείχνουμε 5 άλλες τάσεις Σχεδιασμός ιστοσελίδων 2015, Ελπίζω να σας αρέσουν.

Φόντα HD

Υπόβαθρα σε HD

Δουλεύοντας σε συνδυασμό με τις τάσεις στη φωτογραφία υψηλής ανάλυσης, τη χρήση του χρήματα (υπόβαθρα) Από Υψηλή ανάλυση Αυξήθηκαν επίσης στη δημοτικότητα φέτος. Βλέπουμε εξαιρετική ποιότητα υψηλή ευκρίνεια για βίντεο, όπου τα προγράμματα περιήγησης και οι ταχύτητες του Διαδικτύου μπορούν ήδη να χειριστούν περισσότερα υπόβαθρα βίντεο και κινηματογράφου σε υψηλή ανάλυση, τείνουν να συνδέονται συναισθηματικά με τον χρήστη, δείχνοντας εξαιρετική δουλειά.

Όταν μιλάμε HD είναι μια ανάλυση υψηλότερη από 200 dpi (dpi), ενώ ο τυπικός ορισμός είναι 72 ppi. Αυτό κάνει τις εικόνες που έχουν σχεδιαστεί σε SD να εμφανίζονται θολές, αυτό σημαίνει ότι οι χρήστες με οθόνες SD δεν θα παρατηρήσουν τη διαφορά, αλλά εκείνοι με HD θα το κάνουν.

Παράδειγμα (έτοιμομαγ)

Έντονες γραμματοσειρές

Έντονες γραμματοσειρές

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

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

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

Παράδειγμα (Ιδέες Google)

Διαδραστικότητα

Διαδραστικότητα

Οι προόδους του HTML5, CSS, Javascript και jQuery Τώρα επιτρέπουν βαθύτερες αλληλεπιδράσεις, ένα ισχυρό εργαλείο για όλες τις επιχειρήσεις. Τώρα οι χρήστες ασχολούνται περισσότερο με το περισσότερα οπτικά ερεθίσματα και με ισχυρότερο περιεχόμενο.

Οι αυξημένες αλληλεπιδράσεις σημαίνουν επίσης αύξηση μικρο-αλληλεπιδράσεις, όπου οι μικρο-αλληλεπιδράσεις είναι τα λεπτομερή στοιχεία της διαδραστικότητας: α «ding» ήχος όταν αποστέλλεται ένα μήνυμα ηλεκτρονικού ταχυδρομείου ή κινούμενη εικόνα για να επιστήσει την προσοχή σε μια νέα ειδοποίηση. Ο σχεδιασμός μιας αλληλεπίδρασης θα γίνει πιο περίπλοκος, καθιστώντας αυτό μια τάση που θα σας κάνει να μείνετε σε έναν ιστότοπο για περισσότερο.

Παράδειγμα (Ακαδημία Beatbox)

Λαμπρά χρώματα

Λαμπρά χρώματα

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

Παράδειγμα (Spotify)

Μινιμαλισμός

Μινιμαλισμός

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

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

Παράδειγμα (ΩΜΈΓΑ)

Ελπίζω να σας άρεσαν αυτές οι πέντε τάσεις, και τα άλλα πέντε που έβαλα στο άλλο άρθρο που σηματοδότησε το σχεδιασμό ιστοσελίδων του 2015.


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

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

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

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