EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            Elementos visuales
            Elementos visuales: forma, medida, color, textura
            05/08/2019
            Elementos prácticos
            Elementos prácticos: representación, significado y función
            05/08/2019

            Elementos de relación: dirección, posición, espacio, gravedad

            Elementos de relación

            Elementos de relación dirección, posición, espacio, gravedad

            Tabla de contenidos

            • 7. Elementos de relación: dirección, posición, espacio, gravedad
            • 7.1. La dirección
            • 7.2. La posición
            • 7.3. El espacio
            • 7.4. La gravedad

            7. Elementos de relación: dirección, posición, espacio, gravedad

            En los dos artículos anteriores vimos los elementos básicos conceptuales que nos permiten crear formas de todo tipo y las características visuales que las definen. Ahora vamos a ver los elementos de relación que nos ayudan a definir la ubicación y la relación entre las distintas formas.

            Los elementos de relación son la dirección, la posición, el espacio y la gravedad.

            7.1. La dirección

            Indica la dirección de un elemento con respecto al resto de elementos presentes en el sistema.

            Elementos relación: Dirección
            Figura 7.1. Elementos de relación: Dirección.

            7.2. La posición

            Define la posición exacta de un elemento respecto a la estructura en el que se encuentra ubicado.

            Elementos relación: Posición
            Figura 7.2. Elementos de relación: Posición

            7.3. El espacio

            Todos los elementos presentes en un sistema ocupan un espacio. Sin embargo, este espacio puede ofrecer diferentes sensaciones en cuanto a su profundidad.

            Elementos relación: Espacio
            Figura 7.3: Elementos de relación: Espacio

            7.4. La gravedad

            Gracias a la sensación de gravedad podemos dar diferentes sensaciones a los elementos: pesadez, estabilidad, inestabilidad, etc.

            Elementos relación: Gravedad
            Figura 7.4: Elementos de relación: Gravedad
            Compartir

            UD1. Planificación de interfaces gráficas

            • 1. Evolución del diseño web
            • 2. Interacción persona-ordenador
            • 3. Elementos de identificación, navegación, contenidos e interacción
            • 4. Componentes de una interfaz web
            • 5. Elementos conceptuales: punto, línea, plano, volumen
            • 6. Elementos visuales: forma, medida, color, textura
            • 7. Elementos de relación: dirección, posición, espacio, gravedad
            • 8. Elementos prácticos: representación, significado y función
            • 9. Guía de estilo: color, tipografía e iconos
            • 10. Prototipos web
            • 11. Mapas conceptuales y mapas de navegación
            • 12. Características: usable, visual, educativa y actualizada
            • 13. Gestores de contenido o CMS
            • 14. Pasos para crear una página web
            • 15. Referencias y recursos para la planificación de interfaces gráficas

            Unidades

            • UD1. Planificación de interfaces gráficas
            • UD2. HTML
            • UD3. CSS básico
            • UD4. CSS avanzado
            • UD5. Imágenes, licencias y software de gestión
            • UD6. Sonido, vídeo y animaciones
            • UD7. Plantillas y frameworks de desarrollo
            • UD8. Integración de contenido interactivo
            • UD9. Diseño de webs accesibles
            • UD10. Usabilidad web
            • Metodología Scrum

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            CodePen

            codepen

            CURSOS

            • Diseño de Interfaces Web

            REDES SOCIALES

            NUESTRA MISIÓN

            Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

            Únete y recibe gratis contenido exclusivo



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results