martes, 2 de mayo de 2017

Combinación de Colores Modelo CMYK

El modelo CMYK (acrónimo de Cyan, Magenta, Yellow y Key) es un modelo de colores sustractivo que se utiliza en la impresión en colores.

Este modelo de 32 bits se basa en la mezcla de pigmentos de los siguientes colores para crear otros más:

C = Cyan (Cian).
M = Magenta (Magenta).
Y = Yellow (Amarillo).
K = Black ó Key (Negro).

La mezcla de colores CMY ideales es sustractiva (pues imprimir cyan, magenta y amarillo en fondo blanco resulta en el color negro).

El modelo CMYK se basa en la absorción de la luz. El color que presenta un objeto corresponde a la parte de la luz que incide sobre éste y que no es absorbida por el objeto.

Existe la falsa creencia de que una paleta CMY o RGB puede plasmar todos los colores y tonalidades del espectro de luz variando los porcentajes de cada color para lograr el punto cromático deseado.

En realidad ninguna paleta cubre todo el espectro y en concreto la utilizada por los sistemas de impresión colo CMYK se queda corta para lograr ciertos tonos y acabados como por ejemplo los dorados, plateados y cromados metálicos, los grises puros (dado que se obtienen simplemente quitando puntos de negro) las tonalidades rosáceas y naranjas, los azules, etc.
Comparación con el modelo RGB

El uso de la impresión a cuatro tintas genera un buen resultado con mayor contraste. Sin embargo, el color visto en el monitor de una computadora seguido es diferente al color del mismo objeto en una impresión, pues los modelos CMYK y RGB tienen diferentes gamuts. Por ejemplo, el azul puro (rgb 0,0,100%) es imposible de reproducir en CMYK. El equivalente más cerca en CMYK es un tono azulvioláceo.

Los monitores de ordenador, y otras pantallas, utilizan el modelo RGB, que representa el color de un objeto como una mezcla aditiva de luz roja, verde y azul (cuya suma es la luz blanca). En los materiales impresos, esta combinación de luz no puede ser reproducida directamente, por lo que las imágenes generadas en los ordenadores, cuando se usa un programa de edición, dibujo vectorial, o retoque fotográfico se debe convertir a su equivalente en el modelo CMYK que es el adecuado cuando se usa un dispositivo que usa tintas, como una impresora, o una máquina offset.

Conversiones

Es interesante reseñar que las conversiones aquí mencionadas son del tipo nominal. Producirán una conversión irreversible entre RGB y un subconjunto de CMYK; es decir, se puede escoger un color de la paleta RGB y convertirlo a ciertos colores CMYK, y de estos colores CMYK obtener los equivalentes originales en RGB que les corresponden. Sin embargo, la conversión de colores CMYK a RGB, en general, no es reversible; es decir que un color dado en CMYK y que es convertido a RGB, no resultará en el color CMYK original cuando sea reconvertido nuevamente a la paleta CMYK.

Además, los colores CMYK se pueden llegar a imprimir en tonos muy diferentes a como se aprecian en un monitor. No hay ninguna “buena” regla de conversión entre RGB y CMYK, porque ninguno de los modelos representan un espacio de color absoluto.

martes, 4 de abril de 2017

Investigación

Diferencia entre Imagen de Vectores e Imagen de Pixeles

El pixel es la mínima unidad de las imágenes de mapas de bits (bitmaps), que son matrices cartesianas bidimensionales, o sea, con coordenadas verticales y horizontales, que determinan la posición de un pixel en una imagen. La memoria que ocupa un pixel está determinada por su valor o profundidad, y según este valor la imagen podrá desplegar mayor o menor cantidad de colores. Se usan en softwares que se utilizan mayormente para la edición de imágenes y vídeos reales; ejemplos de estos programas son After Effects, Photoshop, Premiere. Las imágenes en formato de pixeles no dependen tanto del programa o aplicación con las que fueron creadas, ya que la gran mayoría de las aplicaciones que procesan imágenes pueden leer varios formatos bmp, jpeg, gif, tiff, tga. Las unidades de pixeles requieren menos acción de procesamiento y decodificación. El hecho de que cada imagen ocupe puntos, según el tamaño de la imagen, ocuparan mayor espacio en la memoria y tardaran más tiempo en la transferencia de archivos de este tipo en la red. La resolución en la que se desenvuelven es fija, según la cantidad de pixeles que se hayan almacenado en el archivo. Obviamente, las transformaciones de tamaño conllevan a la perdida de información del archivo (aliasing). Más allá de esto, este tipo de gráfica es muy buena para almacenar texturas de alta complejidad.

