Layout Diseño web
Hola,
estoy trabajando en mi primera web con Wordpress, utilizando Elementor. Me asaltan dudas a la hora de crear mi layout para cada una de las páginas. Le he dado un ancho al contenido de 1280 px, y hay secciones que las estoy haciendo a 900 px de ancho. Ambas secciones las maqueto en caja, en lugar de ancho completo. El tema es que para las secciones de ancho completo (1280 px), le añado un padding a los lados de 15 px a los lados y 60 arriba y abajo. No sé si debería añadir más o menos padding a los lados, si hay alguna medida estándar tanto para el ancho como para los márgenes, si hago bien en trabajar en caja o debería utilizar el ancho completo.... En fin, abro este tema principalmente para ver si hay alguna recomendación a la hora de diseñar el layout para una página web, creo que es muy importante, sobre todo para hacer un diseño responsive.
rafael_o Mod Plus
Afortunadamente no hay medidas "estándard", puedes hacer lo que gustes, de eso se trata diseñar.
Lo que sí podrías tomar en cuenta es qué cosas hacen otros sitios web, o incluso algunos frameworks de css.
Por ejemplo bootstrap5 tiene definidos algunos https://getbootstrap.com/docs/5.0/layout/breakpoints/ pero estos no son estándard, por ejemplo, no son los mismos que en versiones anteriores. Su concepto de extra large son 1400px. Es mejor a lo que tenían antes de 1200 que nunca me gustó tan delgado.
1280px en lo personal creo que es demasiado delgado. 900px es menos de la mitad de un monitor normal FullHD. Si lo estás limitando a eso por que tu computadora es una laptop o algo así, tendrás que revisar el diseño en otro dispositivo.
También recuerda que el concepto responsive no depende solo del ancho en pixeles, sino en la configuración del zoom declarado en el navegador.
lucia_arc
No hay una norma fija con esto de los márgenes, al final mi recomendación es que mires como se ve la web en diferentes dispositivos, PC, móvil, tablet. Así podrás elegir la que mejor se adapta para la mayoría de estos formatos.