Mise en page

Un article de Wikipédia, l'encyclopédie libre
Aller à la navigation Aller à la recherche

Les publicités et couvertures sponsorisées par des magazines grand public reposent fortement sur des compétences professionnelles en matière de mise en page pour rivaliser pour attirer l'attention visuelle.

En design graphique , la mise en page est l'agencement des éléments visuels sur une page . Elle implique généralement des principes organisationnels de composition pour atteindre des objectifs de communication spécifiques. [1]

La mise en page de haut niveau implique de décider de la disposition globale du texte et des images, et éventuellement de la taille ou de la forme du support. Il requiert de l'intelligence, de la sensibilité et de la créativité, et est informé par la culture, la psychologie et ce que les auteurs et les éditeurs du document souhaitent communiquer et souligner. La pagination et la composition de bas niveau sont des processus plus mécaniques. Compte tenu de certains paramètres tels que les limites des zones de texte, la police de caractères et la taille de la police, la préférence de justification peut être effectuée de manière simple. Jusqu'à ce que la publication assistée par ordinateur devienne dominante, ces processus étaient encore effectués par des personnes, mais dans l'édition moderne, ils sont presque toujours automatisés . Le résultat peut être publié tel quel (comme pour un annuaire téléphonique résidentiel intérieur) ou peut être modifié par un graphiste (comme pour une publication très soignée et coûteuse).

À partir des premières pages enluminées des livres du Moyen Âge copiés à la main et jusqu'aux mises en page complexes et modernes des magazines et des catalogues, la conception appropriée des pages a longtemps été prise en compte dans les documents imprimés. Avec des supports d'impression, les éléments se composent généralement de types (texte), des images (images), et parfois lieu graphiques pour porte-éléments qui ne sont pas imprimées avec une encre telle que matrice / découpage au laser , une feuille d' estampage ou gaufrage aveugle .

Histoire et technologies de mise en page

Paramétrage direct de la page physique

Avec les manuscrits , tous les éléments sont ajoutés à la main, de sorte que le créateur peut déterminer la mise en page directement au fur et à mesure de la création de l'œuvre, peut-être avec un croquis avancé comme guide.

Avec l'impression sur bois ancienne , tous les éléments de la page étaient gravés directement dans le bois, bien que des décisions de mise en page ultérieures puissent être nécessaires si l'impression était transférée sur une œuvre plus grande, telle qu'un grand morceau de tissu, potentiellement avec plusieurs impressions de blocs.

Avec l'invention de l'imprimerie typographique et des caractères mobiles à froid à la Renaissance , la composition a été réalisée en assemblant physiquement des caractères à l'aide d'un bâton de composition dans une cuisine - un long plateau. Toutes les images seraient créées par gravure .

Le document original serait un manuscrit écrit à la main; si la composition était effectuée par quelqu'un d'autre que le maquettiste, un balisage serait ajouté au manuscrit avec des instructions concernant la police de caractères, la taille de la police, etc. (Même après que les auteurs aient commencé à utiliser des machines à écrire dans les années 1860, les originaux étaient encore appelés « manuscrits » et le processus de balisage était le même.)

Après le premier tour de composition, une épreuve en galère peut être imprimée afin que la relecture soit effectuée, soit pour corriger les erreurs dans l'original, soit pour s'assurer que le typographe a correctement copié le manuscrit et correctement interprété le balisage. La mise en page finale serait construite dans une "forme" ou "forme" utilisant des morceaux de bois ou de métal (" meubles ") pour espacer le texte et les images comme vous le souhaitez, un cadre connu sous le nom de chasse et des objets qui verrouillent le cadre connu sous le nom d' angles . Ce processus est appelé imposition, et inclut potentiellement l'organisation de plusieurs pages à imprimer sur la même feuille de papier qui sera ensuite pliée et éventuellement rognée. Une « épreuve d'imposition » (essentiellement un petit tirage de la presse) peut être créée pour vérifier le placement final.

L'invention de la composition à chaud en 1884 a accéléré le processus de composition en permettant aux travailleurs de produire des limaces - des lignes entières de texte - à l'aide d'un clavier. Les limaces étaient le résultat de la coulée de métal en fusion dans des moules temporairement assemblés par la machine à composer. Le processus de mise en page est cependant resté le même qu'avec le type métal froid : assemblage en galères physiques.

