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 d'amener mes collègues à soumettre un dessin concernant leur vision d'une candidature en ligne; cette application sera visualisée sur un PC. Bien que je soupçonne qu'il n'y a pas de norme industrielle, je suis certain qu'il doit y avoir des approches communes pour les sites avec des dispositions à 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, les largeurs d'écran, etc. Donc, je me suis dit 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 le plus récemment. Il serait très utile que je puisse trouver une source lorsque je dis à mes collègues pourquoi j'ai choisi un sens spécifique des proportions sur lequel baser 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 veux savoir quelles dimensions la plupart des sites Web optent pour les mises en page de taille fixe. Je sais que les gens défilent normalement et donc la hauteur peut ne pas faire partie d'un ~ 'standard'; dans ce cas, je me contenterai de la largeur la plus courante.

Comme vous l'avez dit, il n'y a pas de hauteur standard car elle est extrêmement fluide, utilisez donc tout ce qui vous aide à visualiser votre conception au mieux.

Pour une largeur de 960 pixels, la largeur semble être la «norme» actuelle pour les conceptions à largeur fixe. Il est assez courant qu'un site Web soit dédié à l'exploration de mises en page à cette largeur .

(Je suppose que vous ne voulez pas que quiconque se lamente sur l'utilisation d'une conception fluide?)

Il n'y a vraiment pas de largeur standard à définir. Le nombre de personnes utilisant un moniteur 1024x768 a considérablement chuté ces dernières années, donc une largeur de 960 a moins d'importance. Avec l'émergence de tant de 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 d'écran de l'utilisateur. J'ai tendance à créer des sites avec une feuille de style générale qui gère tous les styles visuels, puis des sites séparés pour les 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 qui est votre public cible. Par exemple, si mon site Web est un blog technologique ou un blog de gadgets, il est probable que mon public cible soit un peu plus technophile que le public normal, donc je peux tirer pour une mise en page de 1200+ px. Ou si je me concentrais sur 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 fonctionnerait finalement pour eux.

Deux choses TRÈS importantes à garder à l'esprit ...

1) Si votre conception peut fonctionner avec plus de 900 px, il n'y a aucune raison de l'étirer à 1200+ px même si vos données démographiques peuvent vous le permettre.

2) Assurez-vous que vous avez une structure appropriée en place qui peut accueillir les utilisateurs qui peuvent ne pas avoir votre résolution cible.