Βασικές αρχές σχεδιασμού για μη σχεδιαστές

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

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

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

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

Γνωρίζω ότι υπάρχουν χιλιάδες λίστες ακριβώς όπως αυτή έξω, αλλά θεωρώ ότι αυτές οι λίστες είναι υπερβολικές. Δεν μπορείτε πραγματικά να ακολουθήσετε με συνέπεια μια λίστα με 25 «απλά» (τίποτα που περιέχει 25 μέρη δεν μπορεί να είναι πραγματικά «απλό») ως μη σχεδιαστής. Και δεν χρειάζεται.

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

4 Θεμελιώδεις αρχές σχεδιασμού που μπορούν να ακολουθήσουν όλοι για να επιτύχουν εξαιρετικά αποτελέσματα

Αντίθεση

Βεβαιωθείτε ότι υπάρχει αρκετή αντίθεση μεταξύ όλων των στοιχείων.

Γιατί; Επειδή πράγματα που είναι ελαφρώς διαφορετικά, αλλά όχι αρκετά διαφορετικά, δημιουργούν ένα είδος Uncanny Valley. Αισθάνονται τρομακτικά και αποκρουστικά στο ανθρώπινο μάτι, και / ή είναι δύσκολο να κατανοηθούν. Τώρα δεν το θέλουμε στα σχέδιά μας, έτσι;

Τα στοιχεία του σχεδιασμού σας θα πρέπει να είναι είτε ακριβώς τα ίδια είτε σημαντικά διαφορετικά .

Ζητήματα με αντίθεση εμφανίζονται κυρίως με 4 διαφορετικούς τρόπους:

1. Χρώμα: χρησιμοποιήστε σκούρο σε ανοιχτόχρωμα χρώματα και αντίστροφα.

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

2. Μέγεθος: τοποθετήστε μόνο στοιχεία το ένα δίπλα στο άλλο που έχουν ακριβώς το ίδιο μέγεθος ή ένα πολύ διαφορετικό μέγεθος.

Παράδειγμα: Μην τοποθετείτε γραμμές κειμένου 32pt και 36pt το ένα δίπλα στο άλλο. 18pt και 36pt, από την άλλη πλευρά, θα δουλέψουν υπέροχα μαζί.

3. Βάρος: το ίδιο με το Μέγεθος, τοποθετήστε μόνο στοιχεία το ένα δίπλα στο άλλο που έχουν ακριβώς το ίδιο βάρος ή ένα σημαντικά διαφορετικό βάρος.

Παράδειγμα: Μην βάλετε το "Bold" και το "Black" της ίδιας γραμματοσειράς το ένα δίπλα στο άλλο - γιατί φαίνονται πολύ παρόμοια. Τα βάρη "Φως" και "Τολμηρά", από την άλλη πλευρά, θα λειτουργούν υπέροχα μαζί.

4. Στυλ: μην βάζετε έναν πλάγιο τύπο δίπλα σε έναν άλλο πλάγιο τύπο ή μία γραμματοσειρά serif δίπλα σε μια άλλη γραμματοσειρά serif. Συνδυάστε πράγματα που είναι διαφορετικά.

Παράδειγμα: Μην τοποθετείτε το "Times New Roman" και το "Georgia" το ένα δίπλα στο άλλο - φαίνονται πολύ παρόμοια. Συνδυάστε γραμματοσειρές που έχουν πολύ διαφορετικά στυλ.

Συνοχή

Βεβαιωθείτε ότι παρόμοια στοιχεία εμφανίζονται με παρόμοιους τρόπους.

Γιατί; Πρώτα απ 'όλα, διατηρώντας τα πράγματα συνεπή (και, ως εκ τούτου, απλά), επιτρέπετε στους ανθρώπους να επικεντρώσουν την προσοχή τους σε σημαντικές πτυχές του σχεδιασμού σας αντί να αποσπάται η προσοχή από πράγματα που αλλάζουν συνεχώς.

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

Πράγματα που πρέπει να ακολουθήσετε μόλις τα επιλέξετε:

  • Γραμματοσειρά / γραμματοσειρά
  • Παλέτα χρωμάτων / απόχρωση χρώματος
  • Πλέγμα
  • Ευθυγραμμία
  • Στυλ διακοσμητικών στοιχείων

