Les Eléments du Design

Transcription

1 Les Eléments du Design Introduction Dans «Les Principes du Design», nous avons étudié la moitié des principes de base qui du Design. Ces principes représentent les assumptions de base de l univers qui guident la pratique du Design, et qui gèrent l arrangement des objets dans une composition donnée. Dans cet article, nous allons étudier l autre moitié de ces principes, les éléments du design, dans un effort de construction d une base solide sur laquelle baser toutes nos enquêtes futures. Que sont les Eléments du Design? Les éléments du design sont les composants de base utilisés dans n importe quelle composition. Ils sont les objets que nous devons arranger, les parties constituantes utilisées pour créer la composition en elle-même. Dans la plupart des situations, les éléments du design s appuient les uns sur les autres, les premiers aidants à créer les derniers, et les éléments de cet article sont organisés de cette manière. Nous allons nous concentrer sur les éléments : point, ligne, forme, texture et couleur. Le point Un point est un élément qui a une position mais pas d extension. Il s agit d une seule marque dans l espace, dont la localisation est précise mais limitée. Seul il peut fournir une relation forte entre l espace positif et l espace négatif, mais groupé avec d autres points le réflexe de groupage fermé Gestalt(ien?) a tendance à être déclenché et le cerveau connecte les points ensemble. La ligne ou la forme est le résultat naturel de plusieurs points dans l espace. Point dans l espace Plusieurs points Complétion

2 La ligne Une ligne est un élément caractérisé par une longueur et une direction. Une ligne créée des contours et des formes et sont est souvent utilisées pour transmettre un sentiment particulier ou pointer vers un dispositif important dans la composition. Les lignes sont aussi utilisées pour créer une perspective, et les lignes dominantes sont souvent utilisées pour créer un sens de continuité dans une composition. De plus, les lignes qui sont groupées ensemble créent souvent un sentiment de valeur, densité ou texture. Organique Rigide La figure (ou forme) Poids différents La définition la plus simple d une figure est un contour fermé, un élément défini par son périmètre. Les trois figures de bases sont : le cercle, le rectangle (ou carré) et le triangle. La figure est créée par la forme et la structure d un élément dimensionnel dans une composition donnée. La figure peut être en deux ou trois dimensions et peut être réaliste, abstraite ou quelque part entre les deux. Les termes figure et forme sont souvent utilisés de manière synonyme, c est pourquoi nous utilisons les deux ici. Dans la réalité, la figure est dérivée de la combinaison du point, de la ligne et de la forme. De contour Dimensionnelle

3 La texture La texture est utilisée pour donner l apparence d une surface, et se rapporte à la composition physique d une figure donnée. La texture se réfère souvent au matériau qui compose un objet, et peut être créée en utilisant n importe lequel des éléments déjà abordés. La texture est un phénomène à la fois visuel et tactile. Texture Rugueuse La couleur Texture Organique La couleur est la réponse de l œil à des longueurs d ondes différentes dans le spectre visible. Le spectre visible est ce que nous percevons comme la lumière. C est la partie que nous pouvons voir dans le spectre électromagnétique. L œil humain normal répond à des longueurs d ondes entre 400 et 700 nanomètres (nm), le rouge étant à une extrémité (700nm), le violet à l autre (400nm) et toutes les autres couleurs se situent entre ces deux couleurs. Il y a beaucoup de systèmes de couleurs différents, et beaucoup de théories différentes sur la couleur. Nous rentrerons dans ce genre de détail dans un futur article. Pour l instant nous allons nous concentrer sur les bases, en utilisant une roue chromatique pour illustrer nos propos. Il y a trois composantes principales de la couleur : Teinte : où se trouve la couleur sur la roue chromatique. Des mots tels que rouge, bleuvert ou mauve définissent tous la teinte d une couleur donnée. Valeur : le degré de clarté ou d obscurité d une couleur. En général, il s agit de déterminer à quelle proximité une couleur donnée est du blanc ou du noir. Saturation : l intensité, ou le niveau de chroma d une couleur. Plus une couleur est grise, moins elle a de chroma/moins elle est saturée.

4 Les harmonies de couleur Les harmonies de couleur servent à décrire les relations que certaines couleurs ont entre elles et comment elles peuvent être combinées pour créer une palette de couleur. Complémentaire : une harmonie complémentaire est une harmonie de deux couleurs situées à des côtés opposés de la roue chromatique. Quand des couleurs complémentaires sont placées l une à côté de l autre, elles ont tendance à renforcer leurs intensités (chroma) respectives, et quand elles sont mélangées ensemble elles ont tendance à diminuer leurs intensités respectives. Analogue : une harmonie analogue est une harmonie de couleur dont les teintes sont adjacentes sur la roue chromatique. Les couleurs analogues sont des familles de couleurs comme les bleus (bleu, bleu-violet, bleu-vert) et les jaunes (jaune, jaune-orange, jaunevert). Triadique : une harmonie triadique est une harmonie de 3 couleurs équidistantes les unes aux autre sur la roue chromatique. Les couleurs primaires et les couleurs secondaires sont des exemples de triades. Dans ces exemples, un espace de couleur soustractif a été utilisé pour améliorer l illustration. Complémentaire Analogue

