Θεμελιώδεις αρχές σχεδιασμού για μη σχεδιαστές

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

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

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

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

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

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

4 Βασικές Αρχές Σχεδιασμού Ο καθένας μπορεί να ακολουθήσει για να επιτύχει εξαιρετικά αποτελέσματα

Αντίθεση

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

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

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

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

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

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

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

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

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

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

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

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

Συνοχή

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

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

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

Πράγματα που πρέπει να επιμείνετε όταν τα επιλέξετε:

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

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

Υπεγράφη κείμενο από τον Batman Ipsum

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

Το ξυράφι του Occam

aka Μειώστε τον οπτικό θόρυβο

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

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

Εφαρμόστε μια σχεδίαση της Razcam Razor σε όλα:

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

Υπεγράφη κείμενο από τον Batman Ipsum

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

Χώρος

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

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

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

1. Επαφή = εγγύτητα

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

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

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

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

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

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

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

Κοιτάξτε την ιστοσελίδα της Apple. Κάποιος μπορεί πολύ καθαρά να καταλάβει τι λέγεται (ή μάλλον πωλείται).

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

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

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

Το τέλος

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

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

***

Στο blog μου διερευνούμε θέματα δεοντολογίας σχεδίασης, προστασία της ιδιωτικής ζωής και σχεδιασμός χωρίς αποκλεισμούς, καθώς και άλλα σημαντικά θέματα που αντιμετωπίζει σήμερα το design & tech. Εάν ενδιαφέρεστε και για αυτά τα θέματα, παρακολουθήστε αυτόν τον χώρο: ακολουθήστε με στο Medium ή το Twitter.