![Ilustración](https://habrastorage.org/webt/nv/hq/yf/nvhqyfvyurcxzkoqgty6ciykuuy.png)
El diseño visual moderno se caracteriza por un enfoque sistemático destinado a atraer efectivamente la atención, influir en el espectador y manipular la percepción (independientemente de los valores culturales o las ideas personales) en el marco de la tarea. Este es el resultado de un proceso analítico que utiliza ciertos elementos y algoritmos para la solución más efectiva del problema, y no un proceso puramente creativo.
El propósito de este resumen es establecer de manera concisa las bases teóricas para formar una idea general del diseño visual. Y así, en la primera parte, se considerarán aspectos fundamentales sin los cuales no puede existir ningún sistema visual, desde materiales impresos hasta contenido digital.
Los elementos visuales son los componentes más simples que, en combinación entre sí, forman muchos sistemas visuales diferentes. En el contexto de dependencia mutua, se pueden dividir en tres categorías:
- la base;
- primitivas
- objetos.
– . : , . – . , .
![Lona](https://habrastorage.org/webt/2w/o-/d3/2wo-d3srdmsvwiiyffjeoullcls.png)
, – . , . , , :
![Proporciones de la lona](https://habrastorage.org/webt/be/n2/fn/ben2fnf54wwyubtlevvuzmqn-cs.png)
, . , .
– , ; , . – , , . , .
, . , . , , .
![Punto](https://habrastorage.org/webt/4s/ai/da/4saidaixaxj6w74vavjx58w0slc.png)
– , : , – . , .
![Desequilibrio](https://habrastorage.org/webt/yd/5z/dt/yd5zdthj_7t_0w8q5v3e5pwbwce.png)
, , .
![Línea](https://habrastorage.org/webt/zu/fz/th/zufzthjxbizqnmudwapwn11rfqa.png)
– , ; , , . – , .
![Líneas imaginarias y visibles.](https://habrastorage.org/webt/be/sr/sq/besrsqh12zuwpjargqpysdsj_ui.png)
![Lineas limitadas y continuas](https://habrastorage.org/webt/yf/qn/uv/yfqnuv5llt1xjjhqxqnmxpf2ybg.png)
.
![El punto imaginario en la intersección de dos líneas visibles.](https://habrastorage.org/webt/nc/gf/5x/ncgf5xxzqqrscskh8x79zchjk7g.png)
,
, , , .
![Curva](https://habrastorage.org/webt/en/-b/gs/en-bgsj7z-0hydlcokss_fwdp4u.png)
![Linea rota](https://habrastorage.org/webt/de/jx/le/dejxleylyrjypgsr78uu1acnfhc.png)
.
![Profundidad imaginaria](https://habrastorage.org/webt/a2/ui/au/a2uiaukanxqn1swfhx3fubfpsmy.png)
, , .
![Conexión de línea](https://habrastorage.org/webt/cx/ex/qc/cxexqc9bev9elh-mqanuwsglkoy.png)
![Separación de línea](https://habrastorage.org/webt/0z/lx/hf/0zlxhfrrnd0237ahuywjlf9aere.png)
![Selección de línea](https://habrastorage.org/webt/3a/5i/wb/3a5iwbve4nm0krrlblf0i6i21p4.png)
.
![Esquema de formas](https://habrastorage.org/webt/oj/al/q1/ojalq1gk7fj3j0wqxaw1zjghcum.png)
![Estructura jerarquica](https://habrastorage.org/webt/o2/2c/gz/o22cgza_z8psz3iwprs9ludg0wm.png)
![Avión](https://habrastorage.org/webt/wu/vb/ko/wuvbko7ocvq-4fo_dbluoeajggq.png)
– , , , .
![Planos imaginarios y visibles](https://habrastorage.org/webt/ng/2w/vx/ng2wvxtqwesbky_4ixf5zpr7k5i.png)
.
![Línea imaginaria en la intersección de dos planos visibles.](https://habrastorage.org/webt/r4/gp/g9/r4gpg9w9hkhnvluvczbzowtlezy.png)
,
, , , , .
![Formas de aviones](https://habrastorage.org/webt/7y/2o/f_/7y2of_nw9jrvhgxly_uz6rekanm.png)
![Unir, separar y seleccionar plano](https://habrastorage.org/webt/ap/sx/cn/apsxcnlymmrrzhu-9didpdrcgsy.png)
,
– . , . , .
:
– , . : , , .
– , . : , , , , .
– , . , .
![Figura](https://habrastorage.org/webt/rv/go/s2/rvgos283gutlhk9c23perytsvw0.png)
— ; , ; .
![Ejemplo de formas](https://habrastorage.org/webt/b1/uq/ne/b1uqnejezfjvy5gv1xwauzmk6ru.png)
, : , , . , , , . , .
![Ejemplo de letras](https://habrastorage.org/webt/je/a1/zm/jea1zmtjkhhesbavlinapj-8y2c.png)
. – , . – , , .
![Formas simples](https://habrastorage.org/webt/y6/pm/ks/y6pmksifnyyhugpwlkb9fwc2gu8.png)
![Formas compuestas](https://habrastorage.org/webt/nr/gl/ck/nrglckrbnvb5bohij9irdzcalzk.png)
![Cuerpo](https://habrastorage.org/webt/9c/g_/xj/9cg_xjlo4jbhpfllw93_niuvsfw.png)
– , , ; , (, , ).
![Ejemplo del cuerpo](https://habrastorage.org/webt/yv/gb/7j/yvgb7je5e0nq7uw3yk8oclyuqys.png)
El grado de aproximación al objeto del mundo real le permite mostrarlo desde cualquier ángulo, sin perder el apoyo asociativo en la percepción del espectador. Esta es otra diferencia de la figura, que, al ser un objeto plano, tiene un número limitado de ángulos mientras mantiene el contenido semántico.
![Cuerpo desde diferentes ángulos](https://habrastorage.org/webt/sm/l1/nm/sml1nm9tkeavr8l7z8phocfy7js.png)
Diferentes ángulos del mismo cuerpo
Este fue el último elemento visual y, al final de esta parte de la sinopsis, me gustaría decir nuevamente que los elementos visuales son aspectos fundamentales sin los cuales no puede existir un sistema visual. En la siguiente parte, consideraremos las propiedades de los elementos visuales y los medios de composición.