Un vector es la descripción geométrica y matemática de una imagen. Por ejemplo, los puntos del perímetro de un circulo es descripto por la formula (x2 + y2= R). Modificando la variable R se obtienen círculos de todos los radios posibles. De esta manera al agrandar una imagen en vectores, esta conserva su estructura formal, ya que las ecuaciones se adaptan al tamaño del plano en el que están desenvueltas, ajustando el contorno de todas las proyecciones. Existen diferentes tipos de vectores o métodos matemáticos de describir una imagen; por ejemplo, la curva es un elemento básico e importante de la información vectorial. Hay varios tipos de curvas, entre ellos las curvas Bézier o Splines, B- Splines o Nurbs, y son utilizadas en programas de dibujo técnico o modelamiento tridimensional, como el Ilustrator, CorelDraw o Flash. Los formatos de vectores si dependen estrechamente del programa o aplicación de origen para ser leídos, y más allá de que un archivo pueda cambiar de formato, la perdida de información en la conversión es relevante. Los archivos en formato de Ilustrator, CorelDraw o AutoCAD  requieren mayor capacidad de procesamiento para ser decodificados, ya que terminan convirtiéndose en imágenes de pixeles a través de un proceso de Render. El proceso de transferencia de un archivo en la red es más simple y rápido ya que almacenan información compleja comprimida en pocos bytes. No dependen de la resolución a diferencia de las imágenes de pixeles, ya que el aumento o disminución del plano en el que están desplegadas no afecta a la descripción geométrica, que se adapta al tamaño ampliando la escala del vector. Las imágenes de vectores no son adecuadas para almacenar texturas, sino áreas de color plano.



Profundidad de Pixel

Una imagen digital está formada por una matriz de píxeles (a x b x c), donde a y b representan anchura y altura y c es la profundidad de color o profundidad de bit, podríamos decir que es la tercera dimensión de la matriz, la que permite que cada pixel pueda tener un número determinado de colores distintos.

La profundidad de pixel es una unidad de medida binaria porque cada pixel está formado por bits. Cuando decimos que la profundidad de pixel es 1, la imagen solamente tiene dos colores o dos niveles de gris. Una profundidad de pixel de 8 permite que cada pixel pueda tener 256 colores distintos o 256 niveles distintos de grises, si la profundidad de pixel es de 24 podemos llegar a 16 millones de colores distintos en cada píxel.

El número de bits por pixel determinará la gama de colores de una imagen, según lo expresado en la siguiente tabla:


Resolución

Es el grado de detalle o calidad de una imagen digital ya sea escaneada, fotografiada o impresa. Este valor se expresa en ppp (píxeles por pulgada) o en inglés dpi (dots per inch). Cuantos más píxeles contenga una imagen por pulgada lineal, mayor calidad tendrá.

SD (definición estándar) Es la resolución física por debajo de formato 720p (1280x720), es la resolución de vídeo dominante desde el origen de la televisión hasta la aparición de la alta definición. El sistema está alrededor de una resolución de 500 líneas horizontales. PAL funciona con una resolución de 720×576, mientras que NTSC proporciona 720×480. Utiliza una velocidad entre 25 hasta los 29,97 cuadros por segundo en NTSC, y de 25 para formato PAL.

Alta Definición (HD) La alta definición (AD), HD o HQ (del inglés High Definition o High Quality) es un sistema de vídeo con una mayor resolución que la definición estándar, alcanzando resoluciones de 1280 × 720 y 1920 × 1080 píxeles. En el mercado de CCTV, HD soporta resoluciones de alta definición, por lo general alcanza 720p