L'ère du collage

Les éditeurs travaillent à la production d'un numéro de Bild , 1977 à Berlin-Ouest . Les pages de couverture précédentes sont apposées sur le mur derrière elles.

La lithographie offset permet aux zones claires et sombres d'une image (d'abord capturées sur film) de contrôler le placement de l'encre sur la presse à imprimer. Cela signifie que si une seule copie de la page peut être créée sur papier et photographiée, alors n'importe quel nombre de copies peut être imprimée. Le type peut être défini avec une machine à écrire ou, pour obtenir des résultats professionnels comparables à la typographie, une machine à composer spécialisée. L' IBM Selectric Composer , par exemple, pourrait produire des caractères de différentes tailles, différentes polices (y compris des polices proportionnelles ) et avec une justification du texte . Avec photogravure et demi - teinte, les photographies physiques pourraient être transférées directement sur papier, plutôt que de s'appuyer sur des gravures faites à la main.

Le processus de mise en page devient alors la tâche de créer la pâte en place , ainsi nommée parce que le ciment de caoutchouc ou d' un autre adhésif seraient utilisés pour coller physiquement des images et des colonnes de texte sur une feuille de papier rigide. Les pages terminées sont appelées prêtes pour la photographie , « mécanique » ou « art mécanique ».

La photocomposition a été inventée en 1945; après la saisie au clavier, les personnages étaient tournés un par un sur un négatif photographique, qui pouvait ensuite être envoyé directement à l'imprimerie, ou tournés sur du papier photographique pour le collage. Ces machines sont devenues de plus en plus sophistiquées, avec des modèles informatisés capables de stocker du texte sur bande magnétique.

Publication assistée par ordinateur

Au fur et à mesure que les capacités graphiques des ordinateurs mûrissaient, ils ont commencé à être utilisés pour rendre directement des caractères, des colonnes, des pages et même des signatures de plusieurs pages , plutôt que de simplement invoquer un modèle photographique à partir d'un ensemble pré-fourni. En plus d'être utilisés comme dispositifs d'affichage pour les opérateurs informatiques, les tubes à rayons cathodiques ont été utilisés pour rendre le texte pour la photocomposition. La nature incurvée de l'écran CRT, cependant, a conduit à des distorsions du texte et de l'art sur l'écran vers les bords extérieurs des écrans. L'avènement des moniteurs "à écran plat" (LCD, LED et plus récemment OLED) en 1997 a éliminé les problèmes de distorsion causés par les anciens écrans CRT. En 2016, les écrans plats ont presque complètement remplacé les écrans CRT. [2] [ référence circulaire]

Les imprimantes connectées directement aux ordinateurs leur permettaient d'imprimer des documents directement, en plusieurs exemplaires, ou comme un original qui pouvait être copié sur une machine idem ou une photocopieuse . Les traitements de texte WYSIWYG ont permis aux utilisateurs de bureau et aux consommateurs de créer des mises en page plus sophistiquées, d'utiliser la justification du texte et d'utiliser plus de polices qu'avec les machines à écrire. Les premières impressions matricielles étaient suffisantes pour les documents de bureau mais étaient de qualité trop faible pour la composition professionnelle. L'impression à jet d'encre et l' impression laser produisaient des caractères de qualité suffisante, et les ordinateurs équipés de ces types d'imprimantes ont donc rapidement remplacé les machines de photocomposition.

Avec des logiciels de publication assistée par ordinateur modernes tels que le logiciel phare Adobe InDesign [3] et Lucidpress basé sur le cloud , [4]le processus de mise en page peut se dérouler entièrement à l'écran. (Des options de mise en page similaires qui seraient disponibles pour une imprimerie professionnelle réalisant un collage sont prises en charge par un logiciel de publication assistée par ordinateur ; en revanche, le logiciel de « traitement de texte » a généralement un ensemble beaucoup plus limité de choix de mise en page et de typographie disponibles, compromettant la flexibilité pour une facilité d'utilisation pour des applications plus courantes.) Un document fini peut être directement imprimé en tant que version prête pour l'appareil photo, sans assemblage physique requis (avec une imprimante suffisamment grande). Les images en niveaux de gris doivent être soit en demi-teintes numériquement si elles sont envoyées à une presse offset, soit envoyées séparément pour que l'imprimerie puisse les insérer dans les zones marquées. Les œuvres terminées peuvent également être transmises numériquement à l'imprimerie, qui peut l'imprimer elle-même, la filmer directement sur film ou utiliser l' ordinateur pour plaquertechnologie pour ignorer complètement l'original physique. PostScript et Portable Document Format (PDF) sont devenus des formats de fichiers standard pour la transmission numérique.