Και ούτω καθεξής...

Όταν εργάζεστε σε πολλά διαφορετικά κομμάτια που εμφανίζονται το ένα δίπλα στο άλλο (για παράδειγμα, μικρογραφίες βίντεο για το κανάλι σας στο YouTube ή εξώφυλλα για τα μεσαία άρθρα σας), επιλέξτε ένα συνολικό στυλ για όλα αυτά και ακολουθήστε το επίσης.

Ξυράφι Occam

γνωστός και ως μείωση του οπτικού θορύβου

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

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

Εφαρμόστε μια σχεδιαστική έκδοση του Occam's Razor σε όλα:

Εάν κάτι μπορεί να επιτευχθεί με μόνο 2 στοιχεία, μην χρησιμοποιήσετε το 3. Εάν κάτι μπορεί να επιτευχθεί με 10 στοιχεία, μην το χρησιμοποιήσετε 20. Το καταλαβαίνετε.

Εάν δεν σας αρέσουν οι παλιοί Άγγλοι σχολαστικοί φιλόσοφοι και προτιμάτε πράγματα που μπορείτε να δείτε στο Netflix, σίγουρα: γίνετε η Marie Kondo των δικών σας σχεδίων Ό, τι δεν προκαλεί χαρά (ή δεν είναι χρήσιμο μέρος ενός σχεδίου), πρέπει να φύγει.

Χώρος

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

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

Για να χρησιμοποιήσετε χώρο στο σχέδιό σας για να μεταφέρετε νόημα στο μυαλό αυτά τα 3 πράγματα:

1. Εγγύτητα = Σχετικότητα

Πράγματα που είναι πιο κοντά το ένα στο άλλο παρά στα άλλα στοιχεία, θεωρούνται ότι σχετίζονται περισσότερο μεταξύ τους παρά με τα άλλα στοιχεία.

Αυτό είναι το πιο σημαντικό γιατί αισθάνομαι ότι αγνοείται πολύ συχνά (ακόμη και από μερικούς ανθρώπους που ισχυρίζονται ότι είναι επαγγελματίες σχεδιαστές, για να μην κατονομάσουν ονόματα).

Μπορεί να εφαρμοστεί με πολλούς διαφορετικούς τρόπους, για παράδειγμα:

  • Θα πρέπει να υπάρχει περισσότερο διάστημα μεταξύ των γραμμών παρά μεταξύ κάθε λέξης σε μια γραμμή - και, ομοίως, περισσότερο διάστημα μεταξύ διαφορετικών παραγράφων από ό, τι μεταξύ των γραμμών μέσα σε μια παράγραφο.
  • Τα στοιχεία ενός σχεδιασμού θα πρέπει να έχουν λιγότερο χώρο μεταξύ τους από ότι μεταξύ αυτών των στοιχείων και των άκρων της σύνθεσης.
  • Οι ετικέτες και οι πληροφορίες υποστήριξης πρέπει να τοποθετούνται κοντά στα στοιχεία στα οποία περιγράφουν / σχετίζονται.

2. Αρνητικός χώρος

Σε συνδυασμό με το ξυράφι Occam, δώστε στα σχέδιά σας όσο το δυνατόν περισσότερο αρνητικό χώρο, για να τα καταστρέψετε και να κάνετε το νόημά τους πιο προφανές.

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

3. Σημασία και τάξη

Αυτό είναι εξαιρετικά λογικό, αλλά αισθάνομαι ότι πρέπει να το αναφέρω εδώ.

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

Το τέλος

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

Για οτιδήποτε άλλο, υπάρχει πάντα ένας σχεδιαστής.

***

Το όνομά μου είναι Mészáros Anna, είμαι σχεδιαστής γραφικών / UI που έγινε σχεδιαστής UX / UI με ακαδημαϊκό υπόβαθρο στη φιλοσοφία και το ενδιαφέρον για όλα τα ηθικά του σχεδιασμού. Θα ήθελα πολύ να συνδεθώ με πιο ομοειδή άτομα, οπότε μη διστάσετε να μου στείλετε ένα μήνυμα και να με ακολουθήσετε είτε στο Medium είτε στο Twitter.