5 Πραγματικές τάσεις σχεδίων Web για το 2016

Κάθε φορά που βλέπω ένα σύνδεσμο που ονομάζεται Web Design Trends για το τρέχον έτος, το κάνω ευτυχώς μόνο για να είμαι απογοητευμένος μέσα σε λίγα λεπτά. Είναι πάντα, χωρίς αποτυχία, τάσεις από πέρυσι, ή μη τάσεις όπως: εικονογραφήσεις. Όπως, ξέρατε ότι τα κινούμενα σχέδια είναι προφανώς μια μεγάλη τάση; Σοβαρά, εάν γράψετε μια λίστα τάσεων και συμπεριλάβετε βίντεο φόντου σε πλήρη οθόνη ως τάση για το 2016, θα πρέπει πραγματικά να προσπαθήσετε να μεταβείτε σε απευθείας σύνδεση και να δείτε ιστοσελίδες πριν καταγράψετε τη λίστα σας. Κανείς δεν μοιάζει με δολώματα κλικ. Εν πάση περιπτώσει, χωρίς περαιτέρω παραβίαση, εδώ είναι ένας κατάλογος πέντε πραγματικών τάσεων για το πρώτο εξάμηνο του τρέχοντος έτους.

1) Πλήρης οθόνη & δεν μπορεί να μετακινηθεί

Οι μη μετακινούμενες τοποθεσίες κερδίζουν τελικά την έλξη. Όταν ένας ιστότοπος μιας σελίδας, που κύλησε μέσα από την αιωνιότητα, με μια επικεφαλίδα συνδέσμου κολλητικής αγκύρωσης στην κορυφή, έγινε σχεδόν ο συνηθισμένος τρόπος να κάνεις αρχικές σελίδες, είναι ωραίο να βλέπεις σελίδες όπου πρέπει να πατήσεις για να πλοηγηθείς. Όσο οι άνθρωποι μισούν το scroll-jacking, μπορεί να είναι ωραία μερικές φορές. Το κλειδί κατά το σχεδιασμό αυτών των τοποθεσιών είναι η χρήση της οθόνης για περιορισμούς. Πρωτότυπο σε Keynote. Η πλοήγηση στο πληκτρολόγιο είναι κοινή σε αυτούς τους ιστότοπους.

Βασικά στοιχεία απορρήτου Facebook

Τρία παραδείγματα ιστότοπων πλήρους οθόνης χωρίς κύλιση:

  1. Βασικά στοιχεία απορρήτου Facebook - Μεγάλη τοποθεσία, αν και δεν ανταποκρίνεται, από το Facebook που εξηγεί βήμα προς βήμα πώς λειτουργεί το ιδιωτικό απόρρητο στην υπηρεσία τους. Μεγάλες εικόνες!
  2. Fantasy - Ο πολυαναμενόμενος νέος ιστότοπος της εταιρείας σχεδιασμού Fantasy ξεκίνησε νωρίτερα αυτό το έτος και δεν απογοήτευσε. Ειδικά ελέγξτε την ενότητα "Εργασία", όλα παραμένουν στην οθόνη.
  3. KLM 50 Travels - Όμορφη τοποθεσία εκστρατείας για την KLM. Σας μεταφέρει 50 προορισμούς, μία οθόνη τη φορά. Πλοηγηθείτε με τα βέλη του πληκτρολογίου και τη γραμμή διαστήματος.

2. Κολλημένος τίτλος προς τα πλάγια

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

Κωδικός & Θεωρία

Τρία παραδείγματα κολλητικών τίτλων στο πλάι:

  1. Κωδικός & Θεωρία - Οι τίτλοι της πόλης παραμένουν στην εικόνα όταν μετακινείτε τις ανοικτές θέσεις σε αυτή την όμορφη τοποθεσία.
  2. Υπέρβαση στοίβας - Αυτό δεν ταιριάζει με το νομοσχέδιο εκατό τοις εκατό, αλλά δεν είναι ένας ιστότοπος αντιπροσωπείας, ώστε να του δίνεται ένα πέρασμα. Κατά την κύλιση, η υπο-πλοήγηση παραμένει κολλητική προς τα δεξιά. Ομορφη.
  3. DDB Sthlm - Είμαι από τη Σουηδία, έτσι ρίχνω και ένα σουηδικό παράδειγμα. Εάν πιέσετε το έργο από το μενού τους και μετακινηθείτε προς τα κάτω, θα δείτε ότι η κάθετη επικεφαλίδα παραμένει στο πλάι.

3) Το λογότυπο είναι ο φορτωτής

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

Οργανο

