La semaine dernière, nous avons examiné les éléments à zéro et une dimension, à savoir le point ou le point et la ligne. Cette semaine, nous ajouterons quelques dimensions et parlerons des surfaces et des plans (2D) pour ensuite passer aux volumes (3D). Tout au long, nous considérerons les idées de masse visuelle et de poids.
Avant d’aborder tout ce qui précède, je veux commencer par une discussion sur la forme.

Laissez-moi m’excuser à l’avance de rebondir entre les noms tout au long de ce post. Forme, surface, plan, forme, volume, masse, poids. Ils sont souvent interchangés selon l’endroit où vous les lisez. J’espère que cela ne deviendra pas trop confus au fil de votre lecture ou mieux encore que tous ces termes de grammaire visuelle deviendront plus clairs lorsque vous aurez terminé ce billet.

Qu’est-ce que la forme ?

La forme est tout élément positif que nous plaçons sur une page par opposition aux éléments négatifs que nous considérons comme l’espace. La forme, c’est le point, la ligne, le plan et le volume. Ce sont les formes, les points, le texte, les textures et les images que nous utilisons dans notre conception. Si c’est censé être un élément positif, c’est la forme.

J’inclus la forme ici dans la série puisqu’elle est le plus souvent utilisée comme synonyme de forme ou de volume, pour ces éléments qui sont soit en 2 dimensions, soit en 3 dimensions. J’ai souvent trouvé cela confus en lisant des articles parlant de la forme, puisque le sens plus grand et plus inclusif de la forme est généralement absent, laissant croire qu’une forme est une forme à 2 dimensions à un endroit et un volume à 3 dimensions à un autre.

Encore, la forme est tout élément positif sur votre page. Tout dans votre conception est soit forme ou espace, positif ou négatif, figure ou sol.

La forme et l’espace, la figure et le sol sont mutuellement dépendants les uns des autres. Vous ne pouvez pas changer l’un sans changer l’autre. La relation entre la forme et l’espace crée une tension, détermine la quantité d’activité visuelle et de mouvement, et donne un sens de tridimensionnalité dans un design. Un spectateur doit d’abord comprendre la relation entre la forme et l’espace avant de comprendre n’importe lequel des objets individuels sur la page.

Toutes les formes portent une sorte de signification, bien qu’aucune forme ne soit meilleure qu’une autre pour communiquer un sens. Votre choix dans les formes à utiliser, cependant, est une considération importante pour communiquer le bon message, votre message.

Surfaces, plans, formes

De la même façon qu’une ligne peut être considérée comme une série de points adjacents, un plan ou une surface peut être considéré comme une série de lignes adjacentes. On ajoute simplement une autre dimension. Les surfaces et les plans sont des objets abstraits. Nous en parlerons davantage comme des formes ou des schémas lorsque nous les considérerons comme des objets concrets.

Les plans ou les surfaces agissent la plupart du temps comme des points. La différence est que la taille de la surface est devenue assez grande pour devenir une caractéristique importante, tout comme le contour définissant le plan. Plus la taille du plan est grande, plus les caractéristiques du point deviennent secondaires. Cette taille est relative à l’espace et aux éléments environnants.

Les grands plans peuvent encore agir comme des points si l’espace qui les entoure est assez grand et tout autre élément dans l’espace assez petit. Comme les tailles relatives changent, il y a un point de changement qui se produit lorsque le plan devient assez grand pour que sa forme affecte l’espace et les autres formes autour de lui.

Plus le contour d’un plan est actif, plus sa forme semblera dynamique et moins il semblera être un point.

Bien que techniquement un objet bidimensionnel ne porte aucune masse ou volume, nos éléments bidimensionnels portent un poids et une masse visuels. Cette masse et ce poids visuels sont déterminés par la taille et la simplicité ou la complexité du contour de la forme.

