Quelle est la largeur et la hauteur 'les plus courantes' pour lesquelles les sites Web sont conçus ces jours-ci?
Je travaille sur un projet de groupe et j'essaie de faire en sorte que mes collègues soumettent un dessin illustrant leur vision d'une application en ligne. cette application sera visualisée sur un PC. Bien que je soupçonne qu’il n’existe pas de norme de l’industrie, je suis convaincu qu’il doit exister des approches communes pour les sites dotés de dispositions de largeur fixe. J'ai besoin de connaître le sens des proportions le plus courant dans l'industrie.
Nous allons garder ce prototype simple et par conséquent, nous ne détecterons pas les navigateurs, la largeur de l'écran, etc. J'ai donc pensé que je poserais cette question de manière simple, dans l'espoir d'obtenir une réponse simple:
Quelle est la largeur et la hauteur 'les plus courantes' pour lesquelles les pages Web sont conçues plus récemment. Il serait très utile de pouvoir localiser une source lorsque je dis à mes collègues pourquoi j'ai choisi un sens spécifique des proportions pour eux de fonder leurs dessins.
Veuillez noter comment j'ai posé cette question:
- Je ne demande pas les résolutions d'écran les plus courantes.
- Je ne demande pas les navigateurs les plus courants.
Je souhaite connaître les dimensions de la plupart des sites Web en ce qui concerne les mises en page de taille fixe. Je sais que les gens défilent normalement et que, par conséquent, la hauteur peut ne pas faire partie d'un ~ 'standard'; dans ce cas, je me contenterai de la largeur la plus commune.
Comme vous l'avez dit, il n'y a pas de hauteur standard, car elle est extrêmement fluide, utilisez tout ce qui vous permet de visualiser au mieux votre conception.
Pour une largeur de 960 pixels, la largeur semble être le "standard" actuel pour les conceptions à largeur fixe. Il est assez courant que n site Web a été dédié à l'exploration de dispositions de cette largeur .
(Je suppose que vous ne voulez pas que quiconque se déchaîne sur l'utilisation d'une conception fluide?)
Il n'y a pas vraiment de largeur standard à définir. Le nombre de personnes utilisant un moniteur 1024x768 a considérablement diminué ces dernières années, de sorte qu'une largeur de 960 a moins d'importance. Avec l’émergence de nombreux nouveaux appareils (téléphones intelligents, tablettes, ordinateurs portables et ordinateurs de bureau), vous devez créer un certain nombre de feuilles de style pour chaque cas.
Les requêtes multimédia CSS vous permettent de modifier les styles en fonction de la résolution de l'écran de l'utilisateur. J'ai tendance à créer des sites avec une feuille de style générale qui gère tout le style visuel, puis des sites distincts pour les appareils mobiles, les tablettes, les ordinateurs de bureau/portables standard et les écrans extra larges qui structurent la page.
Consultez cette page sur W3.org pour quelques exemples - http://www.w3.org/TR/css3-mediaqueries/
C'est plus de travail, mais permettra à l'utilisateur d'obtenir la meilleure expérience possible, peu importe ce qu'il utilise pour naviguer sur son site.
Ce que @John Conde a dit. En plus de cela, vous devez prendre en compte votre public cible. Par exemple, si mon site Web est un blog technologique ou un blog gadget, il est probable que mon public cible soit un peu plus féru de technologie que le public habituel, ce qui me permet de tirer pour une mise en page de plus de 1 200 pixels. Ou si je concentrais un site/blog/forum pour les webmasters, j'irais un peu plus loin.
À la fin de la journée, déterminez vos données démographiques de masse et suivez ce qui pourrait leur convenir.
Deux choses TRES importantes à garder à l'esprit ...
1) Si votre conception peut fonctionner avec un format 900+ px, il n’ya aucune raison de l’étirer à 1200+ px même si vos données démographiques le permettent.
2) Assurez-vous que vous avez une structure adéquate en place pouvant accueillir ceux qui n’ont peut-être pas la résolution de votre cible.