Alta Definición Completa (Full HD) Se refiere a la resolución física hasta 1920x1080 (incluyendo 1080i y 1080p), i es la abreviatura de entrelazado, significa entrelazado; p es la abreviatura de progresivo, significa barrido progresivo. Tienen una gran diferencia en la calidad de la imagen. 1080p puede garantizar la alta resolución, excelente calidad de imagen y es ampliamente utilizado en los sistemas de vigilancia de vídeo de alta definición.

Ultra Alta Definición (UHD) Proporciona una imagen cuya resolución es 16 veces superior a la alta definición (1280×720), y hasta 75 veces superior al sistema PAL (768x576). También conocido como 4K y 8K, 4K UHD alcanza aproximada resolución megapíxeles 8.29 (3840x2160), mientras 8K UHD alcanza megapíxeles 33.18 aproximadas (7680x4320). Para proporcionar streaming de vídeo de velocidad de bits suave y baja, dispositivos ultra alta definición adoptan el más reciente formato de compresión HEVC H.265.
En comparación con H.264, la última H.265 puede mejorar la eficiencia de compresión, utilizando su propia tecnología para reducir rezagos y bloquear los efectos en las escenas de movimiento, mantener una alta calidad de imagen, mientras que la reducción de la velocidad binaria esta al 50%.

Resolución de entrada: Hace referencia a la resolución que se obtiene a partir de dispositivos de entrada como cámaras y escáneres.

Resolución de salida: Se refiere a los dispositivos de salida, generalmente impresoras, y es el numero de píxeles por cada pulgada o centímetro que el ordenador envía a un dispositivo (como la impresora) para imprimir.

Resolución de impresión: Es la resolución propia de la impresora, es decir, el número de píxeles que la impresora consigue "pintar" por cada pulgada o centímetro de papel. Depende de la propia impresora, de la tinta y del papel empleados.

A continuación se presenta una ilustración sobre cómo se vería la misma imagen en diferentes resoluciones:


Extensiones de Archivo Vectores y Pixeles JPG, PNG, GIF, PSD, EPS, PDF, CDR, AI, IND

Una extensión de archivo es el conjunto de tres o cuatro caracteres al final de un nombre de archivo. Indican qué tipo de archivo es.

JPG se trata del término acuñado por Joint Photographic Experts Group, grupo de expertos que creó el JPG, un formato de compresión de imágenes, tanto en color como en escala de grises, con alta calidad.

Por tanto, estamos ante el método más común a la hora de generar la compresión de imágenes fotográficas. Eso sí, cabe destacar que el grado de reducción se puede ajustar, lo que permite seleccionar el tamaño de almacenamiento y la calidad de la imagen.

Normalmente alcanza una compresión de uno a diez con pocas pérdidas perceptibles en la calidad de la imagen. Uno de los mejores aspectos para su popularización es que este tipo de archivos son los más habituales en Internet y lo soportan todos los navegadores.

Para poder llevar a cabo esta operación, se requiere de aplicar un algoritmo de compresión basado en dos fenómenos visuales del ojo humano, en función de la luz y el brillo. No hay que confundir con otro tipo de formatos, como GIF y PNG, los cuales son más óptimos para tratamiento de imágenes.

PNG Portable Network Graphics, Gráficos de Red Portátiles formato que permite almacenar imágenes en blanco y negro (una profundidad de color de 16 bits por pixel) y en color real (una profundidad de color de 48 bits por pixel), así como también imágenes indexadas, utilizando una paleta de 256 colores.

Además, soporta la transparencia de canal alfa, es decir, la posibilidad de definir 256 niveles de transparencia, mientras que el formato GIF permite que se defina como transparente sólo un color de la paleta. También posee una función de entrelazado que permite mostrar la imagen de forma gradual.

La compresión que ofrece este formato es (compresión sin pérdida) de 5 a 25% mejor que la compresión GIF.

Por último, el PNG almacena información gama de la imagen, que posibilita una corrección de gama y permite que sea independiente del dispositivo de visualización. Los mecanismos de corrección de errores también están almacenados en el archivo para garantizar la integridad.

GIF Graphics Interchange Format, Formato de Gráficos Intercambeable estos archivos utilizan mapas de bits y admiten hasta 8 bits/pixel, permitiendo 256 colores en la gama RGB de 24 bits; entre 16,8 millones de su paleta. Por lo tanto, dado que la paleta tiene un número de colores limitado (no limitado en cuanto a colores diferentes), las imágenes que se obtienen con este formato por lo general son muy pequeñas.

