Conseils de conception d'impression pour les concepteurs Web

J'ai commencé ma carrière dans l'imprimé il y a presque dix ans, puis je suis passé progressivement au Web. Ce tout nouveau support apportait plusieurs obstacles créatifs et techniques que je devais apprendre à gérer et même à surmonter.

L'article d'aujourd'hui s'adresse à une nouvelle génération de concepteurs qui font le saut inverse. Vous concevez pour le monde numérique depuis un certain temps et vous êtes prêt à apprendre le design d’impression. Nous vous aiderons à faciliter la transition avec quelques conseils simples et pratiques.

L'impression n'est pas morte

Dans le film original de Ghostbusters de 1984, quand on lui demanda s'il aime lire, Egon proclame hardiment que "l'imprimé est mort". Cette affirmation n'était pas tout à fait vraie à l'époque, mais elle annonçait avec une extrême précision les événements des vingt prochaines années, à savoir la montée d'Internet et de l'informatique personnelle de l'obscurité à l'ubiquité.

Certes, cette révolution a pour le moins amené une batte de baseball à l'industrie de la publication et, partant, à la disponibilité des travaux de conception au sein de celle-ci. Cependant, toutes les formes d'impression ne sont toujours pas mortes. En fait, la conception imprimée peut être l’une des compétences les plus précieuses et les plus logiques à ajouter à votre répertoire en tant que concepteur Web.

Si vos clients sont propriétaires de petites entreprises, ils ont besoin non seulement de sites Web et de logos, mais également de cartes de visite, de papeterie, de panneaux de signalisation de magasins, de vêtements et peut-être même de publicités dans les journaux locaux. La plupart d'entre eux préfèrent éviter le casse-tête de travailler avec plusieurs concepteurs et trouver un fournisseur pour l'ensemble de ce matériel. Si vous pouvez gérer à la fois le Web et l’impression, c’est peut-être vous!

Résolution

Commençons par quelques connaissances de base que vous connaissez probablement déjà. Dans le monde Web, vous avez le luxe de travailler avec des images à résolution relativement basse. Vous pouvez considérer cela comme une mauvaise chose, car le niveau de détail est si limité, mais après avoir beaucoup travaillé avec les deux, le travail Web basse résolution est beaucoup plus facile à gérer.

L'une des principales raisons à cela est que vous pouvez créer des graphiques 72 dpi sur presque tous les ordinateurs créés au cours des quatre ou cinq dernières années. Les images plus petites ne nécessitent pas autant de processeur que les images plus grandes. Si vous avez l'habitude d'imprimer et de passer à la conception Web, Photoshop se présente comme une toute nouvelle application fonctionnant sur un super ordinateur du futur. Vous pensez peut-être que cela ressemble à une exagération, mais attendez simplement d'avoir 50 couches dans un document 11 "x17" à 300 dpi. Vous allez baver sur Mac Pros sur Apple.com d'ici la fin de la journée.

Pouces, pas de pixels

Alors, comment est-ce différent pour l'impression que pour le Web? Pour commencer, les concepteurs d'impression ne parlent pas en pixels. Dites à la plupart des concepteurs d’imprimés seulement que vous souhaitez une largeur de 1 200 pixels et qu’ils vous regarderont de façon amusante (ils savent ce que sont les pixels, mais ce n’est pas du jargon typique). En effet, les mesures dans leurs versions de Photoshop ont été définies en pouces.

C'est une distinction importante car la résolution et la taille sont interdépendantes! La largeur de 1 200 pixels dans un document à 72 ppp est très différente de celle de 1 200 pixels dans un document à 300 ppp. Un travail d'impression de 5 "x 7" imprimera toujours quelque chose de cinq pouces de large sur sept pouces de hauteur, seule la densité de l'encre changera.

Pas toujours 300dpi

On vous a probablement déjà dit que les concepteurs d'impression construisent des graphiques dans un espace de travail de 300 dpi. Ce n’est pas toujours le cas et cette hypothèse peut vous faire ressembler à un amateur quand vient le temps d’imprimer.

La plupart des travaux de petit format sont imprimés à 300 dpi. Ces articles sont ceux qui peuvent être inspectés de près et conservés par quelqu'un. Qu'en est-il un panneau d'affichage? Est-il nécessaire d'avoir une impression d'une résolution aussi grande pour ce que vous voyez à des centaines de mètres? Il se trouve que la réponse est non. Les travaux grand format tels que les bannières, les panneaux d’affichage, etc. sont presque toujours construits au-dessous de 300 dpi, généralement à 150 dpi mais parfois même plus bas en fonction de la taille.