Τρία παραδείγματα χρήσης του λογότυπου ως φορτωτή:

  • Μέσο - Αυτός ο ιστότοπος εμφανίζει μόνο το λογότυπό του κατά τη φόρτωση της σελίδας και όταν ανοίγετε το μενού πλοήγησης. Αυτό είναι νέο, και ballsy.
  • Fubiz - Αυτός ο ιστότοπος έκανε μια μεγάλη βουτιά όταν ξεκίνησε και για καλούς λόγους. Η ιστοσελίδα έχει ένα διαφορετικό λογότυπο για κάθε τμήμα, όλα με πολύ ωραία animations.
  • Αυτό επίσης - Μεγάλη ιστοσελίδα στούντιο σχεδιασμού με πολλούς ποτέ δεν είδε πριν από την τέχνη διευθυντής για τις ιστοσελίδες αντιπροσωπείας. Ενώ δεν είναι τεχνικά το λογότυπο, το εικονίδιο πλοήγησης είναι ο φορτωτής εδώ, αλλά βρίσκεται εκεί όπου το λογότυπο είναι συνήθως έτσι ώστε να ταιριάζει.

4) Διαταραγμένες εικόνες φόντου

Έχοντας εικόνες φόντου που γεμίζουν ολόκληρο το παράθυρο του προγράμματος περιήγησης δεν είναι κάτι καινούργιο, είναι πιθανότατα στην κορυφή της κλασικής μετά την πραγματική Τάσεις Σχεδιασμού Web 2013, αλλά αυτό το παίρνει σε ένα νέο επίπεδο. Προσθέστε κάποια εφέ στρίψιμο του ποντικιού στην εικόνα φόντου σας και είστε καλό να πάτε.

Ενεργή Θεωρία

Τρία παραδείγματα διακοπτόμενων εικόνων φόντου:

  1. Κάντε μου παλμό - Μετακινήστε το ποντίκι πάνω από το φόντο και δείτε τα βουνά ζωντανεύουν, πολύ καλά.
  2. Ενεργή Θεωρία - Αν δημιουργείτε μια ιστοσελίδα για την επιχείρησή σας, ποιος καλύτερος τρόπος να δείξετε ότι έχετε κάποιες τρελλές δεξιότητες ιστού παρά να φανεί σαν ένα πείραμα Google; Κανένας.
  3. Λεπτομέρειες - Θα χρειαστεί κάποια κύλιση. Αυτό το ελβετικό γραφείο σχεδιασμού προφανώς δεν πιστεύει σε άγκυρες συνδέσεις, οπότε αν μετακινηθείτε προς τα κάτω στο κάτω μέρος της σελίδας 4/4 Nos Experts και τοποθετήστε τις φωτογραφίες σας θα δείτε μια ελαφρά παραμόρφωση σε αυτά. Ομορφη!

5) Πάνω από τα κορυφαία κινούμενα σχέδια

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

Waaark

Τρία παραδείγματα πάνω από τα κορυφαία κινούμενα σχέδια:

  1. Waaark - Lol, αυτό το μικρό στούντιο σχεδίασης έχει δημιουργήσει από τις πιο εκπληκτικές οπτικές εμπειρίες αυτού του έτους. Αφήστε το στη γαλλική για να μεταβείτε στην κορυφή όταν πρόκειται για κινούμενα σχέδια.
  2. Animocons - Αυτά είναι μερικά παραδείγματα εικονιδίων με θεαματικά εφέ κίνησης κλικ, όλα γίνονται χρησιμοποιώντας κώδικα ιστού.
  3. Το Rally Interactive Beta - Rally κάνει μια σπουδαία δουλειά που δεν έχει μόνο το σωστό ποσό των κινούμενων σχεδίων στην περιοχή τους. Έχουν τρελαθεί στην κορυφή και, στη συνέχεια, κρατήστε το μαλακό όταν κάνετε κλικ και επιλέξτε κάτι.

Μπόνους: δεν είναι πραγματικά μια τάση ακόμα, το είδαν μόνο σε ένα ή δύο μέρη, αλλά η οικοδόμηση ανταποκρινόμενων ιστοσελίδων που κλίμακας επ 'αόριστον πρόκειται να είναι τεράστια. Δηλαδή, ο ιστότοπος μοιάζει ακριβώς με τον ίδιο τρόπο σε μια οθόνη 1280px, όπως συμβαίνει σε μια οθόνη iMac 27 "Retina 5100+ px, είναι μόνο μεγαλύτερη. Δείτε το εξαιρετικό site για τον πάροχο τηλεπικοινωνιών της Βραζιλίας Oi για παράδειγμα.

Το όνομά μου είναι Nils και εργάζομαι ως σκηνοθέτης σχεδίασης στο Ape, ένα ψηφιακό στούντιο στη Στοκχόλμη της Σουηδίας. Ζούμε για εξαιρετικό σχεδιασμό, τεχνολογία και επικοινωνία. Εάν θέλετε να μάθετε περισσότερα για μας, ελέγξτε την ιστοσελίδα μας, η οποία δυστυχώς δεν έχει καμία από τις παραπάνω τάσεις.

Επίσης, αν σας άρεσε αυτό το άρθρο, παρακαλώ πατήστε το συνιστώμενο παρακάτω. Βοηθάει πολύ.