taller 5 elementos básicos y neurálgicos del diseño grafico

2. 1. Elementos Conceptuales

3. Elementos Básicos
Punto
Es la unidad mínima de comunicación
visual, el elemento gráfico fundamental y
por tanto el más importante y puede
intensificar su valor por medio del color, el
tamaño y la posición en el plano.
Características
0 Tiene un gran poder de atracción
cuando se encuentra solo.
0 Puede producir sensación de tensión
cuando se añade otro punto y
construyen un vector direccional.
0 Da lugar a la creación de otros
conceptos como el color cuando
aparecen varios puntos en el mismo
campo visual.

4. Elementos Básicos
Línea
Puede definirse también como un punto en
movimiento o como la historia del movimiento
de un punto, por lo cual tiene una enorme
energía, nunca es estática y es el elemento visual
básico del boceto.
Es un elemento indispensable en el espacio
gráfico, tanto para la materialización y
representación de ideas, como para la notación.
Características
0 Puede tener múltiples significados y distintas
formas de expresiones
0 Elementos gráficos más utilizados, ya que
definen y delimitan las diferentes áreas de
nuestra composición,
0 Dirige la dirección de lectura dentro de una
composición, haciendo que el espectador
observe el lugar adecuado.

5. Plano
Permite fragmentar y dividir el
espacio, de esta forma podemos
delimitar y clasificar las diferentes
zonas de nuestra composición.
Características
0 Superficie plana con largo y ancho,
posición, dirección y está limitado
por líneas
0 Puede ser paralelo a la superficie,
desviarse para dar sensación de
espacio, de distancia, lejanía…
puede ser sólido, transparente,
perforado, texturizado, etc.
Elementos Básicos

6. Elementos Básicos
Cuerpo
Es aquella figura
tridimensional, posee
largo, ancho y
profundidad

8. 2. Elementos Visuales

9. Forma
Es cualquier figura geométrica que se
genera con el uso de la línea o el color.
Las formas pueden comunicar ideas
Características
0 Las formas geométricas se usan
mucho en el diseño grafico
0 Ejemplo: logos corporativos
Ejemplos
https://desarrolloweb.com/articulos/i
mages/diseno/3/formas.gif
http://2.bp.blogspot.com/-
9bBRqQLkJNY/VTwEbUPSmyI/AAAAA
AAABXk/XYmvUKGOBtI/s1600/relacio
n_forma.jpg
http://1.bp.blogspot.com/-
JdT6ZAxuPvc/TiUKW1BzmSI/AAAAAA
AAAHM/HYdTIUh5pes/s1600/5c.jpg

10. Color
Es uno de los elementos fundamentales y más evidentes del diseño y
el que puede imprimir más carácter y dinamismo a los elementos que
se aplica.
0 los colores primarios: rojo, azul y amarillo;
0 los secundarios: verde, violeta y naranja;
0 los terciarios: rojo violáceo, rojo anaranjado, amarillo anaranjado,
amarillo verdoso, azul verdoso y azul violáceo.
Características
0 La combinación correcta de colores determina la funcionalidad del
trabajo
0 El uso eficiente del color se logra conociendo la teoría
0 El color está presente en todos los aspectos de la identidad
empresarial y de marca.
Ejemplos
https://desarrolloweb.com/articulos/images/diseno/3/colores.gif
https://www.casadellibro.com/libro-color-en-el-diseno-grafico-guia-
de-ejemplos-reales-del-uso-cromatico/9788416965915/6233726
http://www.graficasnetor.net/wp-content/uploads/2016/09/Color-
y-diseno-grafico-Graficas-Netor.jpg

11. Textura
La textura está relacionada con la composición de
una sustancia a través de variaciones diminutas en la
superficie del material.
Características
0 Puede producir efectos emocionales ya que
visualmente se relaciona la textura directamente
con el sentido del tacto
0 Existen dos tipos de texturas: táctiles y visuales
Ejemplos
https://desarrolloweb.com/articulos/images/diseno
/3/texturas.gif
https://thumbs.dreamstime.com/b/modelo-
incons%C3%BAtil-del-tri%C3%A1ngulo-gris-
dise%C3%B1o-gr%C3%A1fico-de-la-moda-
ilustraci%C3%B3n-del-vector-textura-abstracta-
elegante-moderna-82953376.jpg
https://image.freepik.com/foto-gratis/diseno-
blanco-negro-textura-pared-ladrillo-fondo-abstracto-
vacio-presentaciones-diseno-web-monton-espacio-
texto-composicion-imagen-arte-sitio-web-revista-o-
grafico-diseno_1962-56.jpg

