Utilisation de Graphiques d'arrière-plan sur un site Web - Les nuls

Concevoir un joli fond pour votre site Web est un détail important qui peut ajouter beaucoup de poli à votre conception. Étant donné que vous ne savez pas quel type de moniteur les internautes auront lorsqu'ils consultent votre site, vous devez tenir compte de tous les scénarios. Bien qu'il soit important de s'assurer que tout le contenu principal et la navigation se situent dans un espace de 1 000 pixels, qu'advient-il de votre site lorsqu'il est visionné sur un grand écran cinématographique? Voici quelques suggestions et exemples à considérer:

• Choisissez une couleur d'arrière-plan solide et complémentaire. À tout le moins, choisissez une couleur solide pour l'arrière-plan de votre site qui complète le design. Ne laissez pas simplement le fond blanc parce que vous l'avez simplement oublié. Si le blanc est approprié, choisissez le blanc.

  Généralement, les couleurs plus sourdes sont meilleures. Si quelqu'un élargit la fenêtre du navigateur et obtient une explosion d'orange vif, ce n'est probablement pas la meilleure expérience utilisateur.

• Utilisez une mosaïque d'arrière-plan répétitive. Créez un petit graphique (qui peut être de n'importe quelle taille, en fait) qui peut être répété de manière transparente à travers la page.

  Il y a un peu de ruse à faire un motif qui n'a pas de coutures visibles. Utilisez Photoshop pour placer quatre copies de votre mosaïque de bout en bout autour du périmètre de la mosaïque d'origine pour voir à quoi correspondent tous les bords. L'avantage de l'utilisation de mosaïques est que, que vous utilisiez du code CSS ou HTML, un graphique relativement petit suffit pour remplir une grande surface. Cela économise sur le temps de téléchargement.

• Créez une mosaïque d'arrière-plan longue et horizontale. Avec CSS, vous pouvez déterminer qu'un motif se répète dans une seule direction: x (horizontalement sur la page) ou y (verticalement sur la page). Si vous créez une grande bande mince, dites une gradation, vous pouvez la faire répéter sur la page seulement. Vous devriez alors complimenter cela en définissant une couleur de fond solide qui correspond à la couleur du fond de votre tuile. De cette façon, si les utilisateurs font défiler la page, ils ne peuvent pas voir où se termine votre mosaïque et la couleur d'arrière-plan commence.

• Créez une mosaïque d'arrière-plan beaucoup plus large que votre page Web. Beaucoup de gens pensent que les carreaux de fond sont de petits graphiques carrés qui fonctionnent comme des carreaux de sol dans une maison. Ce n'est pas nécessairement vrai. Vous pouvez créer une mosaïque d'arrière-plan qui est (a) beaucoup plus grande que votre page Web, (b) est de toutes proportions, et (c) ne répète même pas. C'est un excellent moyen de créer un «environnement» derrière votre site Web, et de révéler une belle surprise pour les personnes qui élargissent leurs fenêtres de navigateur.

  

  Crédit: © DisneyUne mince toile de fond décorative se répète sur le site Disneyland de Hong Kong, se terminant par une couleur qui correspond exactement à la couleur de la page sous-jacente.