Les formes larges et simples portent un poids visuel important et apparaissent comme des points. Les surfaces avec des contours complexes et une interaction avec leur espace interne et externe (à la fois positif et négatif) portent moins de poids et deviennent plus linéaires.

Formes ; géométriques et organiques

Lorsque nous arrivons à voir le contour extérieur d’une forme, notre cerveau essaie d’établir une certaine signification avec la forme et le contour. Nous pouvons regrouper ces formes sous deux types principaux, géométrique et organique. Un troisième type de forme, abstrait, nous le considérerons comme un sous-type de formes organiques, bien qu’il soit plus souvent considéré comme l’une des trois classes de formes.

Lorsqu’une forme ou une silhouette a des contours régularisés, lorsque les mesures internes et externes sont mathématiquement similaires dans plusieurs directions, nous pensons que la forme ou la silhouette est géométrique. Les formes angulaires et à bords durs sont généralement considérées comme géométriques.

Les 3 principaux types de formes géométriques sont le cercle, le polygone (le carré et le triangle étant les plus simples), et la ligne. Le carré est le plus stable et a le plus de poids visuel. Le triangle est le moins stable et présente un grand mouvement. Le cercle est presque aussi stable que le carré et fait allusion à un mouvement de rotation.

Les cercles ou les points peuvent être interprétés comme étant géométriques ou organiques.

Les formes ou les formes qui ont des contours irréguliers, complexes et très différenciés sont considérées comme organiques. Les formes douces et texturées semblent également être des formes organiques car elles sont perçues davantage comme des choses que nous voyons dans la nature. La variation est une qualité inhérente aux formes organiques.

Les formes abstraites sont des versions simplifiées ou stylisées des formes organiques. Pensez aux icônes.

La géométrie existe dans la nature, mais elle est souvent obscurcie par la perception de l’irrégularité. Pensez à une feuille. Elle est généralement symétrique et souvent proche de prendre une forme triangulaire. Cependant nous percevons les irrégularités de ses contours avant de voir cette symétrie et cette quasi-triangularité.

Les formes géométriques peuvent être disposées de manière organique et les formes organiques peuvent être disposées de manière géométrique. L’un ou l’autre crée une tension entre les formes et leur structure. Lorsque nous voulons transmettre un message organique, nous devons souligner les qualités organiques de la forme et utiliser plus d’irrégularité et de variété.

Volumes et masse

Les volumes sont des espaces vides définis par des surfaces, des lignes et des points. Lorsque nous remplissons l’espace ou donnons la perception que l’espace à l’intérieur d’un volume a été rempli dans une certaine mesure, le volume contient de la masse.

Si vous vous souvenez de votre cours de physique, la densité = masse / volume. Dans une conception bidimensionnelle, nous ne pouvons offrir que la perception de la masse, de la densité et du volume. Lorsque nous donnons à une surface ou un plan l’illusion d’être tridimensionnel, nous avons un volume.

Nous pouvons le faire en ajoutant un motif et une texture à la surface ou en changeant la couleur ou la valeur à travers la surface pour imiter l’effet de la lumière et de l’ombre. Nous pouvons également utiliser la perspective dans une forme pour créer l’illusion que la forme est un volume.

Puisque nous vivons dans un monde tridimensionnel, lorsque nous ajoutons des qualités volumétriques à notre format bidimensionnel, nous ajoutons un sens de réalisme à un design. Pour quelques exemples, jetez un coup d’œil à l’un ou l’autre des posts suivants et considérez comment les conceptions présentées utilisent la profondeur et les éléments 3d pour ajouter un sens de réalisme.

• Beaucoup d’exemples d’éléments 3D dans la conception Web
• Galerie d’éléments 3D dans la conception Web

Les volumes avancent par rapport à un plan et portent également une plus grande masse et un plus grand poids visuel que les plans ou les surfaces. Si nous superposons un plan sur un volume, cela crée une tension entre le premier plan et l’arrière-plan car les attentes normales sont que le volume avance et que le plan recule.