Médias numériques (non papier)

Depuis l'avènement de l'informatique personnelle , les compétences en mise en page se sont étendues aux médias électroniques ainsi qu'aux médias imprimés. Les livres électroniques , les documents PDF et les pages Web statiques reflètent assez étroitement les documents papier, mais les ordinateurs peuvent également ajouter une animation multimédia et une interactivité. La mise en page pour les médias interactifs chevauche la conception de l'interface et la conception de l'expérience utilisateur ; une "page" interactive est mieux connue sous le nom d' interface utilisateur graphique (GUI).

Les pages Web modernes sont généralement produites en utilisant HTML pour le contenu et la structure générale, des feuilles de style en cascade pour contrôler les détails de la présentation tels que la typographie et l'espacement, et JavaScript pour l'interactivité. Étant donné que ces langages sont tous basés sur du texte, ce travail peut être effectué dans un éditeur de texte ou un éditeur HTML spécial qui peut avoir des fonctionnalités WYSIWYG ou d'autres aides. Des technologies supplémentaires telles que Macromedia Flash peuvent être utilisées pour le contenu multimédia. Les développeurs Web sont responsables de la création d'un document fini à l'aide de ces technologies, mais un concepteur Web distinctpeut être responsable de l'établissement de la mise en page. Un concepteur Web donné peut également être un développeur Web fluide, ou peut simplement être familiarisé avec les capacités générales des technologies et simplement visualiser le résultat souhaité pour l'équipe de développement.

Pages projetées

Les diapositives projetées utilisées dans les présentations ou les divertissements ont souvent des considérations de mise en page similaires à celles des pages imprimées.

La lanterne magique et le projecteur opaque ont été utilisés lors de conférences dans les années 1800, à l'aide d'originaux imprimés, dactylographiés, photographiés ou dessinés à la main. Deux jeux de films photographiques (un négatif et un positif) ou un film inversible peuvent être utilisés pour créer des images positives qui peuvent être projetées avec la lumière qui les traverse. Les intertitres ont été largement utilisés dans les premiers films lorsque le son n'était pas disponible; ils sont encore utilisés occasionnellement en plus des cartes et crédits omniprésents .

Il est devenu populaire d'utiliser des films transparents pour les présentations (avec du texte et des images opaques) à l'aide de rétroprojecteurs dans les années 1940 et de projecteurs de diapositives dans les années 1950. Les transparents pour rétroprojecteurs pourraient être imprimés par certains photocopieurs. Les programmes de présentation informatique sont devenus disponibles dans les années 1980, permettant de mettre en page une présentation numériquement. Les présentations développées par ordinateur pourraient être imprimées sur un transparent avec certaines imprimantes laser, transférées sur des diapositives ou projetées directement à l'aide de rétroprojecteurs LCD . Les présentations modernes sont souvent affichées numériquement à l' aide d' un vidéoprojecteur , d' un écran d' ordinateur outélévision grand écran .

