https://digitalmarketinginstitute.com/blog/graphic-design-introduction-1-design-fundamentals-hubspot

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

Χρώμα

Χρώμα είναι ένα κρίσιμο στοιχείο για να πάρετε το σωστό στα σχέδιά σας. Χρησιμοποιείται για να προσελκύσει την προσοχή, να μεταφέρει νόημα και για την αισθητική. Συνήθως δεν σκεφτόμαστε τα χρώματα που κοιτάμε. κρίνουμε γρήγορα τα πράγματα για το αν κάτι είναι επιθυμητό, επαγγελματικό, ωραίο ή άσχημο με βάση το χρώμα του. Το πιο σημαντικό πράγμα που πρέπει να σκεφτείτε για τη χρήση των χρωμάτων είναι η αντίθεση μεταξύ τους. Η αντίθεση ορίζεται ως το πόσο καλά ξεχωρίζει ένα χρώμα από ένα άλλο. Για παράδειγμα, μπορείτε να χρησιμοποιήσετε χρώματα σε αντίθεση σε μια εικόνα για να κάνετε το κείμενο να ξεχωρίζει από το φόντο της. Τα συμπληρωματικά χρώματα, όπως το κίτρινο και το μωβ, ή το μπλε και το πορτοκαλί, παρέχουν μέγιστη αντίθεση μεταξύ τους. Ακολουθεί ένα εξαιρετικό παράδειγμα από το μενού των Dunkin Donuts που χρησιμοποιεί το χρώμα με τρόπο που σχετίζεται με το πορτοκαλί και ροζ λογότυπό τους. Η αντίθεση μπορεί επίσης να χρησιμοποιηθεί για να καθοδηγήσει τις ενέργειες των ανθρώπων. για να ενημερώσετε τους ανθρώπους τι θέλετε να κάνουν. Εάν θέλετε να αυξήσετε το «click-through», βεβαιωθείτε ότι υπάρχει έντονη αντίθεση μεταξύ του κουμπιού παρότρυνσης για δράση και του υπόλοιπου σχεδίου. Μπορείτε να ελέγξετε την αντίθεση των χρωμάτων χρησιμοποιώντας έναν χρωματικό τροχό. Ένας χρωματικός τροχός δείχνει πώς τα χρώματα σχετίζονται οπτικά. Για παράδειγμα, τα συμπληρωματικά χρώματα είναι αυτά που βρίσκονται το ένα απέναντι από το άλλο στον τροχό χρωμάτων. Τα χρώματα δίνουν επίσης νόημα οπτικών ενδείξεων.

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

Εικόνες

Οι εικόνες λειτουργούν καλά σε ψηφιακά μέσα, αλλά υπάρχουν ορισμένα σημεία που πρέπει να λάβετε υπόψη. Πρώτον, το κοινό ανταποκρίνεται καλά σε εικόνες με άτομα μέσα τους. Βοηθά στη δημιουργία μιας συναισθηματικής σύνδεσης, καθώς οι καμπάνιες στοχεύουν σε πραγματικά άτομα και οι εικόνες σας πρέπει να το αντικατοπτρίζουν. Η ποιότητα της εικόνας είναι επίσης πολύ σημαντική. Όταν οι πελάτες σκέφτονται να αγοράσουν ηλεκτρονικά, θέλουν να μπορούν να ελέγχουν προσεκτικά εικόνες που δίνουν υψηλό επίπεδο λεπτομέρειας. Οι άνθρωποι συχνά εγκαταλείπουν έναν ιστότοπο ηλεκτρονικού εμπορίου επειδή η εικόνα του προϊόντος δεν είναι αρκετά υψηλής ποιότητας ώστε να τους βοηθήσει να λάβουν μια απόφαση. Όταν επιλέγετε εικόνες ως μέρος ενός σχεδίου, βεβαιωθείτε ότι είναι υψηλής ευκρίνειας (HD) και κατάλληλες για τη συσκευή που θα χρησιμοποιήσει το κοινό σας. Δεν πρέπει να είναι τεντωμένα ή pixelated. Στη συνέχεια, να θυμάστε ότι η περισσότερη επισκεψιμότητα ιστού προέρχεται από φορητή συσκευή – επομένως πρέπει να δοκιμάσετε τα γραφικά σας στο κινητό για να βεβαιωθείτε ότι εξακολουθούν να φαίνονται εντάξει σε μικρότερες διαστάσεις. Εάν όχι, σκεφτείτε να δημιουργήσετε μια ξεχωριστή έκδοση για προβολή σε άτομα που χρησιμοποιούν κινητές συσκευές. Ακολουθεί ένας γρήγορος οδηγός για τις καλύτερες διαστάσεις εικόνας για διαφορετικά μεγέθη οθόνης: Εικόνα Banner: πλάτος 2000 εικονοστοιχεία και μήκος 800 εικονοστοιχεία, Ρυθμιστικό πλάτος 1920 εικονοστοιχεία και μήκος 890 εικονοστοιχεία, Εικονίδιο: πλάτος 300 εικονοστοιχεία και μήκος 300 εικονοστοιχεία, Ανάρτηση/Συμβάν: πλάτος 425 εικονοστοιχεία και 220 μήκος px, χαρτοφυλάκιο: πλάτος 1920 px και μήκος 768 px.

