L'astuce pour concevoir une grande mise en page
Pourquoi les magazines et les livres sont-ils toujours les mêmes? Même avec un design alternatif, il y a une harmonie dans la disposition ou la tête du lecteur va exploser ... ou ils vont simplement arrêter de lire et passer à la page suivante. Une conception réussie dans l'édition, la publicité, la conception de sites Web, l'illustration et tout autre élément lié entre eux dépend de la capacité à dessiner dans le lecteur et à regarder les autres à travers la page.
Certaines personnes pensent que ce n'est pas un gros problème et que la conception d'une page vient naturellement en raison des leçons culturelles que nous apprenons en grandissant et en regardant le design dès l'enfance, mais peu, voire pas du tout. Dans la plupart des sociétés, nous lisons de gauche à droite. Sonne toujours simple? Commencez par la gauche et tout se mettra en place? Fondamentalement, mais le défi est de faire en sorte que le lecteur examine les éléments dans le bon ordre, ou du moins l’ordre que vous voulez qu’ils voient, ce qui est le tour de taille dans la conception de la mise en page.
Les règles
Je n'ai jamais suivi les règles, mais les enseignants et les grands artistes ont des citations mémorables sur le sujet. "Avant de pouvoir enfreindre les règles, vous devez connaître les règles" et "pour créer votre propre monde, vous devez d'abord comprendre le monde réel".
Si vous étudiez les briseurs de règles, vous pouvez voir qu'ils ont tous appris à tirer des leçons du monde réel, des bases et de leur évolution. Les règles sont la compréhension de base de la mise en page, du type, des éléments de couleur, de l'illustration et de la photographie, et de la façon dont l'œil les perçoit, et le cerveau les déchiffre lorsqu'il est assemblé.
Ce que la plupart des enseignants essaient de faire dans la mise en page s'appelle le motif "Z". C'est le modèle de lecture (cultures occidentales) pour le placement stratégique d'informations importantes. Commencez dans le coin supérieur gauche, traversez vers la droite, puis vers le bas et vers la gauche pour aller de haut en bas. Standard et simple.
Je dois rire de l'inclusion suivante des "règles de conception de mise en page" des années 1950 que j'ai trouvées sur le Web. Les principes sont sains, cependant, et ils parlent encore des bases du design.
- Utilisez des bordures lorsque vous souhaitez encadrer et attirer l'attention sur des informations (par exemple, table des matières, calendriers, notes spéciales).
- Autoriser les bords des colonnes de texte et des illustrations pour créer l'illusion de bordures.
- Attirez l'attention sur les boîtes ou les images en utilisant des bordures avec une ombre portée.
- Attirez l'attention du lecteur sur des éléments importants en contrastant la taille (échelle), la couleur et la position de la page. Assurez-vous que les éléments ont une fonction qui prend en charge le contenu.
- Utilisez un grand type d'affichage en gras et / ou des graphiques pour créer un focus. Utilisez des éléments avec un poids visuel, une intensité ou une couleur pour la mise au point.
- Utilisez une grille pour organiser les éléments de la page. Assurez-vous que la grille est flexible, mais que les sections de la grille ne sont pas trop petites. Divisez la page en quatre ou cinq colonnes pour plus de souplesse.
- Utilisez plusieurs colonnes pour organiser le texte et les visuels en blocs d'informations plus petits (plus faciles à lire).
- Divisez le texte en deux ou trois colonnes égales pour obtenir les meilleurs résultats sur une page standard.
- Utilisez une seule colonne plus large avec une colonne plus petite pour les citations extractibles et d'autres types de contenu.
Eh bien, ce sont des règles simples, qui continuent de se répercuter sur les besoins actuels et futurs, mais les règles évoluent avec notre culture de consommation et nos excellents facteurs de conception. Une évolution dans la conception était le "système de grille". Wikipédia :
Après la Seconde Guerre mondiale, un certain nombre de graphistes, dont Max Bill, Emil Ruder et Josef Müller-Brockmann, influencés par les idées modernistes de Die neue Typographie de Jan Tschichold, ont commencé à s'interroger sur la pertinence de la page conventionnelle. mise en page du temps Ils ont commencé à concevoir un système flexible capable d'aider les concepteurs à atteindre la cohérence dans l'organisation de la page. Le résultat a été la grille typographique moderne associée au style typographique international. Les travaux fondateurs sur le sujet, les systèmes de grille dans la conception graphique de Müller-Brockmann, ont contribué à propager l'utilisation de la grille, d'abord en Europe, puis en Amérique du Nord.
Vers le milieu des années 1970, l'enseignement de la grille typographique dans le cadre des programmes de conception graphique était devenu la norme en Europe, en Amérique du Nord et dans une grande partie de l'Amérique latine. Le style graphique de la grille a été adopté comme un regard sur la communication d'entreprise. Au début des années 1980, une réaction contre le renforcement du réseau, en particulier son utilisation dogmatique et son association avec la culture d'entreprise, a conduit certains concepteurs à rejeter son utilisation en faveur d'une structure plus organique. L’apparition de l’ordinateur Apple Macintosh et la transition qui en a résulté entre le type défini par les typographes et la définition du type de concepteur ont donné lieu à une vague d’expérimentation, en grande partie contraire aux préceptes de Tschichold et Müller-Brockmann. La grille typographique continue d'être enseignée aujourd'hui, mais plutôt comme un outil utile pour certains projets, et non comme une exigence ou un point de départ pour la conception de toutes les pages.
Décideurs et disjoncteurs
Si vous n'avez pas entendu parler de Josef Müller-Brockmann , alors il est un must sur votre liste de concepteurs à étudier. Müller-Brockmann était plus qu'un homme qui cherchait à former ce qu'on appelle maintenant l'école suisse; Le constructivisme, De Stijl, le suprématisme et le Bauhaus ont tous poussé ses créations dans une nouvelle direction qui a ouvert la voie à des expressions créatives dans le design graphique, qui l'ont influencé. Parmi ses pairs, il est probablement le plus facile à reconnaître en regardant cette période.
Müller-Brockmann est rapidement devenu le principal praticien et théoricien du style suisse, qui cherchait une expression graphique universelle à travers un dessin en forme de grille, purgé d’illustrations superflues et de sentiments subjectifs.
La grille était la hiérarchisation et la disposition des éléments typographiques et picturaux avec une utilisation significative de la couleur, dans un semblant d’ordre, basé de gauche à droite et de haut en bas. Selon Wikipedia, le système de grille est "une structure bidimensionnelle constituée d'une série d'axes verticaux et horizontaux croisés, utilisés pour structurer le contenu. La grille sert d'armature sur laquelle un concepteur peut organiser du texte et des images d'une manière rationnelle, facile à absorber. "
Müller-Brockmann est reconnu pour ses conceptions simples et son utilisation propre de la typographie, notamment Akzidenz-Grotesk, des formes et des couleurs, qui inspire de nombreux graphistes du 21ème siècle. Comme pour les affiches françaises des années 1890, Müller-Brockmann et ses pairs ont également tenté d'attirer les clients et de vendre des produits audacieux et simples. Les affiches qui ont servi à attirer un public lors d’événements, en particulier des manifestations musicales et des expositions de musées, ont embrassé les formes géométriques abstraites pour lesquelles le style est reconnu; mais ce sont les affiches de service public de cette période qui ont été plus remarquées que dans de nombreuses autres périodes de conception. Les messages simples, propres et graphiques étaient, comme pour les affiches d’événements musicaux, compréhensibles par les téléspectateurs dans différentes langues.
Ed fella , concepteur contemporain, est un véritable défenseur des règles en matière de mise en page et de conception, mais il accorde toujours une attention particulière à la vision de la page par le regard et le cerveau. En regardant son travail, on pourrait penser qu'il est un fou. Il force la contradiction tout en jouant à la grille. Non pas parce que c'est là, mais parce que cela sert son but d'aider à attirer l'œil partout, tout en offrant un design agréable et lisible. Il y a le chaos, et l'équilibre, existant côte à côte comme des jumeaux siamois identiques - un bon et l'autre mauvais.
© Ed Fella
Fella a qualifié son travail de stylistique, "se trompant". Son travail est brut et obsessionnel. Il a du pouvoir et de la spontanéité. Né de la connaissance de la mise en page, de la typographie, du design et de la théorie, il semble avoir très bien réussi. Il a des mots inspirants que chaque concepteur devrait lire:
"Je m'intéresse au graphisme en tant qu'art", déclare-t-il. "C'est une sorte de pratique artistique qui utilise des formes issues du graphisme, de l'illustration décorative et du lettrage, toutes des formes mixtes issues de l'art du vingtième siècle. , à partir de Miró et Picasso - tout cela a une généalogie et un certain regard - de la même manière que les artistes utilisent aujourd'hui des bandes dessinées et des romans graphiques. J'étais un illustrateur, alors vous voyez des styles sans fin surgir et sortir des livres. Les dessins sont une décharge inconsciente de tous les styles et formes que j'ai utilisés en tant qu'artiste commercial pendant 30 ans - c'était mon métier - je l'ai fait tous les jours. Donc, mon inconscient contient tout cela, et maintenant, comme je n'ai plus besoin de donner un sens, je peux juste utiliser les techniques, comme une machine qui a depuis longtemps cessé de faire des widgets, mais la machine est toujours en cours d'exécution. Je fais toujours des trucs. J'adore le métier de celui-ci - faire avec soin une petite chose. "
Paul Rand , concepteur célèbre et briseur de règles ont fait cela de manière détournée. En tant que jeune designer, M. Rand a accepté une demande visant à concevoir les couvertures d’une petite mais remarquable publication à la fin des années 1930 et au début des années 1940. Bien que le meilleur conseil pour les concepteurs soit de ne jamais travailler gratuitement, il existe des exceptions. M. Rand a accepté, mais a exigé une liberté de création totale, et l'a compris. Quand quelqu'un vous demande du travail gratuit, il n'a pas vraiment le choix, n'est-ce pas?
Le pari de Rand a payé. Son travail pour Direction a attiré l'attention. Le succès a conduit à d'autres succès. Après avoir été embauché pour concevoir la mise en page d'un numéro anniversaire du magazine Apparel Arts, une offre de directeur artistique pour les magazines Esquire-Coronet a été faite. Initialement, Rand refusait cette offre, affirmant qu’il n’était pas encore au niveau de l’emploi requis, mais un an plus tard, il décida de l’accepter, assumant la responsabilité des pages de mode d’Esquire à l’âge de 23 ans.
Le truc le plus cool!
Un ancien professeur d'illustration m'a montré un outil pratique pour identifier les principaux points de focalisation sur une page. D'abord, tracez une ligne diagonale du coin supérieur gauche au coin inférieur droit. La page peut être verticale ou horizontale. Cela fonctionne avec n'importe quelle orientation.
Ensuite, tracez une ligne de chaque autre coin pour joindre la ligne horizontale précédente à angle droit. Le point auquel les lignes se rejoignent est la zone d’attention maximale. Essayez une expérience - prenez un tableau célèbre et tracez ces lignes (non, pas dans un musée parce que vous serez arrêté). Vous verrez à quel point l'art est fait en utilisant cette technique de mise en page.
Maintenant, prenez une page de magazine ou une page Web et faites la même chose. Tout d'abord, pensez à la conception de la page. Est-ce que ça se lit bien? Où va ton oeil pendant que tu regardes la page? Est-ce que vous vous sentez un peu anxieux en regardant la page ou excité? Maintenant, dessinez les lignes et voyez où les éléments tombent.
Les chances sont, si rien d'important ne tombe dans les zones où les lignes se rencontrent (zone générale), vous vous sentiez anxieux parce que votre œil se battait pour regarder la page, et votre cerveau était confus. Si les éléments sont bien disposés, vous vous sentez excité lorsque votre œil est dirigé sur la page.
Quand il s'agit de traiter avec votre client ou un comité qui cherche à revoir vos choix, indiquez pourquoi vous avez placé les éléments là où ils se trouvent. Les gens ont tendance à comprendre le placement des éléments lorsque vous utilisez une telle démonstration. Il quantifie une règle qu'ils ne veulent pas casser. Se soucier du produit final et impliquer l'équipe avec enthousiasme pour ses idées et comment l'intégrer dans la conception, et vous trouverez plus de marge de manœuvre dans les comités et avec les clients. Parfois, s'en tenir aux règles des autres vous permet de briser les règles qu'ils ne connaissent pas ... ou ne peuvent pas voir.
Pensez-vous que cela a du sens? Avez-vous déjà entendu parler de cette astuce de mise en page et si oui, l'avez-vous essayé? Est-ce que ça marche? Faites-nous savoir vos pensées dans les commentaires.