Masse et poids visuels

La masse et le poids sont des qualités physiques qui n’existent pas vraiment dans un format bidimensionnel. En design, nous parlons de masse et de poids visuels ou optiques.

Dans le monde physique, les objets ayant une grande masse attirent et tirent d’autres objets vers eux. Dans le monde du design visuel, les éléments ayant une grande masse attirent également. La perception de la masse d’un élément est la force avec laquelle l’élément attire votre œil vers lui.

Comme pour le volume, la masse n’est qu’une chose à laquelle nous pouvons faire allusion ou que nous pouvons représenter dans le format bidimensionnel avec lequel nous travaillons. Nous ajoutons une masse visuelle et un poids à un élément, par la taille et la couleur ou la valeur. Nous pouvons également jouer avec la forme de l’élément.

Par notre utilisation de la masse ou du poids, nous contrôlons l’équilibre et le mouvement dans un design.

Nous pouvons ajouter de la masse à une série de plans angulaires en les faisant tourner et en les laissant se chevaucher. La zone superposée devient plus sombre et est considérée comme contenant la masse de plusieurs plans. La rotation crée également un mouvement.

Ajouter un motif cohérent sur une surface conduit à la perception qu’il y a moins de masse dans ce plan. Le plan devient également plus plat par rapport à un plan solide adjacent. Le plan solide semble avancer au premier plan en raison de la perception qu’il porte plus de poids.

Tout en apparaissant plus plat, notre plan texturé semble également plus actif que le plan solide adjacent et si nous superposons le plan texturé sur le plan solide, nous créons à nouveau une tension entre le premier plan et l’arrière-plan.

Cela change si le motif ou la texture émule les effets de la lumière et de l’ombre, auquel cas la surface ou le plan devient un volume avec une masse et un poids plus importants et apparaît naturellement moins plat. Les volumes sont tridimensionnels et la dimension supplémentaire entraîne la perception de la masse et du poids. Une sphère pèse toujours plus qu’un cercle.

Résumé

Les formes sont tout élément positif que vous placez dans l’espace négatif de votre design. Toutes les formes communiquent et vous devez choisir vos formes en fonction du message que vous voulez transmettre à votre public. La relation entre la forme et l’espace devrait être l’une des considérations les plus importantes dans tout design.

Les plans ou les surfaces sont des formes abstraites à 2 dimensions. Les formes en sont l’équivalent concret. Un plan peut apparaître comme un point ou comme une ligne selon son contour et sa taille relative à la taille de l’espace et des autres éléments qui l’entourent.

Les volumes sont des formes à 3 dimensions. Ils ne peuvent être représentés que sur un format bidimensionnel, mais ce faisant, ils donnent un plus grand sens du réalisme à un design. Les volumes sont créés en imitant les effets de la lumière et de l’ombre sur une surface ou un plan.

Toutes les formes portent une masse visuelle ou un poids déterminé par la taille et la couleur et par le contour de la forme. Les volumes portent plus de poids par défaut que les surfaces, mais le poids des deux peut être augmenté ou diminué en modifiant les caractéristiques de l’une ou l’autre forme.

Si vous repensez à mon post sur la grammaire visuelle, nous avons parlé d’objets et de structures. Ce post et le précédent de cette série sur les points, les points et les lignes ont couvert les objets de la grammaire visuelle.

La prochaine fois, nous continuerons la série en passant à une discussion sur les structures. En structurant un ou tous les objets que nous avons examinés, nous pouvons former des motifs et des textures.

La série des éléments de conception

• Introduction : Éléments et principes de conception
• Points, points et lignes
• Forme : Surfaces et plans, volume et masse
• Structures, motifs et textures
• Taille, échelle et proportion
• Pensées sur l’espace blanc
• Comment utiliser l’espace dans le design
• Théorie des couleurs
• La signification de la couleur

Téléchargez un échantillon gratuit de mon livre, Principes fondamentaux du design.