Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anterior Revisión previa Próxima revisión | Revisión previa Próxima revisión Ambos lados, revisión siguiente | ||
clase:daw:diw:1eval:tema01 [2022/05/23 15:50] admin [Ejercicios] |
clase:daw:diw:1eval:tema01 [2023/10/02 23:56] admin [Sistema de tamaños] |
||
---|---|---|---|
Línea 9: | Línea 9: | ||
* Haz que las cosas estén alineadas a una recta imaginaria que va de arriba a abajo. | * Haz que las cosas estén alineadas a una recta imaginaria que va de arriba a abajo. | ||
* Resalta lo importante | * Resalta lo importante | ||
+ | * Repele la atención de lo que no es importante (más pequeño, más espacioso, de menor contraste). | ||
* Evita usar label o captions. Si ves " | * Evita usar label o captions. Si ves " | ||
* Los títulos <h1> no tienen porque destacar ya que a veces no son importantes ya que es obvio el título. <h1> es para que el buscador sepa que eso es importante. | * Los títulos <h1> no tienen porque destacar ya que a veces no son importantes ya que es obvio el título. <h1> es para que el buscador sepa que eso es importante. | ||
* Las esquinas cuadradas indican seriedad. Las Esquinas muy muy redondeadas son muy informales.(border-radious) | * Las esquinas cuadradas indican seriedad. Las Esquinas muy muy redondeadas son muy informales.(border-radious) | ||
- | * Para enfatizar en vez de un mayor tamaño de letra, usa negrita. Pero para desenfatizar, | + | * Para enfatizar en vez de un mayor tamaño de letra, usa negrita. Pero para desenfatizar, |
* Nunca usar un carrusel. [[https:// | * Nunca usar un carrusel. [[https:// | ||
Línea 25: | Línea 26: | ||
* [[https:// | * [[https:// | ||
* [[https:// | * [[https:// | ||
+ | * {{ : | ||
* [[https:// | * [[https:// | ||
* {{ : | * {{ : | ||
* [[https:// | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | |||
* Usabilidad en base a los estilos de los iconos: | * Usabilidad en base a los estilos de los iconos: | ||
* {{ : | * {{ : | ||
Línea 145: | Línea 152: | ||
===== Sistema de tamaños ===== | ===== Sistema de tamaños ===== | ||
- | Al igual que en los colores nos ceñimos a un conjunto limitado de colores, se debe hacer lo mismo con los tamaños de margenes, fuentes, etc. Veamos algunos ejemplos. | + | Al igual que en los colores nos ceñimos a un conjunto limitado de colores, se debe hacer lo mismo con los tamaños de margenes, fuentes, etc. |
+ | |||
+ | {{: | ||
+ | |||
+ | |||
+ | Veamos algunos ejemplos. | ||
Padding o Margin: | Padding o Margin: | ||
- | 0px, 4px, 8px, 12px, 16px, 20px, 24px, 32px, 40px, 48px, 64px, 80px, 96px, 128px, 160px, 192px, 224px, 256px, 320px, 480px, 640px | + | 0px, 4px, 6x, 8px, 10px, 12px, 16px, 20px, 24px, 32px, 40px, 48px, 64px, 80px, 96px, 128px, 160px, 192px, 224px, 256px, 320px, 480px, 640px |
Tamaño de fuente: | Tamaño de fuente: |