No todas las imágenes GIF están animadas; numerosos logotipos e imágenes que incluyen líneas y bordes nítidos y definidos con un fondo transparente utilizan la extensión GIF. Los archivos GIF utilizan una compresión sin pérdida, así que el tamaño se reduce sin modificar la calidad, permitiendo que el archivo se convierta a otro formato sin pérdida de calidad excesiva.

Soportan animaciones y transparencias, efecto de difusionado o entrelazado, comprime las imágenes.

PSD Photoshop es nativo del programa para edición de imágenes Adobe Photoshop, este programa ha liderado durante años, la edición profesional de fotografías y gráficos digitales en mapas de bits.

Soporta todos los modos existentes de imagen (Bitmap, Grayscale, Duotone, Indexed Color, RGB, CMYK, Lab y Multichannel).

Se usa ampliamente como soporta duotonos, trayectoria de corte y canales. Además tiene una característica única soporta capas mientras todos los demás formatos las pegan al exportar. Cualquier programa que soporta PSD puede reflejar la información de capas. Guardar archivos como imágenes de capas es bastante cómodo porque esto permite después modificar diferentes partes de la imagen fácilmente.

EPS PostScript encapsulado puede contener tanto gráficos vectoriales como de mapa de bits y lo admiten prácticamente todos los programas de gráficos, ilustraciones y diseño de páginas. 

Un Archivo EPS está formado por dos partes: Una PostScript (que es la que se imprimirá) y otra parte de previsualización (que se mostrará en la pantalla). Al ser una imagen vectorial no tiene problemas de resolución y puede ser impresa a cualquier tamaño, aunque sólo contendrá geometrías (por muy complicadas que sean, nunca serán fotografías). Esto no quita que el EPS pueda contener a su vez imágenes de mapa de bits incrustadas en el, pero éstas ya no son vectoriales y por tanto su resolución será limitada. 

Estos archivos pueden abrirse con editores de imagen como Photoshop, que contiene gráficos vectoriales, realizándose un proceso de rasterización, convirtiendo los gráficos vectoriales a pixel.

No puede visualizarse en los equipos que no cuenten con un software específico para ello (aunque algunos archivos EPS cuentan con un pequeño TIFF de 8 bits para previsualizar su contenido).

Muchos programas profesionales de edición, como Macromedia Freehand, soportan el formato EPS.

PDF Portable Document Format, Formato de Documento Portátil es un formato de almacenamiento para documentos digitales independiente de plataformas de software o hardware. Este formato es de tipo compuesto (imagen vectorial, mapa de bits y texto).

Es multiplataforma, es decir, puede ser presentado en los principales sistemas operativos (GNU/Linux, MacOS, Unix, Windows), sin que se modifique el aspecto ni la estructura del documento original.

Puede contener cualquier combinación de texto, elementos multimedia como vídeos o sonido, elementos de hipertexto como vínculos y marcadores, enlaces y miniaturas de páginas.

Los archivos PDF no pierden el formato con el envío a otros usuarios, como sí sucede cuando se envían documentos de texto (se desordenan las páginas, se desorganizan los párrafos, etc.).

Es uno de los formatos más extendidos en Internet para el intercambio de documentos. Por ello, es muy utilizado por empresas, gobiernos e instituciones educativas.

Es una especificación abierta, para la que se han adaptado herramientas de software comercial como las suites ofimáticas Microsoft Office y WordPerfect Office y creado otras en software libre que permiten crear, visualizar o modificar documentos en formato PDF, como OpenOffice.org, LibreOffice y Calligra Suite así como el sistema de composición de textos LaTeX.

Puede cifrarse para proteger su contenido e incluso firmarlo digitalmente.

Un archivo PDF puede crearse desde varias aplicaciones exportando el archivo, como es el caso de OpenOffice.org y Microsoft Office (a partir de la versión 2007, si se actualiza a SP2).

Puede generarse desde cualquier aplicación mediante la instalación de una «impresora virtual» en el sistema operativo, en caso de usar aplicaciones sin esa funcionalidad integrada.

