Al diseñar para un ritmo vertical en la web, ¿los elementos de la forma también deberían seguir el ritmo?
Actualmente estoy trabajando en el desarrollo de un nuevo conjunto de pautas y patrones para una aplicación basada en web empresarial, incluido el desarrollo de un ritmo tanto vertical como horizontal, algo de lo que carecía el producto tradicional en el pasado. Esta es la primera vez que presto tanta atención al ritmo vertical , así que he estado leyendo mucho sobre él.
Encontré una fuente particularmente útil, tanto en términos de documentación como de ver su CSS como ejemplo. Sin embargo, cuando llegué a la sección sobre controles de formulario (p. ej., botones), la cadencia se vino abajo. Al menos, que yo pudiera ver.
El ejemplo fue un ritmo vertical de 6px. Pero el valor predeterminado <button>se definió como 32 px, sin margen adicional.
¿Deberían los controles de formulario también caer en el ritmo, o me estoy perdiendo algo cuando se trata de que los controles se alineen con el ritmo general de la página?
deberían _ _ No hay razón lógica para excluir nada de tu ritmo vertical.
Tradicionalmente, el ritmo vertical no es algo a lo que se le haya dado mucha importancia en el diseño web (al menos no tan universalmente como en el diseño impreso). En parte debido a limitaciones técnicas: es mucho más difícil mantener un ritmo vertical consistente con líneas de base, alturas, márgenes y relleno, etc. a lo largo de su diseño cuando está codificando 4 o 5 métricas que afectan su alineación vertical en todos y cada uno de los elementos de su página. , especialmente cuando usa unidades relativas en elementos profundamente anidados que se redistribuirán dependiendo de un número casi infinito de anchos de navegador. Agregue las inconsistencias del navegador (especialmente los elementos de formulario siempre han sido inconsistentes según el navegador y el sistema operativo) por si acaso.
Una cuadrícula de referencia es un medio para un fin: una herramienta y una guía. A veces necesitas romper esa cuadrícula y usar tu criterio para lograr que un diseño "se sienta bien", y eso está perfectamente bien. Pero necesitas entender qué y por qué estás tomando esa decisión.
Si está diseñando un marco o un conjunto de pautas, definitivamente debe tener en cuenta los controles de forma y cualquier cosa y todo. Muchos no lo harían, y no lo hacen, pero tú deberías .