LEXIQUE INTERNET/WEB/DESIGN/PRINT/MULTIMEDIA

Identité graphique
L’identité graphique permet de reconnaître du premier coup d’œil un projet, une marque ou une entreprise. Cette identité s’applique également aux sites web. Elle permet à un utilisateur qui visionne les pages, de reconnaître l’entreprise ou la marque.

Ergonomie
Un site ergonomique est celui qui conduit le visiteur le plus rapidement (convivialité) vers l’information recherchée (utilité). Dans l’ergonomie d’une page web, la structuration de l’information visuelle demeure un paramètre important.

CSS (feuilles de styles)
CSS est utilisé pour définir les couleurs, les polices, le rendu, et d’autres caractéristiques liées à la présentation d’un document. L’objectif est de bien séparer la structure (écrite en HTML ou similaire) et la présentation (en CSS) du document.

Lecteur Flash
Flash Player est une application client fonctionnant sur la plupart des navigateurs Internet. Ce logiciel permet la création d’animations vectoriels et bitmap, un langage script appelé ActionScript et un stream bi-directionnel de l’audio et vidéo.

PAO (Publication Assistée par Ordinateur)
La Publication Assistée par Ordinateur, communément abrégée PAO (en anglais DTP pour Desktop Publishing), est l’ensemble des procédés informatiques permettant de fabriquer des documents destinés à l’impression.

Formats web

Pour un travail sur le web il existe trois formats principaux qui sont :

-Le format GIF (Graphics Interchange Format - .gif)
-Le format PNG (Portable Network Graphics - .png)
-Le format JPEG (Joint Photographic Experts Group - .jpg/.jpeg)

Le format PNG
Comme le GIF, il utilise une compression sans perte de données, il supporte la transparence et gère 256 couleurs. Mais le PNG supporte aussi les niveaux de gris jusqu'à 16 bits et les couleurs réelles jusqu'à 42 bits. Le PNG ne permet pas de créer des animations.
Les fichiers PNG sont généralement plus légers que les GIF, par contre le PNG est moins performant que le JPEG pour la compression des photographies.

Seul problème, les navigateurs récents reconnaissent le format PNG (Firefox, Opera etc...)

Le format GIF
Le format GIF est un format qui utilise une compression sans perte de qualité. Le maximum de couleurs gérées est de 256 couleurs. Il ne pourra donc pas, comme le JPG, gérer des nuances ou des dégradés.
Le format GIF est très pratique pour les boutons et les choses petites.
Il est aussi utile pour les animations et gère la transparence.

Le format JPEG
Le format JPEG est un format de compression très efficace mais avec perte de qualité, plus l'image est compressée, plus la qualité de celle-ci baisse.
Le JPG est fait pour les photographies, car il supporte 16 millions de couleurs !
Il gère les nuances et les dégradés. Par contre, il ne supporte pas la transparence.

Les formats qu'il ne faut pas utilisé pour le web
Les formats qu'il ne faut jamais utilisé pour le web sont le BMP et le TIFF !


Quel logiciel choisir pour le web design ?
Est-il compliqué ?
Ce sont les questions que vous vous posez souvent ?

 
Logiciels professionels
Ces logiciels demandent une grande maîtrise auparavant. Le fonctionnement est complexe, il vaut mieux avoir des bases solides avant de les toucher.

Tout d'abord voici Adobe Photoshop CS3 la référence en termes de design. Ce logiciel pour Windows et Mac vous permet de tout faire. Grâce à un système de calques modifiez à volonté votre design sans tout avoir à refaire. De plus de nombreux outils (brush, formes) sont disponibles pour absolument tout faire, mis à part la 3D. Bien entendu ce logiciel à un coût élevé entre 75 et 700€ selon la version que vous choisissez.

L'équivalent de Photoshop est certainement le logiciel The Gimp disponible en version gratuite. Il possède presque les mêmes fonctions que Photoshop, quelques outils en moins et une qualité professionnelle moindre. De nombreux débats existent entre The Gimp et Photoshop, l'un gratuit l'autre très cher, alors que l'utilisation est quasi similaire. Mais cela en revient à comparer un DVD-R Verbatim avec un DVD-R Super Toto, l'utilisation est identique mais la qualité change. De plus le célèbre format PSD de photoshop est unique est de nombreuses entreprises demandent ce format pour l'impression.
Si votre design web doit être en Flash Le logiciel Flash Professional 8 il vous permets de créer de riches contenus vectoriels interactifs avec vidéos, graphiques et animations pour vos sites web, avec des expériences interactives et des contenus mobiles.
Produit distribué par Adobe.

