¿Hay algún tamaño para el ancho del sitio que sea recomendado o que sea buena practica? ¿Conviene hacer todo del ancho de la pantalla?

Leonardo German Colaneri

Leonardo German Colaneri

Pregunta
studenthace 5 años

¿Hay algún tamaño para el ancho del sitio que sea recomendado o que sea buena practica? ¿Conviene hacer todo del ancho de la pantalla?

2 respuestas
para escribir tu comentario
    Jorge Cruz Perez

    Jorge Cruz Perez

    studenthace 5 años

    Te comento no hay fórmulas, es una decisión que debemos tomar en base a diferentes aspectos, pero sobre todo pensando a quien está dirigido el sitio, o a que tipo de usuarios lo navegarán. Tu puedes basarte en los tamaños de pantalla p.e. Estas son las resoluciones de pantalla más comunes en todo el mundo: 360×640 (móvil pequeño): 22,64%. 1366×768 (ordenador portátil medio): 11,98%. 1920×1080 (escritorio grande): 7,35%. 375×667 (móvil medio): 5%. 1440×900 (escritorio medio): 3,17%. 720×1280 (móvil grande): 2,74%.

    Pero también: Los usuarios de escritorio no siempre tienen su pantalla maximizada (especialmente los usuarios de «escritorio grande»). Como puedes ver que no tiene respuesta precisa… Es una desición que se debe tomar antes de empezar el diseño, pero no hay nada que diga cual es la opcion adecuada.

    Mi conclusion: La desicion se debe tomar teniendo en cuenta un aspecto principal: a quien está dirigido el sitio, es decir, el target. Saludos :)

    Patricio Villarroel Durán

    Patricio Villarroel Durán

    studenthace 5 años

    Hola Leonardo

    ¡Qué buena pregunta! A veces si conviene usar todo el ancho de la pantalla, pero hay que hacerlo de forma inteligente. Las personas no podemos leer bien si el ancho de un párrafo sobrepasa los 80 caracteres porque perdemos la continuidad al cambiar de línea.

    Hoy en dia tienes pantallas de todas las resoluciones por lo que debes considerar los tamaños más usados. Por eso también usamos tamaño responsivo, porque un computador de escritorio es muy probable que tenga una resolución horizontal de 1366 o más pixeles, mas no así una tablet o un móvil.

    Si estás pensando en desktop hacer sitios de 1200px de ancho es bastante común, considerando también un diseño fluído en grillas o columnas.

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.