Conseils de conception d'impression pour les concepteurs Web
J'ai commencé ma carrière dans la presse écrite il y a près d'une décennie et j'ai progressivement migré vers le Web. Ce tout nouveau support a apporté plusieurs obstacles créatifs et techniques que j'ai dû apprendre à surmonter et même à surmonter.
L'article d'aujourd'hui s'adresse à une nouvelle génération de designers faisant le saut inverse. Vous concevez pour le monde numérique depuis un certain temps et êtes prêt à apprendre la conception d'impression. Nous vous aiderons à faciliter la transition avec quelques conseils simples et pratiques.
Explorez Envato Elements
L'impression n'est pas morte
Dans le film original de Ghostbusters de 1984, lorsqu'on lui a demandé s'il aimait lire, Egon proclame hardiment «l'imprimé est mort». Cette déclaration n'était pas tout à fait vraie à l'époque mais c'était une préfiguration extrêmement précise des événements des vingt prochaines années, à savoir la montée de l'Internet et de l'informatique personnelle de l'obscurité à l'ubiquité.
Certes, cette révolution a, à tout le moins, pris une batte de baseball pour l'industrie de la publication et, par conséquent, la disponibilité d'emplois de conception en leur sein. Cependant, ce n'est certainement pas le cas que toutes les formes d'impression soient mortes. En fait, la conception d'impression peut être l'une des compétences les plus précieuses et les plus logiques à ajouter à votre répertoire en tant que concepteur de sites Web.
Si vous avez des clients propriétaires de petites entreprises, ils ont besoin non seulement de sites Web et de logos, mais aussi de cartes de visite, de papeterie, de panneaux d'affichage, 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 tout ce matériel. Si vous pouvez gérer à la fois le Web et l'impression, ce pourrait être vous!
Résolution
Commençons par quelques connaissances de base que vous connaissez probablement déjà. Dans le monde du Web, vous avez le luxe de travailler avec des images à résolution assez basse. Maintenant, vous pourriez voir cela comme une mauvaise chose parce que le niveau de détail est si limité, mais ayant beaucoup travaillé avec les deux, le travail Web en 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 sont pas aussi gourmandes en processeur que les images plus grandes. Si vous avez l'habitude d'imprimer et de passer à la conception pour le Web, Photoshop ressemble à une toute nouvelle application fonctionnant sur un super ordinateur du futur. Vous pouvez penser que cela ressemble à une exagération, mais attendez simplement d'avoir 50 couches dans un document 11 "x17" à 300 dpi. Vous baverez sur les Mac Pros sur Apple.com d'ici la fin de la journée.
Pouces, pas pixels
En quoi les choses sont-elles différentes pour l'impression et le Web? Pour commencer, les concepteurs d'impression ne parlent pas en pixels. Dites à la plupart des concepteurs uniquement imprimés que vous voulez quelque chose de 1200px de large et ils vous regarderont drôle (ils savent ce que sont les pixels, mais ce n'est pas le jargon typique). C'est parce que les mesures dans leurs versions de Photoshop ont été définies en pouces.
Il s'agit d'une distinction importante car la résolution et la taille sont interdépendantes! 1 200 pixels de large dans un document à 72 dpi est très différent de 1 200 pixels de large dans un document à 300 dpi. Un travail d'impression de 5 "x 7" imprimera toujours quelque chose de cinq pouces de large par sept pouces de hauteur, seule la densité de l'encre changera.
Pas toujours 300 dpi
On vous a probablement dit que les concepteurs d'impression créent 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 détenus par quelqu'un. Et un panneau d'affichage? Est-il nécessaire d'avoir une impression aussi grande résolution pour quelque chose que vous voyez à des centaines de mètres de distance? Il s'avère que la réponse est «non». Les travaux de grand format tels que les bannières, les panneaux d'affichage et similaires sont presque toujours construits en 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 pour avoir simplement demandé si cela devait être un travail de 300 ou 150 dpi, ce sont des questions courantes lors du démarrage d'un projet et sont essentielles pour se mettre au point avant de commencer.
Dois-je créer des concepts en basse résolution?
Étant donné que les ordinateurs peuvent produire des graphiques 72 ppp beaucoup plus rapidement que des graphiques 300 ppp, les concepteurs ont souvent l'habitude de passer par les premiers cycles de conception dans un espace de travail basse résolution et de reconstruire essentiellement le travail en «haute résolution» près de la fin du projet.
Chez les concepteurs d'impression, cela peut être un sujet très débattu. En fin de compte, cela se résume à la préférence, mais, pour ce que ça vaut, je ne prends presque jamais cette voie. À moins que vous ne travailliez constamment avec des travaux de grand format, la création de compositions en haute résolution ne devrait pas prendre autant de temps. Si c'est le cas, il est probablement temps pour un nouvel ordinateur. Construire tout en 72 dpi pour effectuer une conversion ascendante à 300 dpi en recommençant semble toujours être un problème quand il est parfaitement facile de simplement construire mes idées comme prêtes à imprimer.
La seule exception à cela est l'imagerie boursière. J'utilise toujours les compositions assez basse résolution fournies par les sites de stock 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, nous n'y consacrerons donc pas trop de temps. Mon simple avertissement est que la couleur dans le monde de l'impression est un tout nouveau jeu de balle. Dans la conception Web, nous nous préoccupions des «couleurs sécurisées Web», mais de nos jours, les moniteurs sont tellement incroyables que nous choisissons généralement les couleurs que nous voulons dans Photoshop et acceptons qu'il y aura un niveau de variation d'un écran à l'autre.
Lorsque vous concevez pour l'impression, vous travaillez avec de l'encre, pas avec 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 différentes presses et méthodes d'impression. Parfois, la couleur que vous voyez sur votre écran ne sera pas du tout celle qui apparaît sur le papier. D'autres fois, des processus spécifiques comme la sérigraphie nécessitent certaines pratiques acceptées.
Mon meilleur conseil ici est de découvrir quelle sera la méthode d'impression et de la rechercher autant que possible. Un travail d'impression quadrichromie standard sera le plus facile à travailler, mais vous devrez parfois travailler avec seulement une ou deux couleurs pour économiser de l'argent à votre client. Dans ces cas, vous devez faire preuve de créativité et apprendre à créer de superbes designs avec une palette beaucoup plus limitée que celle avec laquelle vous avez l'habitude de travailler.
Vous devrez également souvent 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 qui se mélange en direct en appliquant différentes couleurs au papier. Pour en savoir plus sur la façon de travailler avec les tons directs, consultez notre récent article «Introduction à l'utilisation des tons directs».
Pas seulement Photoshop
Les concepteurs Web ont tendance à vivre uniquement dans Photoshop. Ils peuvent se ramifier vers Dreamweaver ou même Fireworks, mais toute exploration supplémentaire d'Adobe Creative Suite est souvent inutile.
Cependant, en impression, vous effectuez généralement la mise en page dans des applications comme InDesign et Illustrator. Quelques âmes désolées utilisent toujours Quark mais je ne peux pas imaginer pourquoi. La bonne nouvelle ici est qu'être particulièrement fort dans Photoshop vous rend beaucoup plus prêt à utiliser InDesign. La mauvaise nouvelle, c'est que c'est toujours une application très différente, donc il y a beaucoup à apprendre.
L'un des concepts les plus importants à comprendre est la raison pour laquelle vous utilisez plusieurs applications et comment les intégrer de manière synergique à votre flux de travail. La réponse simple ici est que Photoshop est destiné aux graphiques raster, tout le reste (graphiques vectoriels et texte) doit être géré dans votre application de mise en page.
Par exemple, supposons que vous créez une couverture de magazine. Vous commencerez avec un PSD qui contient votre photo de couverture. Ici, vous pouvez effectuer des corrections de couleurs typiques, des actions de clonage, de 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 PSD dans InDesign et superposer les graphiques vectoriels (souvent créés dans Illustrator) et le texte qui composent le reste de la couverture.
La disposition de la page d'impression peut être visualisée comme un puzzle. Dans cette métaphore, InDesign est le dessus de table où vous construisez votre puzzle. Vous créez de nombreuses pièces dans d'autres applications, puis vous les rassemblez et les mélangez dans InDesign. En plaçant les pièces en cours dans InDesign via la commande Fichier> Placer, toute modification que vous apportez au PSD, EPS, etc. placé dans une autre application entraînera automatiquement la mise à jour de votre fichier InDesign.
Photoshop ne fait-il pas de texte?
À ce stade, vous vous demandez peut-être pourquoi le texte n'est pas géré dans Photoshop. Pour être juste, du texte hautement stylisé (avec des biseaux, des masques, des ombres, des 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 rend non seulement le texte meilleur, mais permet une manipulation beaucoup plus avancée telle que la distribution automatique des colonnes et même la vérification orthographique.
Une autre préoccupation connexe majeure est que vous n'envoyez généralement pas un seul fichier à l'imprimante (les PDF prêts pour l'impression sont une exception), au lieu de cela, vous rassemblez toutes les pièces de votre puzzle dans un dossier. Cela inclut vos divers fichiers PSD et EPS placés, votre fichier InDesign et même vos polices. Travailler dans InDesign vous offre le luxe d'une commande automatique «Collect for Output» qui rassemble automatiquement toutes les ressources associées au fichier actuel.
Purge et garniture
L'une des plus grosses erreurs de recrue que vous pouvez faire dans la conception d'impression est de ne pas concevoir avec un fond perdu. Les fournisseurs d'impression exigent certaines spécifications des concepteurs, non pas parce qu'ils sont pointilleux ou incompétents mais parce que c'est vraiment le fonctionnement du processus et sans cela, tout le travail d'impression est compromis.
La conception avec un fond perdu est facile et permet une impression professionnelle parfaite sans bordure à chaque fois. En insérant un fond perdu, vous autorisez une impression plus grande que la taille du travail final. De cette façon, lorsque l'excédent est coupé, tout semble parfait et va jusqu'au bord, quels que soient les décalages de papier mineurs qui auraient pu se produire pendant l'impression.
Dans la conception Web, vous connaissez le modèle de boîte CSS, bien dans la conception d'impression, nous avons quelque chose de similaire qui définit essentiellement la façon dont presque chaque travail d'impression doit être construit. Voici un bref aperçu de son fonctionnement:
Ce modèle comprend trois zones principales: le fond perdu, la garniture et la zone dynamique. La garniture est la plus facile à comprendre. Il s'agit de la taille finale souhaitée du document imprimé; où le papier est «rogné» à. Dans l'exemple ci-dessus, notre client a commandé un modèle de cinq pouces de large par trois pouces de haut. À partir de là, nous devons créer deux zones supplémentaires: une plus grande que la garniture et une plus petite.
La plus grande zone est le saignement. Comme nous venons de l'expliquer, cela permet à l'encre de sortir directement du bord de la page. Le travail ci-dessus a un arrière-plan dégradé, mais cet arrière-plan est étiré au-delà des limites de 5 "x3" jusqu'à une zone de 5, 75 "x3, 75". En ajoutant 0, 25 ″ à la taille globale, le résultat est un fond perdu de 1/8 de pouce tout autour de la page, ce qui est standard aux États-Unis (généralement de 2 à 5 mm au Royaume-Uni). Tout ce que vous placez dans le document et qui devrait «saigner» de la page, que ce soit une photo ou un remplissage texturé, doit s'étendre sur cette zone plus large tout en gardant à l'esprit qu'il sera réduit 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 en direct», qui est un élément très important que vous ne connaissez peut-être pas en tant que concepteur de sites Web. En règle générale, il est recommandé de placer le texte et les graphiques qui ne saignent pas trop près du bord de la page. Vous voulez leur donner suffisamment d'espace pour respirer visuellement et être assuré qu'ils ne seront pas coupés. Par conséquent, la zone en direct est créée comme une sorte de zone de sécurité dans laquelle vous pouvez placer ce type de contenu. Par exemple, si vous voulez un gros titre, étirez-le d'un bout à l'autre de la zone active, mais pas plus loin.
Les dimensions des zones sous tension ne sont pas standardisées et varient considérablement d'un travail à l'autre. En règle générale, j'insère ma zone de vie 1/8 ″ tout autour pour qu'elle corresponde au fond perdu. Cependant, différents magazines et journaux ont leurs propres exigences que vous devez suivre. De plus, pour les gros travaux, un encart de 1/8 po n'est pas assez proche et se traduira par des graphiques qui semblent toujours aller jusqu'au bord sans aucune respiration. Dans ce cas, vous devrez le regarder et décider d'un pare-chocs acceptable.
Heureusement, Illustrator et InDesign peuvent gérer une grande partie du travail de création de documents pour vous 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'impression, car il a probablement des modèles prédéfinis qui épargnent beaucoup de problèmes à toutes les personnes impliquées.
Tendances de conception
Pour terminer notre discussion, discutons brièvement de la façon d'aborder une conception d'impression d'un point de vue créatif. Tout d'abord, vous apprendrez rapidement que l'impression est un média très différent de celui auquel vous êtes habitué avec le Web. Dans la conception web, vous n'êtes limité que par votre imagination. Avec l'impression, vous avez une taille de page physique à laquelle 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 comment l'adapter de manière lisible et attrayante.
Gardez également à l'esprit que votre style et vos tendances de conception peuvent se prêter à l'impression. Tout comme vous le faites avec la conception de sites Web, il est important de regarder autour de vous et de prendre note des tendances actuelles de l'impression. Faites un voyage à la librairie et parcourez certains magazines (ne sautez pas les publicités, ils sont la meilleure partie) ou parcourez ce courrier indésirable avant qu'il n'atteigne la corbeille.
Prendre conscience des tendances ne doit pas faire de vous un conformiste, mais vous aide à rester en contact avec ce que les gens ont l'habitude de voir. Si la dernière fois que vous avez prêté attention à la conception d'impression était 1995, vous pourriez être enclin à produire quelque chose qui a l'air laid et obsolète pour les consommateurs d'aujourd'hui.
De même, si tout ce que vous savez est l'état de la conception Web moderne, vous pourriez avoir beaucoup de mal à traduire ces idées sur une page imprimée d'une manière à la fois significative et attrayante pour le spectateur. Les animations jQuery ne sont pas bonnes ici, vous devez saisir l'attention de quelqu'un grâce à un attrait esthétique purement statique.
Cela prend du temps et de la pratique, mais un concepteur de goo s'épanouira dans la conception imprimée et Web.
Conclusion
En toute honnêteté, si vous êtes actuellement un concepteur de sites Web qui souhaite se lancer dans l'impression, 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 nouveaux apprentissages techniques, surtout si le code entre en scène.
Cet article était destiné à vous montrer que vous ne pouvez pas simplement ouvrir Photoshop et décider que vous allez devenir concepteur d'impression un jour. Vos connaissances en tant que concepteur Web sont utiles, mais il reste encore beaucoup d'apprentissage spécifique à l'industrie qui doit être fait. Tout, de la création du modèle à la finalisation de la conception, est un processus très spécifique imprimé et si vous ne connaissez pas votre produit, vous pourriez être tenu financièrement responsable des erreurs. Prendre un peu de temps pour parcourir les informations présentées pourrait vous éviter bien des ennuis et des maux de tête.
Laissez un commentaire ci-dessous et faites-nous savoir quels conseils spécifiques à l'impression vous avez pour les concepteurs de sites Web qui effectuent la transition!
Crédits photo: Corey Holms, Alain Bachellier, Nate Hofer, Katy Beck et Steve Garfield.