Los ficheros PDF son independientes del dispositivo, por lo que pueden imprimirse en una impresora matricial, de inyección de tinta, láser o en microfilme. Para la optimización de la impresión, se configuran las opciones apropiadas en la creación del fichero PDF.

CDR es un formato de archivo de imagen vectorial usado por CorelDraw, una suite útil hecha por Corel Graphics Suite.

Se clasifican generalmente como archivos de gráficos vectoriales.

Las imágenes digitales se almacenan con la aplicación de determinadas especificaciones del archivo de codificación y compresión de aplicaciones desarrolladas por diferentes creadores, empresas y organizaciones.

AI Adobe Illustrator es un editor de gráficos vectoriales en forma de taller de arte que trabaja sobre un tablero de dibujo, conocido como «mesa de trabajo» y está destinado a la creación artística de dibujo y pintura para ilustración.

Contiene opciones creativas, un acceso más sencillo a las herramientas y una gran versatilidad para producir rápidamente gráficos flexibles cuyos usos se dan en (maquetación-publicación) impresión, vídeo, publicación en la Web y dispositivos móviles.

IND Adobe InDesign es uno de archivos de la categoría Archivos de imagen de mapa de bits.

Es una aplicación para la composición digital de páginas desarrollada por la compañía Adobe Systems y dirigida por maquetadores profesionales.

Primer Ejercicio de Selección

jueves, 23 de marzo de 2017

6 Sombreros Para Pensar

¿Qué es?

Es una técnica creada por Edward De Bono, una herramienta de comunicación utilizada en todo el mundo para facilitar la resolución o el análisis de problemas desde distintos puntos de vista o perspectivas. Se trata de un marco de referencia para el pensamiento que puede incorporar el pensamiento lateral.

La técnica completa se presenta en su libro “Seis Sombreros para pensar”.

¿Para qué?

El autor nos propone un método que nos permite pensar de manera más eficaz. Los seis sombreros representan seis maneras de pensar y deben ser considerados como direcciones de pensamiento más que como etiquetas para el pensamiento, es decir, que los sombreros se utilizan proactivamente y no reactivamente. Los beneficios derivados del uso de esta técnica son tres:
  • Fomenta el pensamiento paralelo
  • Fomenta el pensamiento en toda su amplitud
  • Separa el ego del desempeño
¿Cómo?

De Bono propone seis colores de sombreros que representan las seis direcciones del pensamiento que debemos utilizar a la hora de enfrentarnos a un problema.

El método es sencillo, hay seis sombreros imaginarios que cada uno de los participantes puede ponerse y quitarse para indicar el tipo de pensamiento que está utilizando, teniendo siempre en cuenta que la acción de ponerse y quitarse el sombrero es esencial.

Cuando la técnica es empleada en grupo los participantes deben utilizar el mismo sombrero al mismo tiempo.

Los seis estilos de pensamiento representados por cada sombrero son:

Sombrero Blanco: Con este pensamiento debemos centrarnos en los datos disponibles. Ver la información que tenemos y aprender de ella.

Sombrero Rojo: Con el observamos los problemas utilizando la intuición, los sentimientos y las emociones. El participante expone sus sentimientos sin tener que justificarlos.

Sombrero Negro: Haciendo uso de este sombrero pondremos en marcha el pensamiento del juicio y la cautela, poniendo de manifiesto los aspectos negativos del tema tratado.

Sombrero Amarillo: Con este sombrero pensaremos positivamente, nos ayudará a ver por qué algo va a funcionar y por qué ofrecerá beneficios.

Sombrero Verde: Este es el sombrero de la creatividad. Algunas de las técnicas existentes para desarrollar la creatividad pueden ser utilizadas en este momento.

Sombrero Azul: Es el sombrero del control y la gestión del proceso del pensamiento. Con el se resume lo que se ha dicho y se llega a las conclusiones.

Esta técnica puede ser utilizada individualmente o en grupo y el orden de colocación de los sombreros puede ser diferente al expuesto.


Realizamos en grupo esta técnica de creatividad:

martes, 21 de marzo de 2017

viernes, 10 de marzo de 2017

Teoría de la Gestalt

Leyes de Percepción Visual

https://es.slideshare.net/Ceci_a/leyes-de-percepcin

Pirámide de Maslow



