El Punto y la Línea

14 de abril de 2008
Valoración del artículo:
Explicamos las propiedades, características, tipos, y lo que nos sugieren visualmente los diferentes tipos de líneas y los puntos.
Atención: Contenido exclusivo de DesarrolloMultimedia.es. No reproducir. Copyright.

En cuanto a información visual, el punto es la unidad mínima, y su forma puede ser rectangular, circular, triangular o con una forma sin definir, puede poseer diferentes tamaños y colores además de distintas ubicaciones dentro de una composición gráfica.

El punto posee un gran poder de atracción visual sin sensación de dirección por si solo, pero ubicando dos puntos próximos puede crear una sensación a la persona que lo está visualizando de dirección y cuantos más puntos se situen y más seguidos mayor sensación de dirección provocará en la persona que lo visualiza.



Cuando Agrupamos varios puntos pueden definir, contornos, colores, formas, etc.

En el diseño de webs no suelen usarse puntos por sí solos, sin embargo se emplean sucesiones de puntos para captar la atención del usuario en muchas ocasiones, como elementos de separación o todo lo contrario para relacionar elementos.

La línea es un elemento básico en toda composión gráfica y es el elemento más utilizado, tomando tanto protagonismo como puede tomar la letra en un texto, la línea es sencilla, pura, a la par que dinámica y muy variada.

Una línea esta formada por dos o más puntos, y la energía y dinamismo se demuestra ya que podemos asemejar una línea a un punto en movimiento, una trayectoria, una dirección. La presencia de una línea afecta e influencia todo aquello que tiene cercano a ella.

La línea posee gran expresividad, energía, dinamismo, movimiento, dirección, crea tensión en la composición gráfica, sirve como separador de espacios gráficos, como unión de elementos, y genera planos o texturas con la sucesión de líneas próximas.

Se puede conseguir direccionamiento empleando líneas, y acentuar el direccionamiento de un diseño cuantas más líneas paralelas empleemos. Cualidad que se puede utilizar para dirigir la atención del observador hacia una zona o elemento específico.



La línea como separador, nos permite delimitar areas, niveles y planos. Se encuentra en el borde de una forma y divide o circunda una o varias áreas.



Las propiedades de las líneas se definen por:

  • Grosor de línea
  • Longitud de línea
  • Orientación o dirección de la línea con respecto a la página
  • La ubicación de la línea con respecto a la página
  • La forma de la línea dependiendo si es recta o curvada
  • El color de la línea

A su vez el número de líneas, la proximidad entre ellas y la dirección de las mismas entre ellas serán factores que influirán en las propiedades de las líneas.

Habría que aclarar que una línea deja de ser considerada como línea cuando en la relacion ancho-largo supera una proporción determinada. Ya que una línea más ancha que la mitad de su largo carece de expresión dinámica del trazo y se convierte en una superficie rectangular.

Otro uso de las líneas es su unión sucesiva, que forma trazos. Los trazos pueden permitir representar objetos simbolicamente, eliminando la información superflua y conservando la información importante del objeto, además también permiten dar volúmen a objetos.



Podemos distinguir diferentes tipos de líneas con sus diferentes cualidades, aqui vamos a distinguir entre líneas rectas, líneas curvas y trazos

  • La línea recta: Es el camino más corto entre dos puntos y no es habitual encontralas en la naturaleza donde predominan las líneas cuvas, pero si es habitual en el entorno humano ya que dota de estabilidad nuestras creaciones.

    • La línea horizontal: Expresa equilibrio y estabilidad, ya que nos movemos sobre un plano horizontal una línea de horizonte se hace imprescindible como referencia.

      Son muy usadas en las webs de poco contenido gráfico como elemento delimitador de contenido o de bloques de contenido y es aconsejable usarlas con la mayor sencillez posible sin sensación tridimensional etc.



    • La línea vertical: Expresa movimiento ascendente o elevación, y por sí solas espresan inestabilidad por ello se trabaja con líneas horizontales junto con verticales, para dotar de estabilidad y equilibrio a las líneas verticales.

      En las webs se usan para separar columnas de texto, bloques de contenido, o delimitadores de la propia página.

    • Líneas inclinadas
    • : Expresan tensión, inestabilidad, falta de equilibrio. Se considera la línea inclinada más estable la que forma 45º grados con la línea horizontal.



  • Línea Curva: Es la línea más libre y más dinámica que existe, puede sugerir un movimiento perfectamente definido o caótico. Está asociado al ser humano ya que prácticamente siempre dibuja con líneas curvas, también como decíamos anteriormente esta asociada al universo en general que esta formado con líneas curvas y las encontramos por todos los sitios.



    Las líneas curvas más utilizadas en el diseño gráfico son las curvas de Bézier. Éstas están definidas por cuatro puntos, punto inicial de la curva, punto final de la curva, y dos puntos de control llamados manejadores que son los que definen su forma. Son curvas respresentables matematicamente de tercer grado y para modificar su forma basta con cambiar la ubicación de uno de sus puntos de control.

    Son curvas elegantes, con un desarrollo suave, y capaces de adaptarse a cualquier forma por lo que las hace idóneas para el diseño de logotipos, iconos, copiar figuras etc.

    Son muy versátiles hasta el punto de poder cambiar de cóncavas a convexas alrededor de un punto, y pueden adoptar curvaturas muy suaves o muy fuertes.

    Línea Bézier


    El uso de líneas curvas aisladas en las webs esta muy limitado, sin embargo se encuentran por todos los sitios como parte de formas más complejas para conseguir suavizar las formas rectangulares, las podemos ver en menús, botones, contenedores de texto etc.

    En ocasiones el sistema gráfico de un ordenador es incapaz de representar líneas curvas con exactitud, así que un típico efecto que podemos observar es el escalado de píxels para intentar representar estas líneas curvas, también es conocido como el efecto dientes de sierra y este defecto aumenta con el tamaño del objeto que contenga la curva.

  • Trazo: Es un elemento lineal formado por la unión sucesiva de diferentes líneas. Se considera la forma lineal que mejor representa nuestra forma natural de dibujar y un trazo hereda las propiedades de las líneas por las que está formado. Trazos rectos, trazos curvos y trazos mixtos son aquellos trazos que podemos encontrarnos o crear.



Comentarios

Los comentarios de los visitantes son para ampliar la
información del artículo. Cualquiera puede participar.

Añadir un comentario al artículo Publicar un comentario del artículo

Mostrando 3 comentarios revisados

 las lineas y puntos
05/1/11 

Comentario de avimar:

de verdad me encanta


 linea
23/10/11 

Comentario de lucia:

la verdad esque me sirvió para un trabajo de clase tambien necesito uno del punto.


 la linea
31/1/12 

Comentario de Jeferson:

me sirvio para un trabajo escolar


Comentarios sin revisar
Entre los comentarios no revisados puede haber algunos
interesantes que se hayan enviado recientemente.


Se han encontrado 3 comentarios sin revisar




El autor
Juan Ignacio Rodríguez Navarro
Equipo de desarrollomultimedia.es
Manuales
Categorías

Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...

Un lugar donde se muestran las creaciones de los visitantes de DesarrolloMultimedia.es