Websites: 10 Ιδέες για μοντέρνο Web Design

Posted On Τρίτη, 08 Μαΐου 2018 11:27 Written by
Rate this item
(0 votes)

Εκπλησσόμαστε με το πόσο γρήγορα ένα website φαίνεται ξεπερασμένο. Μπορεί τo web design να υπηρετεί τη λειτουργικότητα, δεν παύει όμως να αποτελεί μία καλλιτεχνική πρακτική που ακολουθεί την αισθητική και τις τάσεις της. Στο σημερινό άρθρο συγκεντρώσαμε τις καλλιτεχνικές τάσεις που θα κυριαρχήσουν στον χώρο του web design μέσα στο 2018, γιατί κακά τα ψέματα, όλοι όσοι ασχολούμαστε με τον εικαστικό χώρο ξεμένουμε συχνά από ιδέες.

Μεγάλες Γραμματοσειρές

Εάν στο παρελθόν μάς ζητούσε κανείς τη γνώμη μας για τις μεγάλες γραμματοσειρές, θα ήμασταν αρκετά επιφυλακτικοί. Παρόλα αυτά, όλο και περισσότερα websites υιοθετούν μεγάλες και πολλές φορές bold γραμματοσειρές, για να κρατήσουν έναν πιο clean και minimal χαρακτήρα.

Οι αγαπημένοι μας τρόποι για να ενσωματώσετε αυτήν την τάση είναι στους τίτλους, στους υπότιτλους και στο search bar.

Cinemagraphs

Τα Cinemagraphs τραβούν άμεσα το ενδιαφέρον του επισκέπτη, χωρίς να τον κουράζουν. Πρόκειται για σύντομα videos ή gifs που τρέχουν σε αργό tempo και παίζουν αδιάκοπα.

Τα Cinemagraphs αποτελούν απάντηση στα στατικά sites, με τα οποία ήρθαμε αντιμέτωποι μέσα στο 2017. Το web design του 2018 απαιτεί λοιπόν κίνηση και τα cinemagraphs αποτελούν το πιο φρέσκο τρόπο να ακολουθήσετε τις επιταγές των καιρών.

Τολμηροί συνδυασμοί

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

Το web design του 2018 είναι πιο τολμηρό από ποτέ και για αυτό και πιο απελευθερωτικό τόσο από τη μεριά του designer όσο και από τη μεριά του επισκέπτη.

Καλειδοσκοπικά χρώματα

Οι τολμηροί συνδυασμοί αφορούν και την επιλογή των χρωμάτων. Οι dreamy αποχρώσεις και τα καλειδοσκοπικά degradé αποτελούν web design trends που έχουν ήδη αρχίσει πολλά websites να υιοθετούν. Αν το brand σας είναι δεκτικό σε bold επιλογές χρωμάτων, δεν έχετε παρά να πειραματιστείτε με κάτι πιο vibrant.

Εικονογράφηση

Δεν υπάρχει κάτι πιο νοσταλγικό από τις εικονογραφημένες ιστορίες. Παραδεχθείτε το! Πόσο μας έχουν λείψει οι ζωντανοί χαρακτήρες που κουβαλούν ο καθένας τη δική του ιστορία. Η αλήθεια είναι ότι διανύσαμε μία μακρά περίοδο μινιμαλισμού που παρέσυρε στο διάβα της κάθε «μικροκοσμική προσωπικότητα».

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

Διχρωμία

Καλά διαβάσετε! Δύο μόνο χρώματα αρκούν για να ντύσουν ένα website και μάλιστα να δημιουργήσουν ένα εντυπωσιακό αποτέλεσμα. Οι γραφίστες μας πειραματίζονται μήνες τώρα με τη συγκεκριμένη τάση. Δεν σας λέμε κάτι παραπάνω! Αρκεί να ρίξετε μία ματιά στα facebook posts μας!

Minimalism

Ο μινιμαλισμός αποτελεί την πιο κομψή λύση για να αποδώσετε το web design ενός site. Αφαιρέστε οτιδήποτε περιττό και αφήστε τους χώρους να αναπνέουν. Το less is more υπάρχει πλέον παντού, επομένως μη διστάσετε να αποδώσετε κάποιο section clean & naked!

Serif Fonts

Έπειτα από πολύχρονους δισταγμούς, τα Serif Fonts επέστρεψαν δυναμικά στα web design trends και είμαστε σίγουροι για αυτό! Την επόμενη φορά λοιπόν που θα αμφιταλαντευτείτε με τις πατούρες των γραμματοσειρών, επιλέξτε τα Serif Fonts.

Custom Γραμματοσειρές

