Découpage graphique

Découpage graphique

Les étapes du découpage graphique avant la production d'une page web. Création, découpe, optimisation, intégration.

Découpage de l'interface graphique

De la création de l'interface graphique à la production d'une page web

La première étape consiste à produire une page dessinée graphiquement qui représente la future page web. Après le dessin, la création d'un modèle de page web se réalise de la manière suivant :

La page HTML est créé en utilisant un logiciel professionnel ou simplement dans un éditeur de texte. Il s'agit de mettre en place les blocs principaux : cadre haut, centre et bas de page.

La découpe de l'interface commence par le fond de page généralement. Le fond est alors coupé puis optimisé et enregistré au bon format graphique.

Après enregistrement dans un dossier d'image, il sera inséré directement dans la page HTML. L'image pourra également être utilisée en combinaison d'un style CSS pour plus de précision.

Chaque élément graphique suit ainsi le même procédé. L'objectif consiste à découper l'interface graphique afin de minimiser le poids graphique d'un page. Il faut donc privilégier la découpe en éléments répétitifs et utiliser le code HTML et CSS pour la continuité. Le travail de découpe, optimisation et conception d'une page HTML peu ainsi durer plusieurs heures.

Voici un exemple de découpe, optimisation et montage HTML et CSS. Le travail une fois réalisé permet de gagner sensiblement en vitesse d'affichage.

L'exemple présente le fond de ciel de notre site optimisé, puis coupé en tranche de 1 pixel de largeur et monté en HTML pour obtenir une continuité. Ensuite nous avons superposé un visuel auquel le fond de dégradé est supprimé pour gagner en légèreté.

Commentaires

Vous souhaitez pouvoir ajouter un commentaite à l'article Découpage graphique, ou faire profiter de votre expérience avec les internautes, ajouter votre commentaire il sera mise en ligne après validation par notre équipe

Indiquer votre commentaire
Indiquer votre nom
Indiquer votre prénom
Indiquer votre adresse email (utilisateur@domaine.com)

*Champs obligatoire
Conformément à la loi informatique, aux fichiers et aux libertés n°78-17 du 6 janvier 1978, vous disposez d'un droit d'accès et de rectification relatif à toutes informations vous concernant sur simple demande à notre adresse.

Votre commentaire a bien été prise en compte, notre équipe vous envoi un mail de confirmation une fois mis en ligne.

Votre commentaire est en attente de modération. Voir votre commentaire