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
            Componentes de una interfaz web
            Componentes de una interfaz web
            04/08/2019
            Elementos visuales
            Elementos visuales: forma, medida, color, textura
            05/08/2019

            Elementos conceptuales: punto, línea, plano y volumen

            Elementos conceptuales

            Elementos conceptuales punto, línea, plano y volumen

            Tabla de contenidos

            • 5. Elementos conceptuales: punto, línea, plano y volumen
            • 5.1. El punto
            • 5.2. La línea
            • 5.3. El plano
            • 5.4. El volumen

            5. Elementos conceptuales: punto, línea, plano y volumen

            Un diseñador de interfaces web debe conocer los elementos conceptuales básicos del diseño y utilizar un lenguaje común que describa de manera genérica las acciones y los elementos, incluso antes de que estos sean visibles en la interfaz.

            Los elementos conceptuales se utilizan durante las primeras etapas del diseño, cuando aún se está prototipando. Son efímeros e invisibles, ya que son utilizados únicamente para plasmar una idea, una posición o una dirección dentro de un determinado espacio visual.

            Los elementos conceptuales son el punto, la línea, el plano y el volumen.

            5.1. El punto

            Cuando se habla de un punto se hace para indicar una posición dentro de un espacio determinado. Cuando hacemos foco en un punto concreto tenemos que tener en cuenta los elementos adyacentes y su influencia.

            El punto
            • No posee ninguna dimensión.
            • No tiene posición en el espacio.
            • Indica una dirección.
            • Es el principio y el fin de una línea.
            • Es donde dos líneas se encuentran o se cruzan.
            Transformación: Cuando un punto se mueve, su recorrido se transforma en una línea o puede considerarse también una sucesión de puntos.

            5.2. La línea

            Es un ente invisible, es la traza que deja un punto al moverse. Es, por lo tanto, un producto que surge del movimiento.

            La linea
            • Posee una sola dimensión, largo.
            • Tiene posición y dirección en el espacio.
            • Está limitada por puntos y forma los bordes de un plano.
            Transformación: El recorrido de una línea en movimiento crea un plano.

            5.3. El plano

            Como elemento icónico, tiene una naturaleza absolutamente espacial. Nos permite imaginar un contenedor de una sola dimensión con superficie material.

            El plano
            • Posee dos dimensiones, largo y ancho.
            • Tiene posición y dirección en el espacio.
            • Está limitado por líneas.
            • Define los límites extremos de un volumen.
            Transformación: El recorrido de un plano en movimiento da lugar a la aparición del volumen.

            5.4. El volumen

            Este concepto facilita la representación más realista de los elementos del diseño. Nos permite fragmentar el espacio plástico de la imagen sugiriendo una tercera dimensión a partir de la articulación de planos bidimensionales superpuestos.

            El volumen
            • Posee tres 3 dimensiones, largo, ancho y profundidad.
            • Tiene posición en el espacio.
            • No tiene dirección.
            • Está limitado por planos.
            Transformación: No tiene ninguna transformación.

            Comprueba tu aprendizaje

            ¿Cuál es el elemento conceptual que no tiene dimensión?

            ¡Bien! ¡Has fallado!

            ¿Qué elemento posee una sola dimensión: el largo?

            ¡Bien! ¡Has fallado!

            ¿Qué elemento posee solamente dos dimensiones: largo y ancho?

            ¡Bien! ¡Has fallado!

            ¿Qué elemento posee tres dimensiones: largo, ancho y profundidad?

            ¡Bien! ¡Has fallado!

            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