Vidéo: Le Responsive Web Design (RWD) - Entrevue avec Mathieu Chartier - Web-In 2012 2025
Comps , comme on les appelle dans les cercles de conception web, sont des maquettes visuelles d'un nouveau design web proposé. Ils sont l'occasion pour le concepteur d'établir à quoi ressemblera le site Web - des couleurs et des textures de fond de la page, des choix de police, des couleurs et des tailles à la navigation et à la conception des boutons. La clé de la conception de comps est de se concentrer sur la conception de modèles.
Il existe généralement un comp pour chaque modèle (souvent avec plusieurs calques Photoshop et des ensembles de calques qui montrent différents états des composants interactifs). Par conséquent, lors de la conception d'une maquette, vous devez penser aux piliers de chaque modèle. Quelle est la grille que cette page utilise? Comment et où afficheront les différents types d'éléments de texte? Existe-t-il des sections extensibles et pliables pour lesquelles vous devez afficher les deux vues? Existe-t-il un traitement spécial ou une bordure pour les images ou les formulaires? À quoi ressemblent la navigation et les boutons?
Lorsque vous développez des compositions, choisissez une page d'exemple qui utilise l'un des modèles. Utilisez les titres, la copie de bouton et les photos (ou à proximité de ce qui sera la copie et les photos) afin de capturer l'ambiance et le ton du site proposé.
Souvent, un comp vous demandera d'inclure des éléments du système de navigation tels que des barres de défilement, des boutons radio et des cases à cocher. Il n'est pas nécessaire de découper des captures d'écran ou (pire) de créer des widgets personnalisés à partir de zéro (sauf si c'est ce que vous voulez). Il existe des sites en ligne tels que Designers Toolbox qui vous permettent de télécharger des fichiers Photoshop qui ont ces éléments sur des calques transparents, ce qui facilite leur intégration dans vos conceptions.