Τυπογραφία

Τι γίνεται με την τυπογραφία ή τις γραμματοσειρές που χρησιμοποιείτε; Είναι σημαντικό όταν επιλέγετε μια γραμματοσειρά για την οπτική σας, να μην προσπαθείτε να κάνετε κάτι πολύ διαφορετικό. Οι αναγνώστες αναμένουν να δουν γνωστές γραμματοσειρές, όπως Arial, Helvetica ή Roboto. Χρησιμοποιήστε το πολύ δύο έως τρεις οικογένειες γραμματοσειρών σε μία ιστοσελίδα και ακόμη λιγότερες για τις διαφημίσεις και τις εικόνες σας. Θα πρέπει επίσης να εξετάσετε τη χρήση συμπληρωματικών γραμματοσειρών. Μπορείτε να συνδυάσετε «εσωστρεφείς» και «εξωστρεφείς» γραμματοσειρές για ισορροπία. Ή χρησιμοποιήστε μια χαρακτηριστική γραμματοσειρά με «ισχυρή προσωπικότητα» (μια γραμματοσειρά προβολής) και συνδυάστε την με κάτι πιο ουδέτερο και συντηρητικό, όπως αυτό το παράδειγμα για τη σοκολάτα Frank. Τι είναι μια οικογένεια γραμματοσειρών; Μια οικογένεια γραμματοσειρών σημαίνει απλώς μια ομαδοποίηση γραμματοσειρών που ορίζονται από κοινά κοινά στυλ σχεδίασης. Για παράδειγμα, το Roboto είναι μια οικογένεια που έχει έντονα, πλάγια ή λεπτά στυλ. Θα συναντήσετε επίσης γραμματοσειρές Serif και Sans-serif. Το σερίφ είναι μια μικρή, διακοσμητική γραμμή που προστίθεται σε έναν χαρακτήρα. Η πιο κοινή γραμματοσειρά serif είναι η Times Roman. Μια κοινή γραμματοσειρά χωρίς σερίφ, ή sans-serif, είναι η Helvetica. Οι γραμματοσειρές Serif χρησιμοποιούνται για τη βελτίωση της αναγνωσιμότητας του κειμένου σε περιεχόμενο όπως ιστολόγια, άρθρα ή εφημερίδες, και χρησιμοποιούνται συνήθως σε έντυπη μορφή παρά στο διαδίκτυο. Προσπαθήστε να μην χρησιμοποιείτε περισσότερες από 10 λέξεις για κάθε γραμμή. Για επικεφαλίδες, εξετάστε το ενδεχόμενο να χρησιμοποιήσετε μια γραμματοσειρά μεγάλου βάρους, sans-serif με μεγαλύτερο μέγεθος. Βεβαιωθείτε ότι η σωστή έμφαση –ή μέγεθος και «βάρος» – εφαρμόζεται στο κείμενο σύμφωνα με την προτεραιότητά του.

Σύνθεση

Αφού μάθετε τα χρώματα, τις εικόνες και τις γραμματοσειρές για την εικόνα σας, θα πρέπει να τα συνδυάσετε με τον καλύτερο δυνατό τρόπο – και εκεί έρχεται η σύνθεση. Στόχος σας πρέπει να είναι να κάνετε το σχέδιο όσο το δυνατόν πιο απλό και κομψό. Η αφαίρεση της ακαταστασίας και του οπτικού θορύβου βοηθά τον χρήστη να εστιάσει σε μία εργασία κάθε φορά. Όταν αφαιρέσετε όλες τις περιττές πληροφορίες, θα πρέπει να βεβαιωθείτε ότι το περιεχόμενό σας –οι εικόνες, τα κουμπιά, το χρώμα, τα σχήματα και το κείμενό σας– έχει ταξινομηθεί με σαφήνεια και λογική. Κάθε κομμάτι περιεχομένου γραφικού σχεδιασμού πρέπει να εξυπηρετεί έναν σκοπό. Όταν δημιουργείτε ένα σχέδιο, αναρωτηθείτε: «Ποιος είναι ο σκοπός του;» Πρέπει να οδηγεί τον χρήστη να κάνει κάτι; Να τους ενημερώσω; Ωθήστε τον επισκέπτη του ιστότοπου να συνεχίσει να διαβάζει ή να συμπληρώσει μια φόρμα. Ακόμα κι αν έχετε πολλούς στόχους στο μυαλό σας για το περιεχόμενό σας, επιλέξτε έναν και βεβαιωθείτε ότι η σχεδίασή σας καθιστά σαφές στον τελικό χρήστη ποιος είναι ο στόχος.