MRNF «Plein de ressources», 2011
Nouvelle plateforme du volet éducatif du Ministère des Ressources Naturelles et de la Faune. La solution développée a pour objectif d’offrir aux différents niveaux de la communauté académique, enseignants et étudiants, un outil présentant les ressources pédagogiques de l’ensemble du Ministère.
Le site se présente dans enrobage graphique éclaté et ludique sous le thème de «Plein de Ressources», le tout conçu par l’équipe d’iXmédia. Un excellent défi de normalisation, d’architecture et d’accessibilité!
Le site est aujourd’hui opéré de manière autonome par l’équipe du MRNF qui le fait vivre et grandir en bonifiant ses contenus à la satisfaction des utilisateurs.
Je suis designer web chez iXmédia et lors les derniers mois, j’ai fait une expérience assez particulière. Depuis que la chaîne graphique qui structure la production web est mature et que des spécialistes travaillent indépendamment les différents volets de la production, les graphistes spécialisés dans le design web utilisent très majoritairement Adobe Photoshop pour réaliser les différentes maquettes qui composent un site. Avec la sortie de la plus récente version d’Illustrator, incluse dans la suite CS5, j’ai décidé d’utiliser presque qu’exclusivement ce logiciel pour les plus récents projets dont j’ai été responsable. J’ai depuis longtemps utilisé Illustrator dans mon 
Cet article présente d’abord les nombreux avantages et les inévitables inconvénients de la migration vers AI (Adobe Illustrator) dans le processus de design web. Par la suite, j’expliquerai comment préparer votre environnement de travail en vue d’un nouveau projet web créé dans AI et je vous présente en détail les outils et techniques qui s’ajoutent à votre arsenal habituel de Photoshop. Je présenterai finalement les solutions que j’ai trouvé à la plupart des obstacles que j’ai rencontrés. Cet article s’adresse donc principalement à mes confrères et consoeurs «web designers», et je cherche au passage à faire mes doléances à Adobe afin que les prochaines versions d’Illustrator règlent les désagréments actuels.
Cela fait déjà depuis plusieurs versions qu’AI est amélioré par son éditeur Adobe pour devenir un outil viable au design de pages écran. J’entend par page écran un document créé afin d’être diffusé uniquement sur un moniteur d’ordinateur, la télévision, un téléphone intelligent ou même au cinéma. Lorsqu’il s’agit de lumière et non d’encre, toute la logique de reproduction de la couleur change et on passe alors, comme vous le savez, du CMYK au RGB, des «Points par pouces» et des linéatures de trame aux pixels et autres notions comme l’antialiasing. Illustrator propose donc depuis longtemps un mode d’édition en RGB et des modes d’exportations en formats «bitmap», non vectoriels, dont le lissage (antialiasing) est adapté à la représentation sur un écran. Les versions antérieures à AI CS5 avaient cependant un problème majeur et fort nuisible qui pour moi les disqualifiaient d’office pour devenir l’outil principal du designer web: l’absence d’une «grille de pixels». En effet, dans AI CS4 par exemple, un trait vertical ou horizontal dessiné à la souris avait toutes les chances de tomber entre deux pixels d’une page écran, car le degré de précision du format vectoriel est tel que la reproduction qui en est faite à l’écran n’est qu’une approximation de la réalité des données du document. La ligne tracée au pixel 450 de votre règle tombe alors sur le pixel 450,393 ou 449,982! Le résultat typique: un effet non désiré de lissage. Un filet noir de 1pixel devient trop souvent un filet gris de 2 pixels. Pour moi, la grande nouveauté de CS5 est l’addition d’une grille de pixels, qui permet au designer de travailler à un niveau de précision limité artificiellement à la définition d’un écran. On peut donc positionner les éléments de manière intuitive, le logiciel compensant pour faire arriver les mesures à des distances arrondies au pixel près. Plus de lissage non désiré n’est produit. Ce changement à lui seul m’a convaincu de faire l’expérience d’une transition vers AI.
Dire que Photoshop a évolué au fil du temps serait bien injuste pour ses développeurs! J’utilise Photoshop depuis la version 2.0, sortie en 1992 et j’ai connu, apprivoisé et utilisé la plupart des nouveautés ajoutées au fil des 
Toute la question de la gestion de la couleur est simplement plus agréable dans Illustrator. Dans Photoshop, la palette de «swatches» (nuancier dans la version française) est partagée entre tous les documents. Lorsqu’on passe d’un projet à un autre, notre «collection» de couleur ne change pas. Photoshop offre des outils pour sauvegarder des palettes, mais leur utilisation n’est pas très pratique dans un contexte de production où l’on passe souvent d’un mandat à un autre. Illustrator, pour sa part, conserve nos couleurs dans le document-même. Il nous permet de les classer par dossiers, de créer des agencements de palettes selon les différentes méthodes et théories de la couleur, et de rechercher et remplacer des objets du document qui ont telle ou telle couleur. Des outils permettent aussi de «recolorer» le document au complet avec d’autres palettes. Dans Photoshop, si on veut changer une couleur utilisée dans une maquette, il faudra retrouver manuellement tous les éléments de cette couleur et les corriger un par un.