Souvent, la question de la résolution peut être posée au véritable expert en la matière: l’imprimante (la personne, pas la machine). Vous ne ressemblerez pas à un idiot si vous demandez simplement s’il s’agit d’un travail de 300 ou 150 dpi, ce sont des questions courantes lorsqu’on commence un projet et qu’il est essentiel de bien se préparer avant de commencer.

Devrais-je construire des concepts en basse résolution?

Étant donné que les ordinateurs peuvent générer des graphiques 72 dpi beaucoup plus rapidement que des graphiques 300 dpi, les concepteurs ont souvent pour habitude de passer en revue les premières phases de conception dans un espace de travail à basse résolution et de reconstruire le travail en haute résolution. vers la fin du projet.

Cela peut être un sujet très controversé parmi les concepteurs d’imprimés. En fin de compte, cela revient à la préférence mais, pour ce que cela vaut, je ne prends presque jamais cette voie. Sauf si vous travaillez constamment avec des travaux grand format, la création de compositions en haute résolution ne devrait pas prendre aussi longtemps. Si tel est le cas, il est probablement temps d’installer un nouvel ordinateur. Construire tout en 72 dpi uniquement pour passer à la conversion 300 dpi en recommençant, cela me semble toujours être un problème pour moi, quand il est parfaitement facile de construire mes idées en version prête à imprimer.

La seule exception à cela est l'imagerie de stock. J'utilise toujours les compositions relativement basses fournies par les sites de stockage lors de la présentation au client pour éviter l'achat inutile de plusieurs images coûteuses.

Couleur

La couleur est un sujet énorme et mérite son propre article afin que nous ne passions pas trop de temps là-dessus. Mon simple avertissement est que la couleur dans le monde de l’impression est un tout nouveau match. Dans la conception Web, nous avions l'habitude de nous préoccuper des couleurs Web sûres. Cependant, les écrans de nos jours sont tellement étonnants que nous choisissons généralement les couleurs que nous voulons dans Photoshop et acceptons qu’il y ait un degré de variation d’un écran à l’autre.

Lorsque vous concevez pour l'impression, vous utilisez de l'encre, pas de la lumière. Pour commencer, cela signifie travailler en CMJN au lieu de RVB, mais les implications vont bien au-delà.Des choses comme les matériaux entrent en jeu avec une variété de presses et de méthodes d'impression différentes. Parfois, la couleur que vous voyez sur votre écran ne sera pas du tout ce qui sortira sur le papier. D'autres fois, des processus spécifiques tels que la sérigraphie font appel à certaines pratiques acceptées.

Mon meilleur conseil ici est de savoir quelle sera la méthode d'impression et de la rechercher autant que possible. Le travail d'impression en quadrichromie standard est le plus facile à utiliser, mais vous devrez parfois travailler avec une ou deux couleurs pour économiser l'argent de votre client. Dans ces cas, vous devez faire preuve de créativité et apprendre à créer de superbes conceptions avec une palette beaucoup plus limitée que celle avec laquelle vous êtes habitué.

Vous devrez également fréquemment travailler avec des couleurs d'accompagnement, ce qui signifie une encre dédiée mélangée à une couleur très spécifique plutôt que quelque chose de mélangé en appliquant différentes couleurs au papier. Pour en savoir plus sur l'utilisation des couleurs d'accompagnement, consultez notre récent article intitulé Introduction à l'utilisation des couleurs d'accompagnement.

Pas seulement Photoshop

Les concepteurs de sites Web ont tendance à vivre uniquement dans Photoshop. Ils peuvent se connecter à Dreamweaver ou même à Fireworks, mais toute exploration supplémentaire de Adobe Creative Suite est souvent inutile.

Cependant, en impression, vous effectuez généralement la mise en page dans des applications telles que InDesign et Illustrator. Quelques âmes désolées utilisent encore Quark mais je ne peux pas imaginer pourquoi. La bonne nouvelle est que le fait d’être particulièrement fort dans Photoshop vous rend beaucoup plus prêt à utiliser InDesign. La mauvaise nouvelle est que l'application est encore très différente et qu'il y a beaucoup à apprendre.

L'un des concepts les plus importants à comprendre est la raison pour laquelle vous utilisez plusieurs applications et la manière de les intégrer à votre flux de travail de manière synergique. La réponse simple est que Photoshop concerne les graphiques raster, tout le reste (graphiques vectoriels et texte) doit être géré dans votre application de présentation de page.

