Share
los movimiento rápido del ojo la unidad se utiliza para definir fuentes en términos relativos en lugar de con un tamaño absoluto en píxeles. Pero, ¿sabía que esta unidad es útil para diseños y tipografías??
En este video tutorial de mi curso de diseño de CSS, aprenderá por qué hay un gran beneficio al usar movimiento rápido del ojo unidades para diseños.
En el curso Diseño de CSS, todas nuestras especificaciones de diseño se realizan utilizando el movimiento rápido del ojo unidad. Como mencionamos con más detalle en el curso de tipografía, un movimiento rápido del ojo la unidad es un múltiplo del tamaño de la fuente raíz de su página.
los movimiento rápido del ojo La unidad es útil no solo para la tipografía sino también para su diseño, y le mostraré por qué debería usar movimiento rápido del ojo unidades cuando estás configurando tu diseño.
Comencemos con la página de muestra en la que estamos trabajando:
Si luego cambio el tamaño de fuente en el navegador, puede ver que el tamaño de fuente aumenta en la página:
Ahora, si sigo aumentando el tamaño de fuente y actualizo, ahora puede ver que todo el diseño se ha adaptado para tener en cuenta el tamaño de fuente más grande..
Todo sigue siendo legible, y eso es posible porque al usar movimiento rápido del ojo unidades para configurar nuestro diseño completo, nos aseguramos de que todo sea flexible dependiendo del tamaño de la fuente de la raíz de nuestro documento, que proviene de la configuración del navegador.
En el mismo sentido, si reduzco nuestro tamaño de fuente a un tamaño realmente pequeño y actualizo una vez más, puede ver que todo el diseño se ha reducido una vez más.
Así que usando estos movimiento rápido del ojo Unidades, nos aseguramos de que cuando un usuario cambia el tamaño de la fuente, no solo el texto en sí se adapte a la medida, sino que también lo hace todo el diseño..
En el curso completo, Comience aquí: Aprenda el diseño de CSS, pondrá en práctica lo que aprendió en este video mediante la creación de una variedad de diseños utilizando movimiento rápido del ojo unidades. Aprenderá todo lo que necesita saber para crear los tipos más comunes de diseños en diseño web. Cubriremos el tamaño, la alineación, el espaciado y las mejores prácticas para crear CSS responsivo.
Si recién está comenzando y quiere dominar CSS, consulte Aprender CSS: la guía completa.
O puede experimentar con más cursos de nuestra serie "Comience aquí" para principiantes de diseño web:
Accentsconagua