À quoi sert une bonne résolution de page Web?
Duplicata possible:
Résolution d'écran courante en 2011?
Quelle serait une bonne résolution de page Web à concevoir?
Je travaille actuellement selon des écrans de haute résolution 1024px. et créer des interfaces utilisateur qui s'étendent jusqu'à une largeur de 1 020 pixels.
Ne concevez pas du tout une résolution. Nous sommes en 2011, l'état de notre art a mûri au-delà de ce point. Découvrez article sur Ethan Marcotte sur Responsive Web Design , puis achetez son livre (vaut bien l'argent - l'un des rares livres sur la technologie que je recommanderais cette année).
Basez votre conception sur des éléments modulaires et évolutifs qui peuvent grandir ou se rétrécir avec la taille de l'écran du client et peuvent être réorganisés pour s'adapter à l'espace disponible. Pour avoir une idée de la façon dont cela fonctionne réellement dans la pratique, accédez à http://hicksdesign.co.uk/ et http://simplebits.com/ sur un ordinateur de bureau navigateur. Essayez de redimensionner le navigateur du plein écran à la taille de l'iPhone et voyez comment la page réagit pour optimiser l'espace disponible.
"Un site Web, plusieurs appareils"
Le système de grille 960 (http://960.gs) est populaire pour les conceptions de prototypage et a été inclus dans divers cadres et kits de démarrage. Il a également un tas de retombées et de variations, y compris au moins une version fluide ( http://www.designinfluences.com/fluid960gs/ ).
Une version responsive-design peut être trouvée dans le système de grille 978 ( http://978.gs/ ), qui comprend des grilles qui évoluent jusqu'à 1378 (grands moniteurs de bureau) et jusqu'à 300 (mobile Téléphone (s). Le site comprend des informations spécifiques et des recommandations sur lesquelles de leurs grilles fonctionnent le mieux avec différentes combinaisons navigateur/OS/taille d'écran ( http://978.gs/browsers/ ).
Il est également bon de considérer les tablettes comme un contexte d'utilisation possible, car elles ont des résolutions similaires à celles des moniteurs de bureau petits/moyens; Les contraintes de conception du 960/978 gs ont tendance à bien fonctionner pour ces écrans.
Fondamentalement, si vous concevez pour une taille d'écran 1024 * 768 typique, 960 gs est bien testé et très populaire; si vous recherchez un framework réactif plus sophistiqué, consultez 978 gs.
Je suppose qu'il n'y a aucun sens à concevoir des résolutions supérieures à 1024 pour les points mentionnés ci-dessus. La grille 960 fonctionnerait très bien. Personnellement, je m'attendais également à un moment où il y aura une augmentation d'échelle, disons passer à 1280 pixels comme résolution standard pour la plupart des clients. Le fait est que les résolutions n'augmentent pas tellement de cette façon en raison de l'inondation des appareils de poche.
J'ai également lu sur le design réactif et il semble que c'est l'avenir. Malheureusement, trop peu de sites utilisent encore cette technique de codage, mais je suppose qu'à l'avenir, cela ira mieux. La seule chose malheureuse pour nous, les développeurs de sites Web, est que de plus en plus de temps sera consacré à la façon de passer les éléments, quels appareils leur montreront bien et ainsi de suite.
Néanmoins, je pense que la migration vers le "responsive design" serait formidable.