Guide de la ville d'architecture Maquette de site Web

Grandes images et sections à densité mixte : les points clés de l'évaluation

La conception doit être examinée en portant une attention particulière à la manière dont les grandes images architecturales partagent l'espace avec le texte éditorial. Dans la section initiale divisée, une large photographie de bâtiment côtoie un panneau blanc contenant le titre, une image circulaire d'illustration et une icône directionnelle. Sur les largeurs plus étroites, la relation entre l'échelle de l'image et le panneau de texte influencera fortement la première impression. L'encart Shirley Ryan AbilityLab présente un équilibre similaire entre texte et image, mais le long titre de projet constitue un point supplémentaire pour vérifier la typographie et la largeur disponible.

La section « Des espaces qui inspirent » propose un agencement plus dense avec une grande image et deux images secondaires plus petites, de sorte que les proportions des images et les espacements méritent une attention visuelle soutenue. L'article mis en avant en pleine largeur introduit une carte blanche superposée, faisant du contraste entre la photographie d'arrière-plan et le texte lisible un autre point de présentation à évaluer. Plus bas, les trois cartes de projet équivalentes doivent conserver des proportions d'image comparables et des titres de projet lisibles, tandis que la section de guide de voyage en trois parties doit préserver la distinction entre l'image extérieure, le texte central et l'image intérieure. Les quatre tuiles de catégories forment un groupe de navigation compact qui peut changer considérablement lorsque la largeur disponible diminue. Enfin, l'en-tête compact, la commande de navigation repliée et le pied de page sombre à trois colonnes doivent être vérifiés pour s'assurer de leur lisibilité à mesure que la mise en page se rétrécit. Il s'agit là de zones concrètes d'évaluation visuelle pour la maquette, plutôt que de suppositions sur un prototype basse fidélité.