De nos jours, de plus en plus de concepteurs travaillent sur toutes les plates-formes, alternant entre les projets imprimés et numériques. Bien que la théorie soit en grande partie la même, il existe en pratique beaucoup de différences techniques lorsqu'il s'agit de travailler sur quelque chose qui sera imprimé sur un site Web. Il faut un ensemble spécifique de connaissances et de compétences pour travailler efficacement dans les deux environnements.
Mais c'est possible. Nous partageons ici huit astuces pour les concepteurs d’impression qui passent aux projets numériques. (Et je peux garantir chaque astuce en tant que designer qui a effectué le changement.)
Le design est fluide
Une des choses qui ne change pas dans la conception d'impression est la taille. Chaque document est conçu et imprimé à une certaine taille. (Et souvent sur un seul support également.)
Ce n'est tout simplement pas la façon dont fonctionne le Web. Chaque utilisateur peut consulter un site Web en utilisant une largeur et une hauteur de navigateur différentes, ou consulter le site sur un téléphone portable ou une tablette. Chaque conception doit donc tenir compte d’une variété de tailles et de dispositifs.
Familiarisez-vous avec le design réactif, ce que c'est et comment cela fonctionne. Responsive Design (parfois appelé RWD) est une approche de la conception de site Web dans laquelle les sites sont créés pour une visualisation optimale quel que soit le périphérique utilisé (ordinateur de bureau, tablette ou mobile). Les concepteurs créent le design en utilisant des concepts de grille fluides et basés sur les proportions, ainsi qu'une typographie et des images flexibles.
En plus des changements de taille, l'espace est "illimité". En tant que designer, vous n'êtes pas coincé dans les contraintes d'une carte postale 4 x 6 pouces ou d'une affiche 11 x 17. Le canevas continue pendant autant de pages que vous le souhaitez et peut défiler presque à l'infini.
Apprendre un peu de HTML
Si vous souhaitez concevoir pour le Web, vous devez connaître les bases. Et vous pouvez commencer par vous entraîner. (Consultez cet article précédent de Design Shack pour obtenir une liste des meilleurs endroits pour commencer.)
Commencez avec un peu de HTML, la langue du Web. Avec juste un peu de compréhension du HTML, vous pouvez apprendre à changer facilement les couleurs, les polices et les tailles sur un site Web. Le HTML est la base sur laquelle tout ce qui est basé sur le Web est construit. Sans cela, vous aurez de la difficulté en conception numérique.
Une fois familiarisé avec les bases du HTML, passez au CSS et au code de base. CSS, ou feuilles de style en cascade, vous permettent de créer et de modifier un ensemble de styles pour votre site Web en fonction d'une feuille de style. Il crée un ensemble de règles de conception et peut être utilisé pour créer une hiérarchie de site Web et maintenir une cohérence visuelle. Comprendre les concepts de base du codage vous aidera à comprendre pourquoi les choses fonctionnent comme elles le font sur le Web. Bien que le codage ressemble à un charabia au début, il est logique de commencer à le regarder.
Vous n'avez pas besoin de maîtriser le langage HTML, CSS ou le code pour créer un bon projet numérique, mais cela vous aidera énormément.
Créer un contenu dynamique
La conception d'impression est naturellement plate. Le texte et les images reposent sur un type de papier ou une autre surface plane. Le design numérique est dynamique et actif. Rappelez-vous ceci et utilisez-le à votre avantage.
Les objets peuvent se déplacer, inclure du son ou des liens et même des outils permettant de faire apparaître ou survoler des éléments lorsque l'utilisateur se rapproche d'eux. Les projets Web et numériques doivent être conçus pour l'expérience utilisateur. Cela pourrait être tout à fait différent de certaines des philosophies auxquelles vous êtes habitués dans le monde de l'impression.
Il est également important d’utiliser des repères visuels et des actions d’interface utilisateur communs afin que votre site Web fonctionne de manière à ce que les utilisateurs s’attendent à ce qu’ils l'utilisent.
La couleur est différente
Les graphistes travaillent en CMJN. La conception numérique est basée sur la couleur RVB ou HEX.
Tout comme la couleur CMJN est expliquée à l'aide de chiffres pour représenter les valeurs de couleur des nuances de base afin de rendre chaque couleur possible, le mode RVB utilise le même concept. Les couleurs RVB - rouge, vert et bleu - sont mélangées dans des quantités différentes pour créer toutes les couleurs du spectre numérique.
La différence réside dans la création des couleurs. CMJN - cyan, magenta, jaune, noir - est créée en combinant des couleurs au cours du processus d'impression. RVB est une combinaison de couleurs affichées à la lumière.
Les couleurs sont nommées avec des valeurs RVB (de 0 à 255 ou chaque couleur) pour créer 16 millions de combinaisons différentes.
Les valeurs HEX sont une extension de la couleur RVB et chaque valeur correspond à une couleur RVB. Une valeur HEX est simplement l'expression HTML d'une couleur RVB. Les couleurs sont nommées en utilisant # suivi d'un nombre à six chiffres, où chaque paire de nombres fait référence au rouge, au vert et au bleu. (Les valeurs HEX contiennent également des lettres pour représenter des nombres supérieurs à 99.)
Comprendre la typographie Web
Les concepteurs d’impression peuvent être habitués à l’idée qu’ils peuvent utiliser n’importe quelle police et disposer d’un nombre illimité de polices. (En fonction de la licence, bien sûr.)
La typographie Web peut être un peu plus délicate, même si elle s'améliore constamment. Le plus grand défi est de comprendre le type et la compatibilité du navigateur. Tous les types de caractères ne seront pas rendus de la même manière sur des périphériques différents.
Il existe ensuite des normes Web de base et des problèmes de lisibilité liés à la lecture sur un écran. Qu'on le veuille ou non, les polices de caractères sans empattement sont à peu près la norme en matière de corps de texte sur le Web. Et la police de caractères Arial, souvent rejetée, est omniprésente. Pourquoi? Parce qu'il rend toujours comme Arial. Pas de surprises là-bas.
Le reste des choses que vous connaissez sur le type restent les mêmes. Pratiquez bien le crénage, la direction et le suivi. Adaptez le texte proportionnellement aux autres types et éléments de la conception pour obtenir un aspect net et net.
La taille de l'image, ça compte
Le Web, qui abritait autrefois des millions d’images basse résolution, commence à évoluer à nouveau en ce qui concerne les images grâce à l’émergence d’affichages de la rétine.
Bien que la norme pour la plupart des images Web soit de 72 ppp - je sais que cela semble très petit pour les concepteurs d’impression, mais les images plus petites se chargent plus rapidement et ont l’air très bien - de plus en plus de sites commencent à considérer les images pour un affichage rétinien. Ces images Web haute résolution sont souvent enregistrées à 72 ppp, mais sont beaucoup plus volumineuses en termes de taille.
Au lieu d'enregistrer une image de 600 pixels de large - une norme courante grâce à Pinterest et aux images épinglées - une image pour l'affichage de la rétine peut avoir une largeur de 1 564 pixels.
Les images Web sont souvent enregistrées dans des formats spécifiques - JPEG, PNG ou GIF - en fonction du type d'image et de son utilisation. Les formats d'impression courants tels que TIFF ne sont pas acceptables pour une utilisation Web.
SEO a un impact sur la conception
Familiarisez-vous avec l'optimisation des moteurs de recherche. Le mode de fonctionnement de votre site et le texte qui apparaît sur celui-ci (ainsi que dans les balises masquées) peuvent avoir un impact considérable sur les personnes qui trouvent votre site et sur son classement par les moteurs de recherche. Le référencement est une partie importante du processus de conception Web.
Le référencement concerne également les médias sociaux. Presque toutes les marques présentes sur le Web ont des médias sociaux correspondants. Gardez cela à l'esprit pendant le processus de conception afin que toutes les pièces puissent être créées et conçues de manière cohérente.
Apprendre à laisser aller
Le design d'impression est très précis. Vous pouvez mesurer chaque espace et chaque détail et il ressemblera toujours à ce que vous avez conçu. Le Web ne fonctionne tout simplement pas de cette façon. Certaines choses auront un aspect différent selon les environnements. Vous devez apprendre à laisser aller quand il s'agit de ces choses.
Comprenez votre médium et ses limites. Ne sacrifiez pas votre concept, mais apprenez également que certaines choses vont fonctionner d'une manière qui risque de ne pas être familière ou de paraître d'une certaine manière. Accepte-le et va de l'avant.
Conclusion
J'ai commencé ma carrière de designer dans les journaux. Aujourd'hui, je conçois un peu de tout et partage mon travail entre des projets d'impression et des projets Web.
Bien que cela ait pris un peu de travail de ma part pour l'obtenir. En ce qui concerne le monde de la conception Web et numérique, il s'agit d'un ensemble de compétences inestimables et d'une nécessité pour les concepteurs du marché actuel. Je ne peux pas dire à quel point il est important que les concepteurs apprennent à utiliser des supports différents et à comprendre les subtilités de chacun.
Etre capable de travailler avec des projets imprimés et numériques fera de vous un meilleur concepteur. Vous apprendrez des choses que vous portez à travers des supports à des projets. Vous deviendrez plus commercialisable et espérons rester satisfait et mis au défi tout au long de l'apprentissage et de l'utilisation de nouvelles compétences.
Êtes-vous un imprimeur qui a commencé à travailler sur des projets de conception numérique? Partagez certains de vos conseils et expériences avec nous dans les commentaires.
Sources d'images: Webtype et Jeff Eaton.