Par exemple, disons que vous créez une couverture de magazine. Vous commencerez avec un PSD contenant votre photo de couverture. Ici, vous pouvez effectuer des corrections de couleur typiques, des actions de clonage, une stylisation et tout ce dont vous avez besoin pour préparer la photo à l'impression. Une fois que vous avez terminé, vous pouvez placer ce fichier PSD dans InDesign et superposer les images vectorielles (souvent créées dans Illustrator) et le texte constituant le reste de la couverture.

La mise en page peut être visualisée comme un puzzle. Dans cette métaphore, InDesign est la table sur laquelle vous construisez votre puzzle. Vous créez un grand nombre d'éléments dans d'autres applications, puis vous les réunissez et les mélangez dans InDesign. En plaçant les éléments de travail en cours dans InDesign via la commande Fichier> Importer, toute modification apportée au fichier PSD, EPS, etc. placé dans une autre application entraîne automatiquement la mise à jour de votre fichier InDesign.

Photoshop ne fait-il pas du texte?

À ce stade, vous vous demandez peut-être pourquoi le texte n'est pas géré dans Photoshop. Pour être juste, un texte très stylisé (avec biseaux, masques, ombres, textures, etc.) est souvent conservé dans la partie PSD du fichier. Cependant, le texte brut est beaucoup plus facile à utiliser dans InDesign. Le moteur de texte est de loin supérieur et non seulement rend le texte meilleur, mais permet des manipulations beaucoup plus avancées telles que la distribution automatique des colonnes et même la vérification orthographique.

Un autre problème majeur concerne le fait que vous n'envoyez généralement pas un fichier à l'imprimante (les PDF prêts à imprimer sont une exception), mais que vous réunissez toutes les pièces de votre puzzle dans un dossier. Cela inclut vos différents fichiers PSD et EPS placés, votre fichier InDesign et même vos polices. Travailler dans InDesign vous donne le luxe d'un automatique? Collect for Output? commande qui regroupe automatiquement toutes les ressources associées au fichier en cours.

Saigner et couper

L'une des plus grandes erreurs de recrue que vous puissiez commettre en matière de conception d'impression consiste à ne pas créer de fond perdu. Les fournisseurs d’impression ont besoin de certaines spécifications de la part des concepteurs, non pas parce qu’ils sont difficiles ou incompétents, mais parce que c’est vraiment la façon dont le processus fonctionne, sans quoi tout le travail d’impression est compromis.

Concevoir avec un fond perdu est facile et permet une impression professionnelle parfaite et sans marge à chaque fois. En insérant un fond perdu, vous autorisez une impression plus grande que la taille du travail final. Ainsi, lorsque l'excédent est coupé, tout semble parfait et va jusqu'au bord des bords, quels que soient les petits changements de papier qui auraient pu se produire pendant l'impression.

En conception Web, vous connaissez bien le modèle de boîte CSS. En ce qui concerne la conception imprimée, nous avons quelque chose de similaire qui définit fondamentalement la manière dont chaque travail d’impression doit être construit. Voici un rapide aperçu de son fonctionnement:

Ce modèle comporte trois zones principales: le fond perdu, la découpe et la zone sous tension. La garniture est la plus facile à comprendre. C'est la taille finale souhaitée du document imprimé; où le papier est? coupé? à. Dans l'exemple ci-dessus, notre client a commandé un modèle de cinq pouces de largeur sur trois pouces de hauteur. À partir de là, nous devons créer deux zones supplémentaires: une plus grande que la bordure et une plus petite.

La plus grande zone est le saignement. Comme nous venons de l'expliquer, cela permet à l'encre de sortir du bord de la page. Le travail ci-dessus a un arrière-plan dégradé, mais cet arrière-plan est étendu au-delà des limites de 5 "x3" pour atteindre une zone de 5,75 "x3,75". En ajoutant 0,25 "à la taille totale, vous obtenez un fond perdu de 1 / 8ème de pouce tout au long de la page, ce qui est la norme aux États-Unis (généralement de 2 à 5 mm au Royaume-Uni). Tout ce que vous placez dans le document Si vous faites fondre votre page, que ce soit une photo ou un remplissage texturé, vous devez vous étirer sur cette zone plus grande tout en gardant à l’esprit que celle-ci sera réduite quelque part autour de la ligne de découpe.

