:: Graphisme - Webdesign ::

Cette nouvelle rubrique encore succinte est appelée à se développer. Nous aborderons ici quelques notions importantes de design nécessaires à la réalisation d'un site Internet. La couleur, les fonts et typos, les styles graphiques et des notions de mise en page.
Pour commencer nous allons développer la notion de style graphique. Il est important au moment du design d'un site de faire un choix de style. Essyaons de visualiser les principaux styles graphiques existants sur le net.

  Le Pixelart

Vous ne vous rappelez certainement pas avoir appris à dessiner un point, mais c'est pourtant le premier apprentissage des petites sections de maternelle. L'atome (la plus petite entité) du dessin c'est le point. Par extention, les informaticiens ont appelé leur atome le pixel (de l'anglais picture element). Il faudra attendre quelques années pour qu'un art nouveau appelé le PixelArt se développe auprès de la comunauté des inforaphistes et webdesigners. Vous l'aurez compris, le pixel art c'est l'art du pixel.
Lorsque l'on zoome sur une courbe dessinée en pixelart, on apercoit des escaliers, et chaque point peint par l'artiste devient carré.
L'outil principal des designers de Pixelart est le crayon de Photoshop. Une palette graphique peut être très utile pour avoir plus de liberté dans le dessin.
Tutoriaux pixel art : ici
Brosses Photoshop : ici

Le pixelart par eBoy

Image : réalisée par eBoy publiée dans Computer Arts n°39

  Le dessin vectoriel

Par opposition au pixel art qui s'appuie sur le point (que l'on pourrait considérer comme une entité mathématique discrète), l'art vectoriel est basé sur le principe d'une entité continue : la courbe de bézier.
Un dessin vectoriel est composé d'objets géométriques. De ce principe de continuité il resulte des dessins plus lisses. On pourrait zoomer sur une ligne courbe à l'infini sans apercevoir d'escaliers car elle est à chaque fois recalculée : un dessin vectoriel n'a pas de définition. Par exemple, un trait est défini par les points de départ, d'arrivée, l'épaisseur et éventuellement le style (pointillé) et la couleur.

• À l'écran, l'apparence s'adapte à la résolution du moniteur. Si on zoome sur un objet bitmap, on voit les pixels devenir très gros si le zoom est important. Avec un objet vectoriel, on voit toujours un trait parfait.
• l'impression, l'imprimante connaissant les caractéristiques de l'objet à imprimer "fait de son mieux". On ne verra de pixel que si on regarde d'assez près pour voir la limité de l'imprimante.

Les outils de dessin vectoriel sont principalement Illustrator, Freehand ou Flash pour les animations.

Le vectoriel par Michel Savari

Image : réalisée par Michel Savari

Sommaire :
Le pixelart
Le dessin vectoriel

Quelques liens :