![Ilustração](https://habrastorage.org/webt/nv/hq/yf/nvhqyfvyurcxzkoqgty6ciykuuy.png)
O design visual moderno é caracterizado por uma abordagem sistemática que visa atrair efetivamente a atenção, influenciando o espectador e manipulando a percepção (independentemente de valores culturais ou idéias pessoais) dentro da estrutura da tarefa. Isso é o resultado de um processo analítico usando certos elementos e algoritmos para a solução mais eficaz para o problema, e não um processo puramente criativo.
O objetivo deste resumo é declarar concisamente a base teórica para formar uma idéia geral do design visual. E assim, na primeira parte, serão considerados aspectos fundamentais sem os quais nenhum sistema visual pode existir, de materiais impressos a conteúdo digital.
Elementos visuais são os componentes mais simples que, combinados entre si, formam muitos sistemas visuais diferentes. No contexto de dependência um do outro, eles podem ser divididos em três categorias:
- a base;
- primitivos;
- objetos.
– . : , . – . , .
![Tela de pintura](https://habrastorage.org/webt/2w/o-/d3/2wo-d3srdmsvwiiyffjeoullcls.png)
, – . , . , , :
![Proporções de tela](https://habrastorage.org/webt/be/n2/fn/ben2fnf54wwyubtlevvuzmqn-cs.png)
, . , .
– , ; , . – , , . , .
, . , . , , .
![Ponto](https://habrastorage.org/webt/4s/ai/da/4saidaixaxj6w74vavjx58w0slc.png)
– , : , – . , .
![Desequilíbrio](https://habrastorage.org/webt/yd/5z/dt/yd5zdthj_7t_0w8q5v3e5pwbwce.png)
, , .
![Linha](https://habrastorage.org/webt/zu/fz/th/zufzthjxbizqnmudwapwn11rfqa.png)
– , ; , , . – , .
![Linhas imaginárias e visíveis](https://habrastorage.org/webt/be/sr/sq/besrsqh12zuwpjargqpysdsj_ui.png)
![Linhas limitadas e contínuas](https://habrastorage.org/webt/yf/qn/uv/yfqnuv5llt1xjjhqxqnmxpf2ybg.png)
.
![O ponto imaginário na interseção de duas linhas visíveis](https://habrastorage.org/webt/nc/gf/5x/ncgf5xxzqqrscskh8x79zchjk7g.png)
,
, , , .
![Curva](https://habrastorage.org/webt/en/-b/gs/en-bgsj7z-0hydlcokss_fwdp4u.png)
![Linha quebrada](https://habrastorage.org/webt/de/jx/le/dejxleylyrjypgsr78uu1acnfhc.png)
.
![Profundidade imaginária](https://habrastorage.org/webt/a2/ui/au/a2uiaukanxqn1swfhx3fubfpsmy.png)
, , .
![Conexão de linha](https://habrastorage.org/webt/cx/ex/qc/cxexqc9bev9elh-mqanuwsglkoy.png)
![Separação de linhas](https://habrastorage.org/webt/0z/lx/hf/0zlxhfrrnd0237ahuywjlf9aere.png)
![Seleção de linha](https://habrastorage.org/webt/3a/5i/wb/3a5iwbve4nm0krrlblf0i6i21p4.png)
.
![Formas de contorno](https://habrastorage.org/webt/oj/al/q1/ojalq1gk7fj3j0wqxaw1zjghcum.png)
![Estrutura hierárquica](https://habrastorage.org/webt/o2/2c/gz/o22cgza_z8psz3iwprs9ludg0wm.png)
![Avião](https://habrastorage.org/webt/wu/vb/ko/wuvbko7ocvq-4fo_dbluoeajggq.png)
– , , , .
![Planos imaginários e visíveis](https://habrastorage.org/webt/ng/2w/vx/ng2wvxtqwesbky_4ixf5zpr7k5i.png)
.
![Linha imaginária na interseção de dois planos visíveis](https://habrastorage.org/webt/r4/gp/g9/r4gpg9w9hkhnvluvczbzowtlezy.png)
,
, , , , .
![Formas de aviões](https://habrastorage.org/webt/7y/2o/f_/7y2of_nw9jrvhgxly_uz6rekanm.png)
![Seleção de união, separação e plano](https://habrastorage.org/webt/ap/sx/cn/apsxcnlymmrrzhu-9didpdrcgsy.png)
,
– . , . , .
:
– , . : , , .
– , . : , , , , .
– , . , .
![Figura](https://habrastorage.org/webt/rv/go/s2/rvgos283gutlhk9c23perytsvw0.png)
— ; , ; .
![Exemplo de formas](https://habrastorage.org/webt/b1/uq/ne/b1uqnejezfjvy5gv1xwauzmk6ru.png)
, : , , . , , , . , .
![Exemplo de letras](https://habrastorage.org/webt/je/a1/zm/jea1zmtjkhhesbavlinapj-8y2c.png)
. – , . – , , .
![Formas simples](https://habrastorage.org/webt/y6/pm/ks/y6pmksifnyyhugpwlkb9fwc2gu8.png)
![Formas compostas](https://habrastorage.org/webt/nr/gl/ck/nrglckrbnvb5bohij9irdzcalzk.png)
![Corpo](https://habrastorage.org/webt/9c/g_/xj/9cg_xjlo4jbhpfllw93_niuvsfw.png)
– , , ; , (, , ).
![Exemplo de corpo](https://habrastorage.org/webt/yv/gb/7j/yvgb7je5e0nq7uw3yk8oclyuqys.png)
O grau de aproximação ao objeto do mundo real permite exibi-lo de qualquer ângulo, sem perder o apoio associativo na percepção do espectador. Essa é outra diferença da figura, que, sendo um objeto plano, possui um número limitado de ângulos, mantendo o conteúdo semântico.
![Corpo de diferentes ângulos](https://habrastorage.org/webt/sm/l1/nm/sml1nm9tkeavr8l7z8phocfy7js.png)
Ângulos diferentes do mesmo corpo
Este foi o último elemento visual e, no final desta parte da sinopse, gostaria de dizer novamente que os elementos visuais são aspectos fundamentais sem os quais nenhum sistema visual pode existir. Na próxima parte, consideraremos as propriedades dos elementos visuais e meios composicionais.