La mise en page d'une présentation présente des défis légèrement différents de ceux d'un document imprimé, en particulier parce qu'une personne parlera et se référera généralement aux pages projetées. On pourrait envisager :

  • Modifier les informations présentées afin qu'elles répètent ce que l'orateur dit (afin que le public puisse prêter attention à l'un ou l'autre) ou ne présentent que des informations qui ne peuvent pas être transmises verbalement (pour éviter de diviser l'attention du public ou simplement de lire directement les diapositives)
  • Rendre les diapositives utiles pour référence ultérieure si elles sont imprimées sous forme de documents ou publiées en ligne
  • Rythme, afin que les diapositives soient modifiées à des intervalles confortables, s'adaptent à la durée de la conversation et que l'ordre du contenu corresponde aux attentes de l'orateur
  • Offrir à l'orateur un moyen de se référer à des éléments spécifiques de la page, par exemple avec de la couleur, des étiquettes verbales ou un pointeur laser
  • Dimensionner le texte et les graphiques afin qu'ils soient visibles depuis le fond de la salle, ce qui limite la quantité d'informations pouvant être présentées sur une seule diapositive
  • Utilisation de l'animation pour mettre l'accent, introduire des informations lentement ou être divertissant
  • Utiliser des en-têtes, des pieds de page ou des éléments répétés pour rendre toutes les pages similaires afin qu'elles soient cohérentes ou indiquent une progression
  • Utiliser des titres pour introduire de nouveaux sujets ou segments

Grilles versus modèles

Les grilles et les modèles sont des modèles de conception de mise en page utilisés dans les campagnes publicitaires et les publications de plusieurs pages, y compris les sites Web.

Une grille est un ensemble de lignes directrices, visibles dans le processus de conception et invisibles pour l'utilisateur final/le public, pour aligner et répéter des éléments sur une page. Une mise en page peut ou non respecter ces directives, selon le nombre de répétitions ou de variété que le style de conception de la série exige. Les grilles sont censées être flexibles. L'utilisation d'une grille pour mettre en page des éléments sur la page peut nécessiter autant ou plus de compétences en conception graphique que celles requises pour concevoir la grille.

En revanche, un gabarit est plus rigide. Un modèle implique des éléments répétés principalement visibles pour l'utilisateur final/le public. L'utilisation d'un modèle pour mettre en page des éléments implique généralement moins de compétences en conception graphique que celles requises pour concevoir le modèle. Les modèles sont utilisés pour une modification minimale des éléments d'arrière-plan et une modification fréquente (ou permutation) du contenu de premier plan.

La plupart des logiciels de PAO permettent des grilles sous la forme d'une page remplie de lignes ou de points colorés placés à une distance horizontale et verticale égale spécifiée. Des marges automatiques et des lignes de dos de livret (gouttière) peuvent être spécifiées pour une utilisation globale dans tout le document. Plusieurs lignes horizontales et verticales supplémentaires peuvent être placées à n'importe quel endroit de la page. Des formes invisibles pour l'utilisateur final/le public peuvent être placées sur la page en tant que lignes directrices pour la mise en page et le traitement de l'impression. Les modèles logiciels sont obtenus en dupliquant un fichier de données de modèle ou avec des fonctionnalités de page maître dans un document de plusieurs pages. Les pages maîtres peuvent inclure à la fois des éléments de grille et des éléments de modèle tels que des éléments d'en-tête et de pied de page, la numérotation automatique des pages et les fonctions automatiques de table des matières.

Dispositions statiques ou dynamiques

Les mises en page statiques permettent un meilleur contrôle de l' esthétique et une optimisation approfondie de l'espace autour et du contenu de forme irrégulière qui se chevauchent que les mises en page dynamiques. Dans la conception de sites Web , cela est parfois appelé mise en page à largeur fixe ; mais la mise en page entière peut être évolutive en taille tout en conservant les proportions d'origine, le placement statique et le style du contenu. Tous les formats d'image raster sont des mises en page statiques, mais une mise en page statique peut inclure du texte interrogeable en séparant le texte des graphiques.

En revanche, les pages électroniques permettent des mises en page dynamiques avec échange de contenu, personnalisation des styles, mise à l'échelle du texte, mise à l'échelle des images ou contenu redistribuable avec des tailles de page variables, souvent appelées mise en page fluide ou liquide. Les mises en page dynamiques sont plus susceptibles de séparer la présentation du contenu, qui a ses propres avantages. Une mise en page dynamique présente tout le texte et les images dans des zones rectangulaires de lignes et de colonnes. Comme les largeurs et les hauteurs de ces zones sont définies comme des pourcentages de l'écran disponible, elles sont sensibles aux différentes dimensions de l'écran. Ils garantiront automatiquement une utilisation maximale de l'espace disponible tout en restant toujours adaptés de manière optimale à la fois aux redimensionnements à l'écran et aux restrictions matérielles. Le texte peut être librement redimensionné pour répondre aux besoins individuels des utilisateurs en matière de lisibilité sans jamais perturber les proportions d'une mise en page donnée. La disposition globale du contenu à l'écran de cette façon peut toujours rester telle qu'elle a été conçue à l'origine.

La conception de mise en page statique peut impliquer davantage de compétences en conception graphique et en arts visuels, tandis que la conception de mise en page dynamique peut impliquer des compétences de conception et de gestion de contenu plus interactives pour anticiper en profondeur les variations de contenu.

Les graphiques animés ne rentrent pas parfaitement dans l'une ou l'autre catégorie, mais peuvent impliquer des compétences en mise en page ou un examen attentif de la façon dont le mouvement peut affecter la mise en page. Dans les deux cas, l'élément de mouvement en fait une mise en page dynamique, mais qui justifie la conception graphique de mouvement plus que la conception graphique statique ou la conception interactive.

Les pages électroniques peuvent utiliser à la fois des fonctionnalités de mise en page statiques et dynamiques en divisant les pages ou en combinant les effets. Par exemple, une section de la page telle qu'une bannière Web peut contenir des graphiques statiques ou animés contenus dans une zone de contenu d'échange. Du texte dynamique ou en direct peut être enroulé autour d'images de forme irrégulière en utilisant des espaceurs invisibles pour éloigner le texte des bords. Certains algorithmes informatiques peuvent détecter les bords d'un objet qui contiennent de la transparence et du contenu de flux autour des contours.

Front-end versus back-end

Avec la technologie moderne de récupération et de sortie de contenu multimédia, il y a beaucoup de chevauchement entre les communications visuelles ( front-end ) et les technologies de l'information ( back-end ). Les publications en gros caractères (livres épais, en particulier de nature pédagogique) et les pages électroniques (pages Web) nécessitent des métadonnées pour l'indexation automatique, le reformatage automatique, la publication de bases de données, l'affichage dynamique des pages et l'interactivité avec l'utilisateur final. La plupart des métadonnées ( balises META ) doivent être codées à la main ou spécifiées lors du processus de mise en page. Cela divise la tâche de mise en page entre les artistes et les ingénieurs, ou charge l'artiste/l'ingénieur de faire les deux.

Des projets plus complexes peuvent nécessiter deux conceptions distinctes : la conception de la mise en page en tant que front-end et le codage des fonctions en tant que back-end. Dans ce cas, le front-end peut être conçu à l'aide d'une technologie de mise en page alternative telle qu'un logiciel d'édition d'images ou sur papier avec des méthodes de rendu manuel. La plupart des logiciels d'édition d'images incluent des fonctionnalités permettant de convertir une mise en page à utiliser dans un « Ce que vous voyez est ce que vous obtenez » ( WYSIWYG) éditeur ou fonctionnalités pour exporter des graphiques pour les logiciels de PAO. Les éditeurs WYSIWYG et les logiciels de PAO permettent la conception frontale avant le codage dorsal dans la plupart des cas. La conception d'interfaces et la publication de bases de données peuvent impliquer davantage de connaissances techniques ou une collaboration avec l'ingénierie des technologies de l'information en amont. Parfois, une fonction du back-end consiste à automatiser la récupération et la disposition du contenu sur le front-end.

Éléments de conception et choix

La mise en page peut être plus ou moins imposée par un style maison qui peut être implémenté dans un modèle de PAO spécifique. Il peut également y avoir relativement peu de mise en page à faire par rapport à la quantité de pagination (comme dans les romans et autres livres sans chiffres).

Les décisions de mise en page typiques incluent :

  • Décider du nombre et de la taille des colonnes et des gouttières (espaces entre les colonnes)
  • Placement d' espaces blancs intentionnels
  • Taille et position des images et des figures
  • Taille des marges de page
  • Utilisation de l' impression couleur ou de la couleur d'accompagnement pour mettre l'accent
  • Utilisation d'effets spéciaux comme la superposition de texte sur une image, le contournement et les intrusions, ou le saignement d' une image sur la marge de la page

Les éléments spécifiques à mettre en place pourraient inclure :

Dans la production de journaux, la sélection finale et le recadrage des photographies accompagnant les histoires peuvent être laissés à l'éditeur de la mise en page (puisque le choix de la photo peut affecter la forme de la zone nécessaire, et donc le reste de la mise en page), ou il peut y avoir une photo séparée éditeur. De même, les titres peuvent être écrits par l'éditeur de mise en page, un éditeur de copie ou l'auteur d'origine.

Pour que les histoires s'adaptent à la mise en page finale, des modifications de copie relativement sans conséquence peuvent être apportées (par exemple, reformuler pour des raisons de concision), ou l'éditeur de mise en page peut apporter de légers ajustements aux éléments typographiques tels que la taille de la police ou l'interlignage.

Bloc flottant

Un bloc flottant dans l'écriture et la publication est tout graphique, texte, tableau ou autre représentation qui n'est pas alignée par rapport au flux de texte principal. L'utilisation de blocs flottants pour présenter des images et des tableaux est une caractéristique typique de la rédaction académique et de la rédaction technique , y compris des articles et des livres scientifiques. Les blocs flottants sont normalement étiquetés avec une légende ou un titre qui décrit son contenu et un numéro qui est utilisé pour faire référence à la figure du texte principal. Un système commun divise le bloc flottant en deux séries numérotées séparément, la figure étiquetée (pour les images, les diagrammes, les tracés , etc.) et le tableau . Un autre nom pour la figure est image ougraphique .

Les blocs flottants sont dits flottants car ils ne sont pas fixés en position sur la page à l'endroit, mais dérivent plutôt sur le côté de la page. En plaçant des images ou d'autres éléments volumineux sur les côtés des pages [5] plutôt que de les intégrer au milieu du flux principal de texte, la composition est plus flexible et l'interruption du flux de la narration est évitée.

Par exemple, un article sur la géographie peut avoir « Figure 1 : Carte du monde », « Figure 2 : Carte de l'Europe », « Tableau 1 : Population des continents", « Tableau 2 : Population des pays européens », etc. . Certains livres auront une table des figures - en plus de la table des matières - qui répertorie de manière centralisée toutes les figures apparaissant dans l'ouvrage.

D'autres types de blocs flottants peuvent également être différenciés, par exemple :

Encadré : [6] Pour les digressions du récit principal. Par exemple, un manuel technique sur l'utilisation d'un produit peut inclure des exemples de la façon dont diverses personnes ont utilisé le produit dans leur travail dans les barres latérales. Aussi appelé intermezzo . Voir encadré (édition) .
Programme : Les articles et les livres sur la programmation informatique placent souvent le code et les algorithmes dans une figure.
Équation : L'écriture sur les mathématiques peut placer de gros blocs de notation mathématique dans des blocs numérotés séparés du texte principal.

Présentation des mises en page en cours de développement

Une maquette d'une mise en page peut être créée pour obtenir des commentaires précoces, généralement avant que tout le contenu ne soit réellement prêt. Qu'il s'agisse de supports papier ou électroniques, la première ébauche d'une mise en page peut être simplement un brouillon sur papier et crayon. Une mise en page complète pour un nouveau magazine peut afficher des espaces réservés pour le texte et les images, mais démontrer le placement, le style typographique et d'autres idiomes destinés à définir le modèle pour les problèmes réels ou un problème particulier inachevé. Un wireframe de site Web est un moyen peu coûteux d'afficher la mise en page sans faire tout le travail de création du HTML et du CSS finaux, et sans écrire la copie ni créer d'images.

Le texte Lorem ipsum est souvent utilisé pour éviter l'embarras qu'un échantillon improvisé pourrait causer en cas de publication accidentelle. De même, les images d'espace réservé sont souvent étiquetées « pour la position uniquement ».

Voir aussi

Références

  1. ^ O'Connor, Z (2014). Éléments et principes de conception : outils pour l'imagerie numérique, l'art et le design .
  2. ^ Écran plat
  3. ^ "Acheter Adobe InDesign CC - Logiciel de publication assistée par ordinateur et éditeur en ligne" . www.adobe.com .
  4. ^ "Logiciel gratuit de mise en page" . lucidpress.com . 26 mai 2015.
  5. ^ Nouvelles perspectives sur JavaScript et AJAX, complète . p. VS-B2.
  6. ^ Sams Teach Yourself Dreamweaver CS5 en 24 heures . p. 406.

Liens externes