12. Escala
Todos los elementos visuales tienen capacidad para
modificar y definirse unos a otros, esto es lo que
denominamos escala.
Características
0 Escala cromática: los valores del tono se obtienen
mezclando los colores puros con el blanco o el negro,
por lo que pueden perder fuerza cromática o
luminosidad.
0 Escala acromática: será siempre una escala de grises,
una modulación continua del blanco al negro. La escala
de grises se utiliza para establecer comparativamente
tanto el valor de la luminosidad de los colores puros.
Ejemplos
https://desarrolloweb.com/articulos/images/diseno/3/
escalas.gif
http://4.bp.blogspot.com/-
CaU7_Yk1Ik4/VTwEIiJ_ONI/AAAAAAAABXM/1NyneNJh5
zE/s1600/simetriacompositiva.jpg
https://supernadie.files.wordpress.com/2008/10/aurea.
jpg

13. Dimensión
La dimensión existe en el mundo real. No sólo
podemos sentirla, sino verla a través de la
visión estereoscópica binocular.
Características
En las representaciones bidimensionales se
simula mediante la técnica de la perspectiva.
Ejemplos
https://desarrolloweb.com/articulos/images/
diseno/3/dimensiones.gif
https://pulcherdesign.files.wordpress.com/20
08/12/volumen.jpg?w=595
https://www.alamy.es/foto-3-dimensiones-de-
forma-cuadro-abstracto-simbolo-corporativo-
ilustracion-vectorial-diseno-grafico-
173857737.html

14. Movimiento
Es uno de los elementos visuales que implica y dota de más fuerza.
Realmente solo está implícito en ciertos elementos, aunque existen
técnicas capaces de engañar el ojo.
Características
0 Aporta connotaciones de dinamismo y fuerza
Ejemplos
https://desarrolloweb.com/articulos/images/diseno/3/movimien
tos.gif
https://es.123rf.com/photo_90502003_dise%C3%B1o-
gr%C3%A1fico-abstracto-ilusi%C3%B3n-de-movimiento-de-
rotaci%C3%B3n-de-torsi%C3%B3n-textura-de-l%C3%ADneas-
arte-vectorial.html
https://lh6.googleusercontent.com/-
Sc3GlnEeV1U/TnNkFs7sgRI/AAAAAAAAFlM/jJiYZ28mnIE/s800/e
spiral-hipnotico.gif

15. 3. Elementos de relación

16. Dirección
La dirección depende de cómo esté
relacionada con el receptor, el marco que
lo contiene y las otras formas que tengan
a su alrededor.
Características
0 El cuadrado expresa la horizontal y la
vertical
0 El triángulo la diagonal
0 El círculo la curva
Ejemplo
https://desarrolloweb.com/articulos/im
ages/diseno/3/direcciones.gif
https://elrehilete.files.wordpress.com/2
008/12/imagen-1.png
http://www.saregune.net/ikasi/hezigun
e/disenno/lineas/lineas_valoraciones.pn
g

17. Espacio
El espacio es exactamente lo que
parece: las áreas vacías entre los
elementos de un diseño. Cuando se
trata de crear diseños propios de
aspecto profesional, a veces, lo
que no se incluye es tan importante
como lo que sí se incluye.
Al trabajar en un diseño, considera no
solo los elementos que incorporas
(como las imágenes y el texto), sino
también cómo los ordenas y los agrupas
en la composición. Puede resultar
tentador rellenar cada una de las
pulgadas de tu lienzo digital, pero
intenta dar cierto espacio a los
elementos para que respiren.

18. Posición
0 La posición de una forma es
juzgada por su relación
respecto al cuadro o la
estructura. Por ejemplo una
imagen cuando los elementos
están concentrados en la zona
inferior (evoca pesadez), a
cuando se sitúan en el centro
(equilibrio).

19. Gravedad
0 Gravedad, este elemento
de relación a mi parecer
es muy potente porque
este efecto puede crearse
no solo de manera visual,
sino por medio de la
psicología, atribuyendo
connotaciones de
estabilidad o
inestabilidad.

20. 4. Elementos prácticos

21. Representacion

23. Ejemplo

24. Significado

25. Ejemplo

26. Función

27. Ejemplo

28. Referencias
0 Nociones Básicas de Diseño. Recuperado de
https://evirtual2.espe.edu.ec/archivos/_28545/Netdi
sseny_-_Fundamentos_DG.pdf