5 Triadique Espaces de couleur La couleur est généralement utilisée de manière hiérarchique, en fonction de comment les couleurs sont mélangées. Un espace de couleur définit comment les couleurs sont mixées, en fonction du médium sur lequel les couleurs sont utilisées. Il existe deux types différents d espaces cde couleur : Soustractif : un espace de couleur soustractif est l espace de couleur traditionnel auquel la plupart des gens se réfèrent quand ils parlent de couleur. Il s agit d une couleur basée sur les pigments, comme le mélange de peinture. Dans un espace de couleur soustractif, les pigments manipulent les longueurs d ondes que voient nos yeux. L absence de pigment produit du blanc, et tous les pigments mélangés ensemble produit du noir. o Couleurs primaires : rouge, jaune, bleu. o Couleurs secondaires : orange, vert, violet. Additif :un espace de couleur additif est un espace de couleur électronique. Il s agit d une couleur basée sur la lumière, comme le mélange de couleur sur un ordinateur. Dans un espace de couleur additif, la lumière est ajoutée sur l écran en quantités différentes pour produire de la couleur. L absence de lumière produit du noir, et la présence de toute la lumière, ou la lumière à son intensité maximum, produit du blanc. o Couleurs primaires : rouge, vert, bleu. o Couleurs secondaires : jaune, magenta, cyan. soustractif Espace de couleur additif Espace de couleur

6 Concepts connexes Il y a de nombreux autres concepts qui sont liés aux éléments du design. Ils peut s agir de termes spécifiques et/ou de techniques qui sont d une certaine manière plus ou moins basés sur un ou plusieurs des principes présentées ci-dessus. Finalement, ils viennent s ajouter à la collection d outils de composition disponibles pour le designer. Typographie La typographie est l art d arranger les lettres (typeface), en sélectionnant le style, l interlignage, la mise en page et l apparence afin de solidifier le langage. La typographie a beaucoup de facettes, et nous n approcherons que brièvement les termes les plus communs. Ligne de base (ou ligne de pied) : la ligne sur laquelle repose toutes les lettres. Ligne des descendantes : la ligne atteinte par les descendantes (ou jambages inférieurs) des lettres en minuscule. Panse : la partie ronde ou elliptique d une lettre. Ligne des capitales : ligne atteinte par le haut des lettres majuscules. Contrepoinçon : espace blanc, partiellement ou totalement enclos à l intérieur de la panse d un caractère. Jambages : les jambages sont les parties des lettres qui s étendent soit sous la ligne de base (jambages inférieurs, ou ascendantes) ou au dessus de l oeil (jambage supérieurs, ou descendantes). Ligne médiane : ligne atteinte par le haut des lettres minuscules comme a, c ou e, ou par le haut de la panse de lettres minuscules comme b ou d. Serif : le trait ajouté à l une des extrémités des traits principaux d une lettre. Fût (ou montant) : le trait principal d une lettre, qui est généralement droit et ne fait pas partie d une panse. Ligne des ascendantes : la ligne atteinte par les ascendantes (ou jambages supérieurs) des lettres minuscules. Hauteur d x (ou corps) : distance entre la ligne de base et la ligne médiane d un alphabet. La hauteur d x est généralement la hauteur des lettres minuscules basses. Le Motif Le motif est la répétition d une figure ou d une forme. Il peut aussi refléter la structure sousjacente d un design en organisant les surfaces ou les objets de la composition. Il y a beaucoup de types de motifs différents.

7 Fluide : un motif fluide est basé sur la répétition d une ligne ondulante et reflète un chemin naturel dans la composition. Bifurquant : un motif bifurquant est une répétition de lignes intersectées ou des motifs de déviation. Ce genre de motifs se retrouve dans presque toutes les plantes et dans beaucoup d endroits du monde naturel. En spirale : un motif circulaire ou un motif qui se déroule et s enroule sur lui-même. Le mouvement Le mouvement peut être défini comme le déplacement d objets dans l espace au cours du temps, et est souvent décrit de deux manières : Conclusion Littéral : le mouvement littéral est le mouvement physique. Par exemple : l automobile, les films et la dance. Compositionnel : le mouvement compositionnel est le mouvement de l œil de la personne qui regarde la composition. Le mouvement compositionnel peut être soit statique, soit dynamique. Le mouvement statique saute entre les parties isolées d une composition. Un mouvement dynamique s écoule sans à-coup d une partie de la composition à une autre. Nous venons d explorer complètement les concepts fondamentaux du domaine du design. Les principes du design nous offrent une manière de regarder le monde. Les axiomes prédominants de la profession affectent le designer de manière universelle, et fournit un guidage pour toute composition. Les éléments du design se rapportent aux éléments de la composition elle-même, et fournit au designer des outils avec lesquels commencer son travail. Afin d explorer les principes fondamentaux du design, nous devions prendre un peu de recul d un type particulier de medium. Il est maintenant temps de se concentrer sur le Web.