La pirámide de Maslow, o jerarquía de las necesidades humanas, es una teoría psicológica propuesta por el psicólogo humanista Abraham Maslow en su obra Una teoría sobre la motivación humana de 1943. Obtuvo una importante notoriedad, no sólo en el campo de la psicología sino en el ámbito empresarial del marketing o la publicidad. Maslow defiende que conforme se satisfacen las necesidades más básicas (parte inferior de la pirámide), los seres humanos desarrollan necesidades y deseos más elevados (parte superior de la pirámide).

Los cuatro primeros niveles de la pirámide pueden ser agrupados como «necesidades de déficit» (primordiales); el nivel superior «autorrealización, motivación de crecimiento o necesidad de ser».

Sólo se atienden necesidades superiores cuando se han satisfecho las necesidades inferiores, es decir, todos aspiramos a satisfacer necesidades superiores. Las fuerzas de crecimiento dan lugar a un movimiento ascendente en la jerarquía, mientras que las fuerzas regresivas empujan las necesidades prepotentes hacia abajo en la jerarquía.

Según la pirámide de Maslow dispondríamos de:

Necesidades fisiológicas básicas

Son aquellas que buscan mantener en equilibrio al cuerpo humano: respiración, alimentación, descanso, sexo.

Necesidades de seguridad y protección

Surgen cuando las necesidades fisiológicas están satisfechas. Se refiere a sentirse seguro y protegido: seguridad física, de empleo, de recursos, moral, familiar, de salud, de propiedad privada.

Necesidades sociales (afiliación)

Se relaciona con la interacción del individuo con las demás personas: Función de relación, amistad, afecto, intimidad sexual, aceptación social.

Necesidades de estima (reconocimiento)

Se refieren a la manera en que se reconoce el trabajo del personal, se relaciona con la autoestima. 
Maslow describió dos tipos:
La estima alta concierne a la necesidad del respeto a uno mismo, e incluye sentimientos tales como confianza, competencia, maestría, logros, independencia y libertad.
La estima baja concierne al respeto de las demás personas: la necesidad de atención, aprecio, reconocimiento, reputación, estatus, dignidad, fama, gloria, e incluso dominio.

Autorrealización

Se encuentra en la cima de la pirámide y se relaciona con la satisfacción personal: sentido y proyección de vida, moralidad, creatividad, espontaneidad, falta de prejuicios, aceptación de hechos, resolución de problemas.

Tipografía

A partir de la invención de la imprenta por Gutenberg se comenzaron a diseñar y difundir diferentes tipos de letra según las necesidades técnicas de cada diseñador.

