Webdesign et Infographie : Différence entre versions

De Ekopedia
Aller à : navigation, rechercher
(Les éditeurs WYSIWIG)
(Le graphisme)
Ligne 42 : Ligne 42 :
 
=== Le graphisme ===
 
=== Le graphisme ===
  
Le design de pages web est principalement une conception graphique. La première chose à faire est de faire une ébauche de la page et de rédiger un peu de texte. Ensuite, prévoir la structure de la page, les menus qui doivent apparaître sur chaque page, l'alignement des blocs, la présence d'un logo.
+
Le design de pages web est principalement une conception graphique. On commence en général par un croquis rapide de l'apparence générale de la page, on fait un schéma de la navigation sur le site web, et ensuite on commence le design à proprement parler.
  
Choisir une fonte adaptée au contenu de la page et à l'esprit du site est indispensable. Ensuite, choisir une taille de texte adaptée à chaque paragraphe ou élément graphique.
+
Il est conseillé de ne pas trop charger d'éléments graphiques et de texte chaque page. Les sites clairs et nets sont ceux qui ont le plus de succès.
  
Il est conseillé de ne pas trop charger d'éléments graphiques et de texte chaque page. Les sites clairs et nets sont ceux qui ont le plus de succès, un écran trop chargé décourage le visiteur.
+
La conception graphique fait appel à l'usage créatif de fontes, photos, effets picturaux, logos, couleurs de texte et de fond, dessins, dégradés, encadrés, etc... Il existe de nombreux sites web et de magazines consacrés au design photo ou web, sans compter l'inspiration fournie par la multitude de sites et de blogs qui sont souvent très créatifs.
 
 
Choisir des couleurs claires, pastel et pas trop vives est recommandé dans la plupart des cas. Dans certains cas un fond noir est plus adapté.
 
 
 
Utiliser les feuilles de style pour séparer les différents blocs plutôt que de créer des tableaux imbriqués s'avère utile car cela permet une meilleure compréhension de la structure de la page, et de séparer ces blocs par des bordures et des espacements variés.
 
 
 
Il est nécessaire d'adopter une palette de couleurs, que l'on utilisera pour chaque élément textuel. Enfin, les textes sur fond multicolore sont souvent moins lisibles que sur un fond monochromatique.
 
  
 
[[Catégorie:à classer]]
 
[[Catégorie:à classer]]

Version du 6 novembre 2011 à 18:02

Webdesign

Le webdesign est un terme anglais qui peut très bien se traduire par "Conception de pages web".

Nous allons examiner les technologies qui permettent de le réaliser, les logiciels à utiliser ainsi que des notions de conception graphique.

Les technologies

Les pages web sont stockées sur un serveur informatique appelé serveur web, sous la forme de fichiers d'extension HTML (.html).

Ces fichiers peuvent être associés à des feuilles de style (CSS) et des instructions interprétées dans un langage appelé Javascript. On peut stocker en réalité tout type de fichier sur un serveur web: images, vidéos, sons, musiques...

Javascript

Il s'agit d'un véritable langage de programmation qui n'a rien à voir avec Java, si ce n'est son nom. C'est un langage qu'un informaticien pourrait qualifier de facile à apprendre, mais qui nécessite de bonnes capacités d'abstraction pour être maîtrisé.

Il est utilisé pour lier les différents éléments d'une page web à des actions de navigation.

Ce langage peut également être utilisé côté serveur, mais il ne s'agit plus dans ce cas de design web mais de programmation pure.

Les logiciels

De nombreux logiciels ont été développés pour créer des pages web. On peut utiliser un simple éditeur de texte comme UltraEdit par exemple, mais pour une édition efficace il est préférable d'utiliser soit un éditeur de code HTML, soit un éditeur WYSIWIG de pages web.

Les éditeurs de code HTML

Dans le monde du logiciel libre, on trouve principalement BlueFish (sous Linux). Cet usage est plutôt réservé aux programmeurs, car on ne voit pas l'aspect graphique de ce qu'on conçoit.

Les éditeurs WYSIWIG

On trouve principalement en logiciel propriétaire, Adobe Dreamweaver, et en logiciel libre, Kompozer et sa version récente BlueGriffon. Ils permettent d'éditer le contenu et l'aspect d'une page en voyant le résultat graphique de son design.

Un éditeur d'images

Un bon logiciel de dessin ou éditeur d'images est indispensable pour réussir de belles pages. Si vos pages ne contiennent que du texte, ce n'est pas du design graphique!

Nous allons maintenant voir quelques conseils pour concevoir graphiquement vos pages web.

Le graphisme

Le design de pages web est principalement une conception graphique. On commence en général par un croquis rapide de l'apparence générale de la page, on fait un schéma de la navigation sur le site web, et ensuite on commence le design à proprement parler.

Il est conseillé de ne pas trop charger d'éléments graphiques et de texte chaque page. Les sites clairs et nets sont ceux qui ont le plus de succès.

La conception graphique fait appel à l'usage créatif de fontes, photos, effets picturaux, logos, couleurs de texte et de fond, dessins, dégradés, encadrés, etc... Il existe de nombreux sites web et de magazines consacrés au design photo ou web, sans compter l'inspiration fournie par la multitude de sites et de blogs qui sont souvent très créatifs.