Μαζί με τις εικονογραφήσεις πάνε και οι custom γραμματοσειρές! Τις είδαμε ήδη από πέρυσι να κερδίζουν εντυπώσεις και να φέρνουν αέρα ανανέωσης στο web design. Μέσα στο 2018, οι custom γραμματοσειρές θα αποκτήσουν τη θέση που τους αξίζει κάνοντας το όνειρο κάθε γραφίστα πραγματικότητα!

Negative Space

Το είχαμε συμπεριλάβει και στις προβλέψεις μας για τα UX Trends του 2018. To Negative Space design είναι μοντέρνο και ταυτόχρονα λειτουργικό, καθώς, παρά την απλότητά του, οδηγεί αποτελεσματικά τον χρήστη σε μία ενέργεια.

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

Εσείς, ποια από τις παραπάνω ιδέες θα υιοθετούσατε στο web design σας;

Πηγή: Developgreece

 
Read 28597 times

Related items

  • Πακέτο εκμάθησης UX/UI με 29 δολάρια

    Ποιες είναι οι βασικές αρχές για έναν web developer όταν σχεδιάζει και αναπτύσσει ένα website; Απλός και καθαρός σχεδιασμός, σταθερές και αρμονικές χρωματικές επιλογές και μια οθόνη με σαφή μηνύματα χωρίς να είναι φορτωμένη με στοιχεία. Βέβαια, οι παραπάνω εργασίες εμπίπτουν κατά κύριο λόγο στις αρμοδιότητες ενός προγραμματιστή UI, ενώ τα θέματα της λειτουργικότητας, της δομής και της προσβασιμότητας είναι συνήθως έργο ενός UX designer.

    Επειδή όμως το ιδεατό συνήθως είναι… μακριά από την πραγματικότητα, είναι γεγονός πως συχνά η ανάπτυξη ενός website είναι δουλειά μικρών ομάδων εργασίας που δεν έχουν τα εξειδικευμένα στελέχη που θα ήθελαν, ή ακόμη και ενός και μόνο ανθρώπου! 

    Σε κάθε περίπτωση, μπορείτε να πλουτίσετε τις γνώσεις σας και να γνωρίσετε καλύτερα τις βασικες αρχές τόσο για την ανάπτυξη επιτυχημένων UI, όσο και UX, με το εκπαιδευτικό πακέτο The Ultimate UX / UI Designer που μπορείτε να αποκτήσετε από τα Deals του The Next Web.

    Το εκπαιδευτικό πακέτο περιλαμβάνει 8 ενότητες, είναι στην αγγλική γλώσσα και διατίθεται με έκπτωση πάνω από 90%, με μόλις 29 δολάρια.

    Βιαστείτε όμως, γιατί η προσφορά λήγει σε 3 ημέρες.

     

  • 19 δωρεάν online περιοδικά για designers

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

    Υπάρχουν δεκάδες εκδόσεις που μπορείτε να βρείτε online, πολλές από τις οποίες είναι αξιόλογες και μάλιστα δωρεάν. Πιθανώς να γνωρίζετε κάποιες από αυτές που καταγράφει το σχετικό άρθρο του Ηongkiat, όμως σίγουρα θα ανακαλύψετε κάποιο υλικό που θα βρείτε ενδιαφέρον! 

    Οι 19 εκδόσεις που παρατίθενται, είναι είτε διαθέσιμες για κατέβασμα, είτε για ξεφύλλισμα online. Δείτε τις στο hongkiat.com.

  • Τα 5 βασικά σημεία για επιτυχημένο σχεδιασμό μονοσέλιδων ιστοσελίδων

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

    Ένα one-page website θα πρέπει να είναι φιλικό, ουσιαστικό και οπτικά ελκυστικό ταυτόχρονα, σε μία μόλις σελίδα! Για το λόγο αυτό, συχνά είναι αρκετά πιο απαιτητικός ο σχεδιασμός του, αφού πρέπει να γίνει πολύ προσεκτικά, για να χωρέσει όλο το επιθυμητό υλικό σε μία και μόνη σελίδα.

    Ας δούμε τα 5 καίρια σημεία τα οποία θα οδηγήσουν στην επιτυχία κάθε ανάλογη προσπάθεια.

     

    1. Ξεκάθαρος στόχος

    Ξεκινήστε τον σχεδιασμό αφού υπάρχει σαφής στόχος που πρέπει να εξυπηρετηθεί, ώστε η δομή της ιστοσελίδας να είναι κατάλληλη. Ποιος θα είναι ο σκοπός; Να πουλήσει κάτι, να παρουσιάσει ένα προϊόν ή μία υπηρεσία, ή να ανακοινώσει μία εκδήλωση;

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

    1. Λίγα και ευανάγνωστα κείμενα

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

    Αποφύγετε τις μεγάλες παραγράφους γενικότερα σε όλη τη σελίδα και προτιμήστε την κατηγοριοποίηση των κειμένων σε μικρά τμήματα και εάν είναι εφικτό την ενσωμάτωσή τους σε εικόνες.

    1. Σωστή διάταξη

    Η ανάγνωση των κειμένων γίνεται από τους χρήστες σε μοτίβο “F” ενώ το εικαστικό υλικό το βλέπουν σε μοτίβο "Ζ". Φροντίστε να ακολουθήσετε αυτά τα μοτίβα για την τοποθέτηση κειμένων και εικόνων για να βελτιστοποιήσετε την εμπειρία και να κερδίσετε το ενδιαφέρον τους.

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

    1. Ευχάριστη πλοήγηση

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

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

    1. Το βέλτιστο Call To Action

    Ένα ή περισσότερα κουμπιά CTA καλούν και οδηγούν τους επισκέπτες στο επιθυμητό (για τον κάτοχο του website) αποτέλεσμα. Ενθαρρύνετε τους επισκέπτες να κινηθούν προς την κατεύθυνση που επιθυμείτε και τοποθετείστε όσα κουμπιά είναι απαραίτητα, αναλόγως με τις ιδιαιτερότητες και τη δομή τού website.

     Εν κατακλείδι

    Οι συμβουλές που αναφέραμε είναι απλές και… λογικές. Παρόλα αυτά, δεν είναι πάντα εύκολο να εφαρμοστούν. Θα πρέπει να τις έχετε πάντα υπόψιν και να προσπαθείτε να τις εφαρμόζετε όλες, για επιτυχημένα αποτελέσματα σε κάθε υλοποίηση που πραγματοποιείτε, ακόμη κι αν χρησιμοποιήσετε έτοιμα theme για τα έργα σας, σε οποιαδήποτε πλατφόρμα. 

  • Πακέτο εκμάθησης Photoshop μόνο με 29 δολάρια!

    Μία μοναδική ευκαιρία για να βελτιώσετε και να τελειοποιήσετε τις δυνατότητές σας στο Adobe Photoshop προσφέρει η πολύ ελκυστική προσφορά τού The Next Web.

    Πρόκειται για ένα πλήρες "Mastery Bundle" εκμάθησης του Photoshop, που περιλαμβάνει οκτώ διαφορετικές θεματικές ενότητες, οι οποίες προσφέρονται για μόλις 29 δολάρια.

    Οι οκτώ ενότητες περιλαμβάνουν είκοσι ώρες εκπαίδευσης στην αγγλική γλώσσσα, σε όλα τα χρήσιμα χαρακτηριστικά, αλλά και κρυφά κόλπα του Adobe Photoshop.

    Οι θεματικές ενότητες είναι:

    • Master Photoshop Light Effects & Style Your Images
    • Amber & Teal: Cinematic Color Grading in Photoshop
    • Master the Art of Coloring Black and White Photographs
    • Photoshop CC: Digital Art Pro Techniques
    • Portrait Photography Masterclass 
    • Lightroom CC Crash Course
    • Fine Art Compositing with Photoshop CC
    • Design a Unique Bookstore-Quality Photo Book with Blurb

     

    Ξεχωριστά, κάθε ενότητα διατίθεται από 30 έως και 200 δολάρια, μπορείτε όμως να αποκτήσετε όλο το πακέτο μόνο με 29 δολάρια από τη σελίδα των TNW deals.

  • 100 δωρεάν εικονίδια για κομψά projects!

    Εάν σχεδιάζετε μία νέα εφαρμογή ή ένα νέο website, ένα σετ από κομψά εικονίδια θα σας είναι απαραίτητο. Ειδικά εάν είναι δωρεάν, τότε είναι ένα ιδιαίτερα ευπρόσδεκτο δώρο!

    Μία από τις μεγαλύτερες βιβλιοθήκες εικονιδίων, η Streamline Icons, επέλεξε 100 διαφορετικά από τη συλλογή της των περίπου 30.000 και τα προσφέρει δωρεάν σε όσους ενδιαφέρονται.

    Τα εικονίδια διατίθενται σε τρεις διαφορετικές βαρύτητες, light, regular και bold για μεγαλύτερη ευελιξία και πρακτικότητα.

    Μπορείτε να κατεβάσετε τη συλογή από το επίσημο website της Streamline Icons.

Leave a comment

Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.

Open Source διαχείριση ή άλλη?

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

Newsletter

Subscribe to our newsletter. Don’t miss any news or stories.

We do not spam!