Tip:
Highlight text to annotate it
X
Un extrait de "Coder quand on est graphiste"
Un cours gratuit en ligne proposé par Aquent Gymnasium
Numéro sept, bon nombre des différences entre la conception de sites Web et le graphisme
résident dans les détails. Qu'est-ce que je veux dire par là ? Eh bien, laissez-moi
vous expliquer. Disons tout d'abord, qu'entre le graphisme et la conception de sites Web,
l'aspect visuel du travail est le même. La différence ne se situe pas là. Dans les
deux cas, vous devez vous entraîner à tracer des lignes, des formes, à choisir les bonnes
couleurs à trouver le bon équilibre, la bonne texture, le bon contraste, une certaine
fluidité : toutes ces choses qui rendent l'aspect visuel important, celles-ci et beaucoup
d'autres encore. Que vous conceviez une identité visuelle à travers un emballage et à travers
le design print de produits et qu'ensuite vous le transfériez sur un site Internet,
les principes de base du graphisme visuel restent les mêmes.
Une autre chose qui reste la même entre le print et la conception de sites Internet,
si c'est l'univers duquel vous venez, c'est le sens du détail du designer, qui tourne
à l'obsession. Si vous êtes aussi obsédé ou compulsif que moi, vous serez alors en
bonne compagnie si vous pénétrez dans le monde de l'Internet. En print, cette obsession
s'acquière en voulant toujours être sûr(e) que les choses sont correctement spécifiées
pour l'imprimeur et s'assurer que les choses ont un rendu parfait, non seulement de très
près, mais aussi de très loin. Sur le Web, ce même sens du détail est nécessaire,
sauf que c'est un peu différent. Au lieu de nous concentrer sur les encres
et les traits, nous recherchons une précision au pixel près: pour être certain que la
disposition de votre page est réglée parfaitement de façon à ce que la personne qui la fabrique,
que ce soit vous ou que ce soit votre développeur, sache exactement où vont les choses et qu'elles
s'imbriquent les unes dans les autres de manière cohérente. Le sens du détail reste le même.
Une autre chose qui reste la même : les styles de paragraphe. Bien! Le sens du détail, ça
va jusqu'à la typographie. Et la typographie dans la conception de sites Web est très
comparable aux styles de paragraphe d'InDesign. Si vous ne savez pas ce que c'est que les
styles de paragraphes , voilà ce à quoi cela ressemble. Donc, vous pouvez spécifier
et dire qu'une police de caractères en typographie se définit, dans ce cas, par 11 points sur
14 points, Myriad Pro, n'est ce pas ? Eh bien, cela pourrait se faire aussi en print, et
vous faites la même chose sur le Web, sauf que sur le Web, ça s'appelle CSS. Les styles
de paragraphe d' InDesign, c'est la même chose que les CSS sur le Web.
Donc, si vous sélectionnez dans InDesign un paragraphe comme celui--ci, 11 sur 14,
Myriad ce sont des caractères ordinaires, pas en gras ou en italique ou quoi que ce
soit d'autre : c'est comme cela que ça se passe sur InDesign. Vous faites la même chose
avec les CSS. Il manque simplement ces menus déroulants, qui sont supers, dans cette petite
fenêtre. Vous devez tout saisir. Voici que l'on a dans le type sélectionné avec les
CSS, au lieu de ce que l'on a dans InDesign. Elle indique que le type de police de caractères
est Myriad. C'est une impression ordinaire, pas en gras, ni en italique ou en oblique.
Elle fait 11 pixels. Ce ne sont pas des points. En réalité, on mesure la typographie, de
façon générale, en pixels, à la place des points. Il y a également d'autre unités
de mesure mais les pixels c'est l'unité de mesure idéale et qui convient parfaitement
au Web. Il y a la hauteur des lignes, l'espacement
des lettres. C'est quoi la hauteur des lignes? Que pensez-vous que cela peut être? Ouais,
si vous aviez deviné que c'était l'espacement interligne, vous avez raison. La hauteur des
lignes , c'est l'interligne. C'est la même chose. Il n'y a que le nom qui change sur
le Web. En vérité, c'est presque la même chose. Il n'y a qu'une toute petite différence
entre la hauteur des lignes et l'interligne, mais à toutes fins pratiques, c'est la même
chose. De la même manière, l'espacement des lettres
: qu'est-ce que cela peut bien être? Mais oui, c'est l'approche. C'est l'espacement
régulier entre l'ensemble des lettres dans un morceau de texte. Les CSS, c'est donc la
même chose que les paragraphes de styles d'InDesign. C'est pareil dans l'ensemble,
mais c'est différent dans les détails. Voici un autre endroit où les détails sont
différents : En print, si vous souhaitez vous assurer qu'un document aura un bon rendu,
vous faites un bon à tirer (BAT). Sur le Web, vous faites un contrôle de navigateur.
Vous vérifiez que la page s'affiche correctement sur un Mac et un PC.Vous vérifiez que la
page s'affiche correctement sur un téléphone mobile et sur une tablette. Et même sur ces
terminaux spécifiques, vous vérifiez qu'elle s'affiche correctement avec les divers navigateurs,
tels qu'Internet Explorer, Google Chrome, Safari, ou encore Firefox. C'est l'équivalent
d'un bon à tirer. En iprint, le codage CMJN permet de déterminer
vos couleurs et la gestion de la couleur, en général. Sur le Web, on a le même principe,
mais la différence réside dans les détails. C'est le mode RVB.
En print, vos unités de mesure sont les points, les picas, et les pouces, selon le contexte,
et ce que vous essayez de mesurer. Sur le Web, en général, il s'agit de pixels. Il y a d'autres unités de mesure plus étranges, plus ésotériques sur le Web également,
mais le pixel est, de loin, la plus répandue et la plus reconnue, en particulier pour la mise en page. Ainsi, nombre de différences
entre la conception de sites Web et le graphisme print se situent dans les détails,
mais dans les principes, dans les fondements, c'est essentiellement la même chose.
Découvrez tous nos cours sur http://gymnasium.aquent.com/course_catalog