Logiciels amateurs
Les logiciels amateurs ont une prise en main plus facile que les professionnels, un minimum de connaissance est requis pour son utilisation.
Un logiciel amateur que je qualifierai de correct pour un site web standard serait le logiciel de chez Adobe à noter Fireworks CS3. Il vous permet de faire des effets de survols d'images, de découper le design et bien sûr de créer votre interface graphique d'une prise en main plus simple que Photoshop. Tout cela pour un coût tout de même élevé de 429€ version complète.
Photofiltre est un bon logiciel pour ceux qui ne veulent pas mettre cher car sa licence est gratuite. Il dispose d'une palette d'outils bien remplie et d'une centaine de filtres. 

Logiciels débutants
Les logiciels débutants sont simples d'utilisation et d'un coût plus que raisonable.
En ce qui concerne les logiciels "amateurs" de nombreux proviennent de chez Microsoft, comme FrontPage, Photodraw V2.2 qui en sont les plus connus. Il ne faut pas s'attendre à un rendu professionnel avec ce genre de logiciels. Ils sont très simples à prendre en mains et leur coût est très correct (moins de 50€).


Les bases du design web
Le design web ne répond pas seulement à vos goûts personnels mais aussi à ceux de vos visiteurs. Pour cela il est important de connaître certaines choses avant de se lancer dans ce domaine.
 
Bases
Le design web ne répond pas qu'à vos goûts personnels mais aussi à ceux de vos visiteurs. Cela ce compose en plusieurs parties :

Résolution d'écran
Si le visiteur est en résolution d'écran très basse (800x600) et que le design est adapté pour une résolution (1024x768) le visiteur ne verra qu'une partie de votre site, pour voir le reste il devra se déplacer vers la droite et vers le bas, ce qui ne fait pas très beau...De plus le design ainsi que le contenu ne sera pas vu dans son intégralité celui ci perd donc de la beauté et ne sera pas perçu comme vous le souhaitiez.

Pour ce premier problème il faut connaître plus ou moins les tendances de résolution d'écran des visiteurs grâce à ce sondage de journaldunet.com

56.1 % (1102 votes) pour 1024x768
21.5 % (423 votes) pour 1280x1024 et plus
14 % (275 votes) pour 800x600
7.4 % (146 votes) pour Aucune idée
1 % (19 votes) pour 640x480

On s'aperçoit donc que la majorité est en configuration 1024x768 un design web devrait donc être adapté à cette résolution.
Mais pour être généreux des petits 800x600 on peut également adapter le design en 800x600 et ainsi le rendre visible pour un plus largue public
Pour être précis un design adapté en 800x600 ne devra pas faire 800 de large mais 780 pixels. Tout simplement car la barre de scroll (barre de défilement) prend environ 20 pixels de largeur, donc :

Pour un design en 800x600 le design doit être de 780 pixels de large.
Pour un design en 1024x768 le design doit être de 1004 pixels de large. Il y a tout de même une méthode pour ceux qui veulent que leur design web soit visible correctement peut importe la résolution d'écran, c'est le design extensible. Il s'adapte en fonction de la résolution de vos visiteurs. Cela est pratique, mais moins beau car les images sont souvent déformées ou le contenu du design est plus vide.
Pour réaliser un design extensible il vous faut mettre votre largeur en % et non en pixels. Vous en apprendrez plus sur le site du zero

Les couleurs
Vous serez bien d'accord avec moi que les couleurs de votre site doivent être des couleurs agréables à l'œil. Évitez donc les fluos, ou les couleurs trop "flashs" ou encore les couleurs trop sombres.

Bien entendu le texte doit être en harmonie avec le fond sur lequel il est. Par exemple ne pas mettre des couleurs qui ne vont pas ensembles.
Il est largement préférable d'écrire avec un texte noir si le fond est relativement clair ou en blanc si ce dernier est foncé.
Il vous savoir que le blanc et le gris clair sont très appréciés pour la couleur du corps de page, avec un texte en noir, d'ailleurs presque tout les sites adoptent ces nuances de couleurs (gris ou blanc + une couleur primaire "non flashant").

La symbolique des couleurs pour le Web :
Blanc & Noir : Art culture, Cinéma
Bleu : Informatique, High Tech, Médecine
Jaune : Tourisme et divertissement
Rouge : Publicité, Médias
Vert : Natures Loisirs
Orange : Sport et divertissement
Mauve : Art, Culture, Richesse
Pour plus d'infos: le site de référence "pourpre"

CONCLUSION
Il est très important de bien choisir sa résolution pour que le Design Web soit visible par tous le monde. Résolution conseillée 780 pixels de large ou design extensible.
Pour les couleurs de votre site assurez-vous que le texte soit lisible ! Il ne faut pas froncer les sourcils pour pouvoir lire un texte. Il faut aussi que les différentes couleurs soit cohérentes.
Le design Web ne doit donc pas se contenter de vos goût personnels mais aussi ceux des visiteurs, demandez des avis pendant la sa construction.