La plus petite zone que j'ai créée dans l'exemple ci-dessus est la "zone live". C'est un élément très important que vous ne connaissez peut-être pas en tant que concepteur Web. En règle générale, il est déconseillé de placer le texte et les graphiques non saillants trop près du bord de la page. Vous voulez leur donner beaucoup de marge de manœuvre visuelle et être assuré qu'ils ne seront pas réduits. Par conséquent, la zone de diffusion en direct est créée comme une sorte de zone sécurisée dans laquelle vous pouvez placer ce type de contenu. Par exemple, si vous voulez un gros titre, déployez-le d’un bout à l’autre de la zone de diffusion, mais pas plus loin.

La taille des zones habitées n'est pas standardisée et varie considérablement d'un emploi à l'autre En règle générale, j'insère mon espace réel de 1/8 "afin qu'il corresponde au fond perdu. Cependant, différents magazines et journaux ont leurs propres exigences que vous devez respecter. En outre, pour les gros travaux, un 1 / Un incrustation de 8 "n’est pas assez proche et vous obtiendrez des graphiques qui semblent toujours aller jusqu’au bord sans marge de manœuvre. Dans ce cas, vous devrez le regarder dans les yeux et choisir un pare-chocs d'espace acceptable.

Heureusement, Illustrator et InDesign peuvent prendre en charge la majeure partie du travail de création de documents avec ce type de spécifications intégrées, mais il est toujours important de comprendre les concepts. Assurez-vous également de consulter votre fournisseur d’imprimés car ils ont probablement des modèles prédéfinis qui épargnent beaucoup de problèmes pour toutes les personnes concernées.

Tendances de design

Pour terminer notre discussion, discutons brièvement de la manière d’aborder un dessin imprimé dans une perspective créative. Tout d'abord, vous apprendrez rapidement que l'impression est un support très différent de celui auquel vous êtes habitué avec le Web. Dans la conception Web, vous êtes limité que par votre imagination. En impression, vous avez un format de page physique auquel vous devez vous conformer; le défilement n'est pas possible! Cela signifie que lorsque votre client vous donne une tonne de texte, vous devez trouver un moyen de le rendre lisible et attrayant.

De plus, gardez à l’esprit que votre style et vos tendances particuliers se prêtent ou non à l’impression. Comme pour la conception Web, il est important de regarder autour de vous et de prendre note des tendances actuelles en matière d'impression. Faites un tour à la librairie et parcourez des magazines (ne sautez pas les annonces, ce sont les meilleures parties) ou parcourez ce courrier indésirable avant qu'il ne soit envoyé à la corbeille.

Prendre conscience des tendances ne doit pas nécessairement faire de vous un conformiste, mais vous aider à rester en contact avec ce que les gens ont l'habitude de voir. Si la dernière fois que vous avez porté votre attention sur la conception d’imprimés, c’était en 1995, vous pourriez être enclin à produire quelque chose qui paraisse moche et dépassé pour les consommateurs d’aujourd’hui.

De même, si vous ne connaissez que l'état actuel de la conception Web, vous pourriez avoir beaucoup de difficulté à traduire ces idées sur une page imprimée d'une manière à la fois significative et engageante pour le spectateur. Les animations jQuery ne servent à rien, vous devez attirer l'attention de quelqu'un par son attrait esthétique purement statique.

Cela prend du temps et de la pratique, mais un concepteur de goo s'épanouira dans les domaines de l'impression et de la conception Web.

Conclusion

En toute honnêteté, si vous êtes actuellement un concepteur de sites Web cherchant à imprimer, vous êtes en bonne position. À bien des égards, vous revenez à une façon de penser plus simple. Faire le voyage inverse nécessite beaucoup de nouvel apprentissage technique, surtout si le code entre en scène.

Cet article visait à vous montrer que vous ne pouvez pas ouvrir Photoshop et décider de devenir un jour un concepteur d’impression. Vos connaissances en tant que concepteur de sites Web peuvent vous aider, mais il reste encore beaucoup à apprendre dans le secteur. Tout ce qui va de la création du modèle à la finalisation de la conception est un processus très spécifique imprimé. Si vous ne connaissez pas votre matériel, vous pourriez être tenu responsable financièrement de toute erreur. Prendre un peu de temps pour parcourir les informations présentées pourrait vous épargner beaucoup de peine et de maux de tête.

Laissez un commentaire ci-dessous et dites-nous quels sont les conseils spécifiques à l'impression que vous avez pour les concepteurs Web qui font la transition!

Crédits photos: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck et Steve Garfield.