Το τέχνασμα για το σχεδιασμό μια μεγάλη διάταξης
Γιατί τα περιοδικά και τα βιβλία είναι πάντα τα ίδια; Ακόμη και με εναλλακτικό σχεδιασμό, υπάρχει αρμονία στη διάταξη ή το κεφάλι του αναγνώστη θα εκραγεί ... ή θα σταματήσουν να διαβάζουν και να μεταβούν στην επόμενη σελίδα. Ο επιτυχημένος σχεδιασμός στη δημοσίευση, τη διαφήμιση, τον σχεδιασμό ιστοσελίδων, την απεικόνιση και οτιδήποτε άλλο συνδέει τα στοιχεία εξαρτάται από το σχέδιο στον αναγνώστη και οδηγεί τα μάτια τους σε όλη τη σελίδα.
Μερικοί άνθρωποι πιστεύουν ότι δεν είναι μια μεγάλη υπόθεση και ότι η σχεδίαση μιας σελίδας έρχεται φυσικά λόγω των πολιτιστικών μαθήματα μαθαίνουμε μεγαλώνοντας και εξετάζοντας το σχεδιασμό από την παιδική ηλικία, αλλά λίγοι, αν υπάρχουν, καταλαβαίνουν γιατί λειτουργεί με τον τρόπο που κάνει. Στις περισσότερες κοινωνίες διαβάζουμε από αριστερά προς τα δεξιά. Ακόμα απλά ήχος; Ακριβώς ξεκινήστε στα αριστερά και όλα θα πέσουν στη θέση τους; Βασικά, αλλά η πρόκληση είναι να κάνει ο αναγνώστης να κοιτάξει τα στοιχεία με τη σωστή σειρά ή τουλάχιστον τη σειρά που θέλετε να δουν, το οποίο είναι το προκλητικό κόλπο στο σχεδιασμό του σχεδίου.
Οι κανόνες
Δεν είχα ποτέ να ακολουθήσω τους κανόνες, αλλά οι δάσκαλοι και οι σπουδαίοι καλλιτέχνες έχουν κάποια αξιοσημείωτα αποσπάσματα σχετικά με το θέμα. "Προτού μπορέσετε να παραβιάσετε τους κανόνες, πρέπει να γνωρίζετε τους κανόνες" και "για να δημιουργήσετε τον δικό σας κόσμο θα πρέπει πρώτα να καταλάβετε τον πραγματικό κόσμο".
Αν μελετήσετε τους διαλυτές κανόνων, μπορείτε να δείτε ότι όλοι είχαν τη βάση της μάθησης από τον πραγματικό κόσμο, τα βασικά και εξελισσόμενα από εκεί. Οι κανόνες είναι η βασική κατανόηση της διάταξης, του τύπου, των στοιχείων του χρώματος, της απεικόνισης και της φωτογραφίας και του τρόπου με τον οποίο τα βλέπουν τα μάτια, και ο εγκέφαλος αποκρυπτογραφεί όλα αυτά όταν συναρμολογούνται.
Αυτό που οι περισσότεροι δάσκαλοι προσπαθούν να μεταδώσουν στη διάταξη ονομάζεται μοτίβο "Ζ". Είναι το πρότυπο της ανάγνωσης (δυτικοί πολιτισμοί) για τη στρατηγική τοποθέτηση σημαντικών πληροφοριών. Ξεκινήστε στην επάνω αριστερή γωνία, στρέψτε δεξιά προς τα δεξιά και στη συνέχεια κάτω και πίσω προς τα αριστερά και πάλι, πηγαίνοντας προς τα κάτω. Τυπική και απλή.
Πρέπει να γελάσω με την ακόλουθη συμπερίληψη των "κανόνων σχεδιασμού διάταξης" του 1950 που βρήκα στο διαδίκτυο. Ωστόσο, οι αρχές είναι υγιείς και εξακολουθούν να μιλούν για τα βασικά σχεδιασμού.
- Χρησιμοποιήστε σύνορα όταν θέλετε να πλαισιώσετε και να επιστήσετε την προσοχή στις πληροφορίες (π.χ. πίνακας περιεχομένων, ημερολόγια, ειδικές σημειώσεις).
- Αφήστε τις άκρες των κειμένων κειμένου και τα έργα τέχνης για να δημιουργήσετε την ψευδαίσθηση των συνόρων.
- Δώστε προσοχή στα πλαίσια ή τις εικόνες χρησιμοποιώντας σύνορα με σκιά σταγόνας.
- Σχεδιάστε την προσοχή του αναγνώστη στα σημαντικά στοιχεία, αντιπαραβάλλοντας το μέγεθος (κλίμακα), το χρώμα και τη θέση της σελίδας. Βεβαιωθείτε ότι τα στοιχεία έχουν μια λειτουργία που υποστηρίζει το περιεχόμενο.
- Χρησιμοποιήστε τον μεγάλο, έντονο τύπο οθόνης και / ή τα γραφικά για τη δημιουργία εστίασης. Χρησιμοποιήστε στοιχεία με οπτικό βάρος, ένταση ή χρώμα για εστίαση.
- Χρησιμοποιήστε ένα πλέγμα για να οργανώσετε τα στοιχεία στη σελίδα. Βεβαιωθείτε ότι το πλέγμα είναι εύκαμπτο, αλλά ότι τα τμήματα του πλέγματος δεν είναι πολύ μικρά. Χωρίστε τη σελίδα σε τέσσερις ή πέντε στήλες για μεγαλύτερη ευελιξία.
- Χρησιμοποιήστε πολλαπλές στήλες για να οργανώσετε το κείμενο και τα γραφικά σε μικρότερες (ευανάγνωστες) ομάδες πληροφοριών.
- Διαχωρίστε το κείμενο σε δύο ή τρεις ίσες στήλες για καλύτερα αποτελέσματα σε μια τυποποιημένη σελίδα.
- Χρησιμοποιήστε μια ενιαία, ευρύτερη στήλη με μικρότερη στήλη για εισαγωγικά αποσπάσματα και άλλους τύπους περιεχομένου υποστήριξης.
Λοιπόν, αυτοί είναι απλοί κανόνες και εξακολουθούν να μεταφέρονται σε αυτό που χρειάζεται σήμερα, και στο μέλλον, αλλά με την καταναλωτική μας κουλτούρα και τόσους πολλούς τεράστιους κανόνες στη σχεδίαση αυτών των ημερών, οι κανόνες εξελίσσονται. Μια εξέλιξη στο σχεδιασμό ήταν το "σύστημα πλέγματος" Wikipedia :
Μετά τον Δεύτερο Παγκόσμιο Πόλεμο, διάφοροι γραφίστες, όπως ο Max Bill, ο Emil Ruder και ο Josef Müller-Brockmann, επηρεασμένοι από τις νεωτεριστικές ιδέες της Die neue Typographie του Jan Tschichold, άρχισαν να αμφισβητούν τη σημασία της συμβατικής σελίδας διάταξη του χρόνου. Άρχισαν να δημιουργούν ένα ευέλικτο σύστημα ικανό να βοηθήσει τους σχεδιαστές να επιτύχουν συνέπεια στην οργάνωση της σελίδας. Το αποτέλεσμα ήταν το μοντέρνο τυπογραφικό πλέγμα που συσχετίστηκε με το διεθνές τυπογραφικό στυλ. Οι σημαντικές εργασίες σχετικά με το θέμα, τα συστήματα πλέγματος στο γραφικό σχεδιασμό του Müller-Brockmann, βοήθησαν στη διάδοση της χρήσης του δικτύου, πρώτα στην Ευρώπη και αργότερα στη Βόρεια Αμερική.
Μέχρι τα μέσα της δεκαετίας του 1970, η διδασκαλία του τυπογραφικού πλέγματος ως μέρος των προγραμμάτων σπουδών γραφικής τέχνης είχε γίνει πρότυπο στην Ευρώπη, στη Βόρεια Αμερική και σε μεγάλο μέρος της Λατινικής Αμερικής. Το γραφικό στυλ του δικτύου υιοθετήθηκε ως μια ματιά για την εταιρική επικοινωνία. Στις αρχές της δεκαετίας του 1980, μια αντίδραση κατά της οικοδόμησης του δικτύου, ιδιαίτερα της δογματικής του χρήσης και της σύνδεσης με την εταιρική κουλτούρα, είχε ως αποτέλεσμα ορισμένοι σχεδιαστές να απορρίψουν τη χρήση του υπέρ μιας πιο οργανικής δομής. Η εμφάνιση του υπολογιστή Apple Macintosh, και η προκύπτουσα μετάβαση από τον τύπο που τέθηκαν από τους τυπογράφους στον τύπο του σχεδιασμού, οδήγησαν σε ένα κύμα πειραματισμού, ένα μεγάλο μέρος του αντίθετο με τις πρόνοιες του Tschichold και του Müller-Brockmann. Το τυπογραφικό πλέγμα συνεχίζει να διδάσκεται σήμερα, αλλά περισσότερο ως ένα χρήσιμο εργαλείο για ορισμένα έργα, όχι ως απαίτηση ή σημείο εκκίνησης για το σχεδιασμό όλων των σελίδων.
Κατασκευαστές κανόνων και διακόπτες
Αν δεν έχετε ακούσει Josef Müller-Brockmann , τότε είναι ένας μούστος στον κατάλογο των σχεδιαστών σας για να μελετήσετε. Ο Müller-Brockmann ήταν κάτι περισσότερο από έναν άνθρωπο που προσπάθησε να σχηματίσει αυτό που τώρα έχει χαρακτηριστεί ως το ελβετικό σχολείο. Ο κονστρουκτιβισμός, ο De Stijl, ο Suprematism και ο Bauhaus, όλοι οι οποίοι έσπρωξαν τα σχέδια του σε μια νέα κατεύθυνση που άνοιξε τις πόρτες για δημιουργικές εκφράσεις στο γραφιστικό σχέδιο, τον επηρέασε. Μεταξύ των συνομηλίκων του είναι ίσως ο πιο εύκολα αναγνωρισμένος όταν κοιτάζετε εκείνη την περίοδο.
Ο Müller-Brockmann ιδρύθηκε σύντομα ως ο κορυφαίος ασκούμενος και θεωρητικός του ελβετικού στυλ, ο οποίος αναζητούσε μια παγκόσμια γραφική έκφραση μέσω ενός σχεδίου με βάση το δίκτυο, καθαρισμένο από εξωτερική εικόνα και υποκειμενικό συναίσθημα.
Το πλέγμα ήταν η ιεράρχηση και η διάταξη των τυπογραφικών και εικονογραφικών στοιχείων με την ουσιαστική χρήση του χρώματος, που τέθηκε σε μια εμφάνιση της τάξης, με βάση το αριστερό προς το δεξί, από πάνω προς τα κάτω. Σύμφωνα με τη Wikipedia, το σύστημα πλέγματος είναι "μια δισδιάστατη δομή αποτελούμενη από μια σειρά τεμνόμενων κάθετων και οριζόντιων αξόνων που χρησιμοποιούνται για τη δομή του περιεχομένου. Το πλέγμα χρησιμεύει ως ένα οπλισμό στο οποίο ένας σχεδιαστής μπορεί να οργανώσει κείμενο και εικόνες με έναν λογικό, εύκολο να απορροφήσει τρόπο. "
Ο Müller-Brockmann αναγνωρίζεται για τα απλά σχέδια του και την καθαρή του χρήση της τυπογραφίας, κυρίως του Akzidenz-Grotesk, τα σχήματα και τα χρώματα, που εμπνέει πολλούς γραφίστες στον 21ο αιώνα. Όπως και με τις γαλλικές αφίσες τη δεκαετία του 1890, ο Müller-Brockmann και οι συνομιλητές του προσπάθησαν επίσης να προσελκύσουν πελάτες και να πουλήσουν προϊόντα με τολμηρή και απλή. Οι αφίσες που χρησίμευαν για την προσέλκυση ακροατηρίου σε εκδηλώσεις, ιδιαίτερα μουσικές εκδηλώσεις και εκθέσεις μουσείων, αγκάλιασαν τα αφηρημένα γεωμετρικά σχήματα που έχει επισημάνει το ύφος. αλλά οι αφίσες της δημόσιας υπηρεσίας από αυτή τη χρονική περίοδο έχουν σημειωθεί περισσότερο από ό, τι σε πολλές άλλες περιόδους σχεδιασμού. Τα απλά, καθαρά και γραφικά μηνύματα ήταν, όπως και με τις αφίσες του μουσικού γεγονότος, ικανά να γίνουν κατανοητά από θεατές με διαφορετικές γλώσσες.
Ed Fella , ένας σύγχρονος σχεδιαστής, είναι ένας πραγματικός σπασμωδικός κανόνας όσον αφορά τόσο τη διάταξη όσο και το σχεδιασμό, αλλά εξακολουθεί να δίνει ιδιαίτερη προσοχή στο πώς το μάτι και ο εγκέφαλος βλέπουν τη σελίδα. Ακριβώς κοιτάζοντας το έργο του, κάποιος θα σκεφτόταν ότι είναι θορυβώδης. Επιβάλλει την αντίφαση αλλά εξακολουθεί να παίζει στο δίκτυο. Όχι επειδή είναι εκεί, αλλά επειδή εξυπηρετεί το σκοπό του να βοηθήσει να τραβήξει το μάτι σε όλο τον τόπο, και να κάνει ακόμα ευχάριστο, αναγνώσιμο σχέδιο. Υπάρχει χάος και ισορροπία, που υπάρχουν δίπλα-δίπλα, όπως τα ίδια σίδερα δίδυμα - ένα καλό και το άλλο κακό.
© Ed Fella
Ο Fella αναφέρθηκε στο έργο του ως στυλιστικά, «το κάνει λάθος». Η δουλειά του είναι ωμή και εμμονή. Έχει δύναμη και αυθορμητισμό. Γεννημένος από τη γνώση της διάταξης, της τυπογραφίας, του σχεδιασμού και της θεωρίας, φαίνεται να έχει καταλήξει πολύ, πολύ σωστά. Έχει εμπνευσμένα λόγια που κάθε σχεδιαστής πρέπει να διαβάσει:
«Ενδιαφέρομαι για το γραφικό σχέδιο ως τέχνη», λέει, «Πρόκειται για ένα είδος πρακτικής τέχνης που χρησιμοποιεί μορφές που προέρχονται από γραφιστική, διακοσμητική απεικόνιση και γράμματα, όλες τις μικτές μορφές που προέρχονται από την τέχνη του 20ού αιώνα , από τον Miró και τον Πικάσο - όλα έχουν μια γενεαλογία και μια συγκεκριμένη εμφάνιση - με τον ίδιο τρόπο που οι καλλιτέχνες χρησιμοποιούν σήμερα τα κόμικ και τα γραφικά μυθιστορήματα. Ήμουν εικονογράφος, έτσι βλέπετε ατελείωτες μορφές που μπαίνουν μέσα και έξω από τα βιβλία. Τα σχέδια είναι μια ασυνείδητη απόρριψη όλων των μορφών και μορφές που χρησιμοποίησα ως καλλιτέχνης για 30 χρόνια - αυτό ήταν το επάγγελμά μου - το έκανα κάθε μέρα. Έτσι, το ασυνείδητο μου έχει όλα αυτά τα πράγματα σε αυτό, και τώρα, επειδή δεν χρειάζεται πλέον να κάνω νόημα, μπορώ να χρησιμοποιήσω τις τεχνικές, σαν μια μηχανή που έχει σταματήσει να κάνει widgets εδώ και πολύ καιρό, αλλά το μηχάνημα εξακολουθεί να τρέχει. Έχω κάνει ακόμα πράγματα. Λατρεύω το σκάφος του - να κάνω προσεκτικά λίγο κάτι. "
Paul Rand , το διάσημο σχεδιαστή και ο διακόπτης του κανόνα το έκαναν με τρόπο κυκλικό. Ο κ. Ραντ, ως νέος σχεδιαστής, δέχθηκε ένα αίτημα να σχεδιάσει τα καλύμματα μιας μικρής αλλά αξιοσημείωτης έκδοσης στα τέλη της δεκαετίας του 1930 και στις αρχές της δεκαετίας του 1940. Ενώ η καλύτερη συμβουλή για τους σχεδιαστές είναι να μην λειτουργούν ποτέ δωρεάν, υπάρχουν κάποιες εξαιρέσεις. Ο κ. Ραντ αποδέχτηκε, αλλά απαίτησε πλήρη ελευθερία δημιουργίας και το πήρε. Όταν κάποιος σας ζητάει ελεύθερη δουλειά, πραγματικά δεν έχουν μεγάλη επιλογή, έτσι;
Το τυχερό παιχνίδι του Rand εξόφλησε. Το έργο του για την κατεύθυνση έτυχε της σωστής προσοχής. Η επιτυχία οδήγησε σε άλλες επιτυχίες. Αφού προσλήφθηκε για να σχεδιάσει τη διάταξη της σελίδας για ένα τεύχος επετείου του περιοδικού Apparel Arts, ήρθε ο δρόμος του να προσληφθεί ως καλλιτεχνικός διευθυντής για τα περιοδικά Esquire-Coronet. Αρχικά, η Rand απέρριψε αυτή την προσφορά υποστηρίζοντας ότι δεν ήταν ακόμη στο επίπεδο της απαιτούμενης εργασίας, αλλά ένα χρόνο αργότερα αποφάσισε να την δεχτεί, αναλαμβάνοντας την ευθύνη για τις σελίδες μόδας της Esquire σε νεαρή ηλικία των είκοσι τριών.
Το πιο ωραίο τέχνασμα!
Ένας πρώην δάσκαλος απεικόνισης μου έδειξε ένα εύχρηστο εργαλείο για τον εντοπισμό των κύριων σημείων εστίασης σε μια σελίδα. Αρχικά, σχεδιάστε μια διαγώνια γραμμή από την πάνω αριστερή γωνία στην κάτω δεξιά γωνία. Η σελίδα μπορεί να είναι κάθετη ή οριζόντια. Λειτουργεί με οποιοδήποτε προσανατολισμό.
Στη συνέχεια, σύρετε μια γραμμή από κάθε άλλη γωνία για να ενώσετε την προηγούμενη οριζόντια γραμμή σε μια ορθή γωνία. Το σημείο που ενώνουν οι γραμμές είναι η περιοχή της μέγιστης προσοχής. Δοκιμάστε ένα πείραμα - πάρετε μια διάσημη ζωγραφική και τραβήξτε αυτές τις γραμμές επάνω της (όχι, όχι σε ένα μουσείο επειδή θα συλληφθείτε). Θα δείτε πόσο μεγάλη τέχνη γίνεται με αυτήν την τεχνική διαμόρφωσης.
Τώρα, πάρτε μια σελίδα περιοδικών ή μια ιστοσελίδα και κάνετε το ίδιο. Πρώτα, σκεφτείτε πώς σχεδιάστηκε η σελίδα. Διαβάζει καλά; Πού πηγαίνει το μάτι σας ενώ κοιτάζετε τη σελίδα; Ξεκινάτε να αισθάνεστε λίγο ανήσυχος κοιτάζοντας τη σελίδα ή ενθουσιασμένος; Τώρα τραβήξτε τις γραμμές και δείτε πού πέφτουν τα στοιχεία.
Οι πιθανότητες είναι, αν δεν έχει σημασία τίποτα στις περιοχές όπου συναντώνται οι γραμμές (γενική περιοχή), νιώσατε άγχος επειδή το μάτι σας αγωνιζόταν για να κοιτάξει τη σελίδα και ο εγκέφαλός σας ήταν συγκεχυμένος καθώς η διάταξη έδιωξε τη ροή. Εάν τα στοιχεία είναι καλά σχεδιασμένα, αισθάνεστε ενθουσιασμένοι καθώς το μάτι σας οδηγείται σε όλη τη σελίδα.
Όταν πρόκειται να αντιμετωπίσετε τον πελάτη σας ή μια επιτροπή που στρέφεται στον επανασχεδιασμό των επιλογών σας, δώστε το ως παράδειγμα για το γιατί τοποθετήσατε τα στοιχεία εκεί όπου βρίσκονται. Οι άνθρωποι τείνουν να κατανοούν την τοποθέτηση στοιχείων όταν χρησιμοποιείτε μια τέτοια επίδειξη. Μετρώνει έναν κανόνα που δεν θέλουν να σπάσουν. Δείξτε την ανησυχία σας για το τελικό προϊόν και εμπλέξτε την ομάδα με ενθουσιασμό στις ιδέες τους και πώς να τις ενσωματώσετε στο σχεδιασμό και θα έχετε μεγαλύτερη ελευθερία στις επιτροπές και στους πελάτες. Μερικές φορές η τήρηση των κανόνων των άλλων σας επιτρέπει να σπάσετε κανόνες που δεν γνωρίζουν ... ή δεν μπορούν να δουν.
Νιώθετε ότι αυτό έχει νόημα; Έχετε ακούσει ποτέ αυτό το τέχνασμα διάταξης και αν ναι, το δοκιμάσατε; Λειτουργεί? Ας γνωρίσουμε τις σκέψεις σας στα σχόλια.