¿Cuál es el estándar para los tamaños de pantalla cuando se diseñan sitios web? ¿Sigue siendo 800x600?Estándares para tamaños de pantalla en diseño web
Respuesta
1024x768 es la res baja generalmente dirigida en estos días. generalmente con un área viva de 950-960 de ancho.
El estándar es hacer que su CSS sea flexible (fluido) y no rígido (o se mantenga en un ancho específico), de modo que no importa en qué tamaño de escritorio se vea su sitio, se puede ver en totalidad, sin espacios vacíos molestos.
960 pixels
seems to be the current rage for width, though.
Con la explosión de la computadora portátil y el monitor LCD, es seguro ir con 1024 y prepárese para verse en 1280-1440 + en una buena parte de la web. La atmósfera de tendencia de ancho fijo es la cuadrícula de 960 píxeles. Pero soy un gran admirador de diseños fluidos.
personalmente nunca me han gustado los diseños de ancho de fluido. Pero tengo curiosidad de cómo lo usas ... No tanto desde el punto de vista técnico como de lo que realmente utilizas el espacio extra, porque desde una perspectiva de diseño visual nunca debes tener una columna de texto de más de 500-600px de ancho (asumiendo un tamaño de fuente de 12px-15px). Entonces, ¿estás haciendo más de 3 columnas o qué exactamente? – prodigitalson
@prodigitalson, por el contrario, el diseño de pantallas bastante más cercanas entre sí es doloroso. Un diseño fluido con contenido alineado al centro satisface las necesidades de, digamos, 800px, 900px, 960px, 1024px y 1280px sin mucho alboroto. 1440+ no es muy agradable a menos que los ppp y los tamaños de letra sean ajustados. – questzen
@prodigitalson Me refiero a sitios como http://www.vivabit.com/ donde puede ir muy alto o muy poco en resolución y todo se ve muy bien. –
También voy con 960 para el ancho y alrededor de 600 para la altura. Google Browser Size es una manera bastante ordenada de visualizar lo que puede esperar que vean sus visitantes.
Buena herramienta, pero ¿por qué demonios dibujaron la superposición en mspaint? – Paolo
No hay un estándar único y nunca lo ha habido. Tienes que tener a tu audiencia en mente. ¿Tiene personas accediendo en un PDA con un ancho muy estrecho pero posiblemente ampliado? ¿Tiene gente accediendo en una netbook con una resolución generalmente bastante pequeña? ¿Son newbs desperdiciando la mitad del ancho de su pantalla en una barra lateral? ¿Tiene personas con pantallas de alta resolución de 30 "que navegan en pantalla completa?
Entonces realiza un diseño flexible con piezas líquidas que responden al ancho del navegador, y se ven aceptables en un rango de resoluciones que incluye todo lo que dijo 'sí' a más arriba. (Y con suerte, seguirán siendo utilizables para resoluciones fuera de esos rangos, si no exactamente bonitas)
Por lo que vale, la mayoría de mis sitios mainstream (es decir, no enfocados en dispositivos móviles) permanecen más o menos diseñados desde anchos de alrededor de 700 a alrededor de 1900. Pero sus usuarios pueden diferir.
En realidad, hubo una norma recomendada durante más tiempo (y fue perforada en las cabezas de cualquiera que tomara un curso de diseño web) y era de 800x600. –
Lo siento, pero cualquier curso de diseño web que te enseñó eso estaba lleno de eso. – bobince
- 1. Diseño de interfaz de software para varios tamaños de pantalla
- 2. Tamaños y tamaños de pantalla de Android
- 3. Diferentes tamaños de fuente para diferentes tamaños de pantalla
- 4. determinar los tamaños de imagen para múltiples tamaños de pantalla android/densidades
- 5. Cómo centrar imágenes en una página web para todos los tamaños de pantalla
- 6. Herramientas y estándares para el documento de diseño técnico
- 7. ¿Cómo escribirías consultas de medios para múltiples tamaños de pantalla?
- 8. ¿Qué teléfonos Android tienen pantalla grande? Tamaños de pantalla
- 9. Aplicación de estándares de codificación web
- 10. ¿Existen estándares de nomenclatura de clase CSS para aplicaciones web?
- 11. Recomendaciones para los estándares de rendimiento de aplicaciones web
- 12. Developing PhoneGap para Android - Práctica recomendada para diferentes tamaños de pantalla/densidad de píxeles
- 13. Tamaño del Sprite en diferentes tamaños de pantalla Andengine Android
- 14. Tamaño del texto y diferentes tamaños de pantalla de Android
- 15. diseño Recomponer Actividad para reproducir vídeo en pantalla completa cuando la pantalla se gira
- 16. Trabajando con lienzo en diferentes tamaños de pantalla
- 17. ¿Cómo averiguar las dimensiones de ventana comunes (no los tamaños de pantalla) de los dispositivos comunes para el diseño web adaptativo?
- 18. Estándares para pseudo código?
- 19. ayuda para principiantes en web dev/diseño
- 20. Android múltiples tamaños de pantalla y problemas de densidad
- 21. Tamaños de captura de pantalla para publicar la aplicación de Android en Google Play
- 22. ¿Cómo se hacen diseños para varios tamaños de pantalla de Android?
- 23. Tamaños de pantalla de Android en píxeles para ldpi, mdpi, hpdi?
- 24. Estándares de codificación para MVC - ¿Son oficiales?
- 25. Localización del diseño del teclado en pantalla
- 26. Android: diseño de iconos diferentes para densidades de pantalla
- 27. ¿Cómo puedo suministrar los 3 tamaños de pantalla de bienvenida para una aplicación de Windows 8?
- 28. Estándares para usar clases internas para GUI?
- 29. (Diseño web) Al cambiar de página, ¿cómo evita que la pantalla destelle en blanco?
- 30. PHP/JavaScript Patrones de diseño para infosystems basados en web
Eso es lo que trato de hacer, pero estoy escribiendo aplicaciones administrativas implementadas en la web. – Jay