blogue

15mai
2014

Faire le design d'un site Web dans Illustrator est une meilleure façon de travailler

Publié par : Pierre-Luc Gilbert
Je dois l’avouer d’entrée de jeu, Illustrator est mon logiciel favori. Cependant, cela n’a pas toujours été le cas. Je me rappelle de mes débuts à l’école (il y a déjà très longtemps), la plume et les courbes de Bézier me rendaient la vie pénible. Par contre, lorsque je me suis mis à maîtriser ces outils, tout est devenu plus simple et plus plaisant. Je voulais tout faire avec Illustrator, mais je me suis aperçu qu’il avait, lui aussi, ses limites. Il faut faire le bon travail avec le bon outil après tout!


Les débuts du Web
Au départ, c’était pratiquement unanime, les graphistes utilisaient Photoshop pour la conception de leur sites Internet. C’est ce que j’ai fait aussi, mais vraiment sur une courte période. Je ne comprenais pas pourquoi les gens se donnaient tant de mal à travailler dans ce logiciel plutôt qu’utiliser Illustrator. Tout ce temps perdu à chercher le bon calque à modifier…


Le choix logique
Il y a tellement de raisons pour lesquelles on devrait abandonner Photoshop et passer à Illustrator pour la création de maquettes de site Web. En voici quelques-unes :


Un travail plus rapide
Avez-vous déjà essayé d’aligner des objets dans Photoshop?
Oui, ça se fait… avec de la patience. Illustrator permet d’aligner plusieurs objets en un clic grâce à son outil d’alignement. Photoshop n’a pas cet outil.




Création rapide de la structure du site (wireframes)
Parce que Illustrator utilise le format vectoriel, on peut faire des boîtes, des lignes pour créer une structure de site vraiment rapidement. On peut aussi sauvegarder des éléments et des symbols dans une librairie et s’en servir à nouveau plus tard.


La mise en page du texte
Les outils de texte sont beaucoup plus évolués dans Illustrator que dans Photoshop. C’est presque comme dans InDesign! Il est alors beaucoup plus facile et efficace de faire la mise en page ou des modifications aux paragraphes et aux styles qui leur sont appliqués.





Parfait pour un design «propre»
Bien que Photoshop soit un excellent outil pour la conception de montages complexe, Illustrator s’avère l’outil par excellence pour la conception graphique simple et épurée. Avec lui, il est également plus aisé de modifier les coins arrondis d’une boîte ou la rondeur d’un bouton, par exemple.


Des fichiers plus petits
Des fichiers vectoriels prennent moins d’espace que des fichiers images montés dans Photoshop. Cela signifie que vos documents s’ouvrent plus rapidement dans Illustrator qu’ils ne le feraient dans Photoshop.


Canevas multiples
Dans Illustrator, contrairement à Photoshop, il est possible, dans un seul et même document, de créer plusieurs espaces de travail. Un petit site web de quelques pages pourrait donc être contenu dans un simple document .AI.


Une organisation plus simple
Tel que je le mentionnais au début de ce billet, il peut devenir éreintant de travailler dans un document photoshop si les calques ont mal été nommés. On se retrouve alors à chercher le calque sur lequel on veut faire une modification. Ça peut devenir très long et on perd beaucoup de temps. Illustrator ne classe pas les éléments de la sorte. C’est vous qui choisissez comment gérer vos éléments, dans quel ordre et avec le nombre de calques que vous voulez. C’est pas mal plus simple et surtout beaucoup plus efficace!


Extensibilité infinie
«Peux-tu me grossir ça?» Ces fameux mots que j’ai trop souvent entendu. Le format vectoriel de Illustrator vous permet justement de grossir n’importe quel élément sans perte de qualité. Ce que Photoshop ne vous permet pas toujours de faire. De plus, il est possible de réutiliser des éléments de votre design pour l’impression! Éh oui! Si un client voulait, par exemple, faire imprimer des objets promotionnels ou une grande bannière en vinyle de 10 mètres de long avec des éléments du site web, vous n’auriez pas à vous en soucier.


C’est l’avenir
Depuis plusieurs décennies déjà, la résolution des images pour le web est à 72 dpi. C’est la convention actuelle. Cependant, avec l’évolution technologique, la vitesse des connexions Internet, les écrans HD, les téléphone mobile et les tablettes avec des écrans de plus en plus puissants, tout indique que cette résolution augmentera dans l’avenir. Heureusement, Illustrator permet d’exporter en haute résolution avec toute la qualité d’image qui vient avec.


À la lumière de tout cela, j’ai encore du mal à croire qu’il y a des designer web qui s’entêtent à continuer à créer leurs maquettes dans Photoshop. Illustrator est supérieur en tout point. Gardez Photoshop pour les montages photos.





Un article complet sur le sujet est disponible ici (en anglais) : http://www.smashingmagazine.com/2011/01/17/productive-web-design-with-adobe-illustrator/

Retourner au blogue

Mots clés: Illustrator Design Web Meilleur choix