una de las primeras unidades tipográficas fue la pica, Inglaterra siglo xx. Equivale a 1/6 de pulgada o 12 puntos (4'233 mm). Tipos: punto, a la medida 12 puntos (equivalente a 4,512 mm) llamado cícero.

Familias Tipográficas

Es un grupo de signos escriturales que comparten rasgos de diseño comunes, conformando todas ellas una unidad tipográfica. Los miembros de una familia (los tipos) se parecen entre si, pero también tienen rasgos propios.

Tipo Modelo o diseño de una letra determinada.

Tipografía Es el arte y la técnica de crear y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.

Fuente tipográfica es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes.

Familia tipográfica conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo, en el grosor y anchura, pero manteniendo características comunes.

Familias Tipográficas en Serif y Sans Serif

Fuentes Serif son las que presentan en sus extremos unos remates muy característicos.




Fuentes Sans Serif son las que no tienen remates en sus extremos.




Clasificación de las Familias Tipográficas

Romanas 

Formado por fuentes que muestran influencias de la escritura manual.




Palo Seco

Se caracterizan por reducir los caracteres a su esquema esencial. Están conformadas a base de líneas rectas y círculos unidos.




Rotuladas

Advierten más o menos claramente el instrumento y mano que los creó.



Decorativas

Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado.

Elementos Básicos de la Comunicación Visual

Fundamentos del Diseño

  • Elementos conceptuales
  • Elementos visuales
  • Elementos de relación
  • Elementos prácticos

Elementos Conceptuales

Son aquellos que están presentes en el diseño, pero que no son visibles a la vista. Se dividen en 4 elementos: el punto, la línea, el plano y el volumen.

Punto: Es la unidad más simple, irreductiblemente mínima, de comunicación visual. Indica posición, no tiene largo ni ancho, es el principio y el fin de una línea. Cuando los vemos, los puntos se conectan y por tanto son capaces de dirigir la mirada. Esta capacidad se intensifica cuanto más próximos están los puntos entre sí.

Línea: Es una sucesión de puntos, tiene largo, pero no ancho, tiene una posición y una dirección. La línea tiene una enorme energía. No es estática y es el elemento visual por excelencia del boceto. Las líneas se pueden utilizar de muchas maneras y según su disposición:

- Ayudan a organizar la información.
- Pueden dirigir el ojo de sus lectores en cuanto a la organización de la disposición.
- Pueden crear humor y el ritmo de un movimiento.

La forma y el trazo: Por su trazo las líneas pueden:

- Transportar un humor o una emoción.
- Organizar un diseño.
- Establecer las columnas del texto.
- Crear una textura.
- Crear el movimiento.
- Definir una forma.
- Llamar la atención sobre una palabra.
- Conectar trozos de información en su disposición.
- Capitular una imagen o una palabra.

Plano: Un plano tiene largo y ancho, tiene posición y dirección y además esta limitado por líneas.

Dentro del plano se puede distinguir el contorno, En las artes visuales se dice que la línea articula la complejidad del contorno. Hay tres contornos básicos; el cuadrado, el círculo y el triángulo equilátero. Al cuadrado se asocian significados de torpeza, honestidad, rectitud y esmero; al triángulo, la acción, el conflicto y la tensión; al círculo, la infinitud, la calidez y la protección.

Volumen: El recorrido de un plano en movimiento se convierte en volumen, tiene posición en el espacio, esta limitado por planos y obviamente en un diseño bidimensional el volumen es ilusorio.

Elementos Visuales

Cuando se dibuja una figura en el papel, esa figura esta formada por líneas visibles, las cuales no solo tienen un largo, sino que un ancho, un color y claro una textura (definida por los materiales utilizados). Los elementos visuales son: forma, medida, color, textura.

Forma: Todo lo visible tiene una forma, la cual aporta para la percepción del ojo una identificación del objeto.

Medida: Todas las formas tienen un tamaño. Es posible establecer una escala no sólo mediante el tamaño relativo de las claves visuales, sino también mediante relaciones con el campo visual o el entorno.

Color: El color se utiliza comprendiendo no solo los del espectro solar, sino asimismo los neutros (blanco, negros, grises) y las variaciones tonales y cromáticas.
    
Textura: Tiene que ver con el tipo de superficie resultante de la utilización del material. Puede atraer tanto al sentido del tacto como al visual. La textura, permite crear una adaptación personalizada de la realidad añadiendo dimensión y riqueza al diseño.

Elementos de Relación

Se refiere a la ubicación y a la interrelación de las formas en un diseño.

Dirección: La dirección de una forma depende de como esta relacionada con el observador, con el marco que la contiene o con otras formas cercanas. Todos los contornos básicos expresan tres direcciones visuales básicas y significativas: el cuadrado, la horizontal y la vertical; el triángulo, la diagonal; el círculo, la curva.

Posición: La posición de una forma depende del elemento o estructura que la contenga.

Espacio: Todas las formas por más pequeñas que sean ocupan un espacio, el espacio así mismo puede ser visible o ilusorio (para dar una sensación de profundidad).

Gravedad: El efecto de gravedad no solamente es visual, sino que también psicológica. Podemos atribuir estabilidad o inestabilidad a una forma o a un grupo de ellas.

Movimiento: El elemento visual de movimiento está presente en el modo visual con mucha más frecuencia de lo que se reconoce explícitamente. El movimiento es probablemente una de las fuerzas visuales más predominantes en la experiencia humana.

Elementos Prácticos

Los elementos prácticos van mas allá del diseño en si y como es de esperar son conceptos abstractos.

Representación: Se refiere a la forma de realizar el diseño: puede ser una representación realista, estilizada o semi-abstracta.

Significado: Todo diseño conlleva conciente o subconscientemente un significado o mensaje.

Función: Para lo que esta creado dicho diseño.