![Illustration](https://habrastorage.org/webt/nv/hq/yf/nvhqyfvyurcxzkoqgty6ciykuuy.png)
Le design visuel moderne se caractérise par une approche systématique visant à attirer efficacement l'attention, à influencer le spectateur et à manipuler la perception (indépendamment des valeurs culturelles ou des idées personnelles) dans le cadre de la tâche. C'est le résultat d'un processus analytique utilisant certains éléments et algorithmes pour la solution la plus efficace au problème, et non un processus purement créatif.
Le but de ce résumé est d'énoncer de manière concise la base théorique afin de former une idée générale de la conception visuelle. Ainsi, dans la première partie, les aspects fondamentaux seront considérés sans lesquels aucun système visuel ne peut exister, des imprimés au contenu numérique.
Les éléments visuels sont les composants les plus simples qui, en combinaison les uns avec les autres, forment de nombreux systèmes visuels différents. Dans le cadre de la dépendance les uns des autres, ils peuvent être divisés en trois catégories:
- la base;
- primitives;
- objets.
– . : , . – . , .
![Toile](https://habrastorage.org/webt/2w/o-/d3/2wo-d3srdmsvwiiyffjeoullcls.png)
, – . , . , , :
![Proportions de toile](https://habrastorage.org/webt/be/n2/fn/ben2fnf54wwyubtlevvuzmqn-cs.png)
, . , .
– , ; , . – , , . , .
, . , . , , .
![Point](https://habrastorage.org/webt/4s/ai/da/4saidaixaxj6w74vavjx58w0slc.png)
– , : , – . , .
![Déséquilibre](https://habrastorage.org/webt/yd/5z/dt/yd5zdthj_7t_0w8q5v3e5pwbwce.png)
, , .
![Ligne](https://habrastorage.org/webt/zu/fz/th/zufzthjxbizqnmudwapwn11rfqa.png)
– , ; , , . – , .
![Lignes imaginaires et visibles](https://habrastorage.org/webt/be/sr/sq/besrsqh12zuwpjargqpysdsj_ui.png)
![Lignes limitées et continues](https://habrastorage.org/webt/yf/qn/uv/yfqnuv5llt1xjjhqxqnmxpf2ybg.png)
.
![Le point imaginaire à l'intersection de deux lignes visibles](https://habrastorage.org/webt/nc/gf/5x/ncgf5xxzqqrscskh8x79zchjk7g.png)
,
, , , .
![Courbe](https://habrastorage.org/webt/en/-b/gs/en-bgsj7z-0hydlcokss_fwdp4u.png)
![Ligne brisée](https://habrastorage.org/webt/de/jx/le/dejxleylyrjypgsr78uu1acnfhc.png)
.
![Profondeur imaginaire](https://habrastorage.org/webt/a2/ui/au/a2uiaukanxqn1swfhx3fubfpsmy.png)
, , .
![Connexion de ligne](https://habrastorage.org/webt/cx/ex/qc/cxexqc9bev9elh-mqanuwsglkoy.png)
![Séparation de ligne](https://habrastorage.org/webt/0z/lx/hf/0zlxhfrrnd0237ahuywjlf9aere.png)
![Sélection de ligne](https://habrastorage.org/webt/3a/5i/wb/3a5iwbve4nm0krrlblf0i6i21p4.png)
.
![Formes de contour](https://habrastorage.org/webt/oj/al/q1/ojalq1gk7fj3j0wqxaw1zjghcum.png)
![Structure hiérarchique](https://habrastorage.org/webt/o2/2c/gz/o22cgza_z8psz3iwprs9ludg0wm.png)
![Avion](https://habrastorage.org/webt/wu/vb/ko/wuvbko7ocvq-4fo_dbluoeajggq.png)
– , , , .
![Plans imaginaires et visibles](https://habrastorage.org/webt/ng/2w/vx/ng2wvxtqwesbky_4ixf5zpr7k5i.png)
.
![Ligne imaginaire à l'intersection de deux plans visibles](https://habrastorage.org/webt/r4/gp/g9/r4gpg9w9hkhnvluvczbzowtlezy.png)
,
, , , , .
![Formes des avions](https://habrastorage.org/webt/7y/2o/f_/7y2of_nw9jrvhgxly_uz6rekanm.png)
![Joindre, séparer et sélectionner un plan](https://habrastorage.org/webt/ap/sx/cn/apsxcnlymmrrzhu-9didpdrcgsy.png)
,
– . , . , .
:
– , . : , , .
– , . : , , , , .
– , . , .
![Figure](https://habrastorage.org/webt/rv/go/s2/rvgos283gutlhk9c23perytsvw0.png)
— ; , ; .
![Exemple de formes](https://habrastorage.org/webt/b1/uq/ne/b1uqnejezfjvy5gv1xwauzmk6ru.png)
, : , , . , , , . , .
![Exemple de lettres](https://habrastorage.org/webt/je/a1/zm/jea1zmtjkhhesbavlinapj-8y2c.png)
. – , . – , , .
![Formes simples](https://habrastorage.org/webt/y6/pm/ks/y6pmksifnyyhugpwlkb9fwc2gu8.png)
![Formes composées](https://habrastorage.org/webt/nr/gl/ck/nrglckrbnvb5bohij9irdzcalzk.png)
![Corps](https://habrastorage.org/webt/9c/g_/xj/9cg_xjlo4jbhpfllw93_niuvsfw.png)
– , , ; , (, , ).
![Exemple de corps](https://habrastorage.org/webt/yv/gb/7j/yvgb7je5e0nq7uw3yk8oclyuqys.png)
Le degré d'approximation de l'objet du monde réel vous permet de l'afficher sous n'importe quel angle, sans perdre le support associatif dans la perception du spectateur. Ceci est une autre différence par rapport à la figure qui, étant un objet plat, a un nombre limité d'angles tout en conservant le contenu sémantique.
![Corps sous différents angles](https://habrastorage.org/webt/sm/l1/nm/sml1nm9tkeavr8l7z8phocfy7js.png)
Différents angles du même corps
C'était le dernier élément visuel et, à la fin de cette partie du synopsis, je voudrais redire que les éléments visuels sont des aspects fondamentaux sans lesquels aucun système visuel ne peut exister. Dans la partie suivante, nous considérerons les propriétés des éléments visuels et des moyens de composition.