Chapitre 7
La droite
Lecture : 14 minQuiz de 16 questions
# La droite
## La représentation de la droite
et les droites remarquables
### Introduction
Les droites sont des éléments fondamentaux en graphisme et en infographie. Elles structurent l'espace, guident le regard, et définissent la composition d'une image. Comprendre comment les représenter mathématiquement et comment les différentes catégories de droites se comportent est essentiel pour créer des designs précis et équilibrés. Dans cette leçon, nous allons explorer la représentation mathématique des droites et découvrir les caractéristiques des droites dites "remarquables".
### Concepts Clés
#### Qu'est-ce qu'une droite ?
En géométrie, une droite est une ligne continue, infinie, et sans épaisseur. En infographie, bien qu'elle soit souvent limitée par des points ou des segments, elle conserve ses propriétés de direction et de position. Elle est utilisée pour :
* Créer des grilles de composition.
* Définir des contours ou des séparations.
* Indiquer la perspective et la profondeur.
* Apporter du dynamisme ou de la stabilité à une création.
#### La représentation mathématique d'une droite
En général, une droite non verticale peut être représentée par une équation simple appelée l'équation réduite ou l'équation cartésienne:
\[ y = mx + p \]
Où:
* \( y \) représente l'ordonnée (position verticale sur l'axe des y).
* \( x \) représente l'abscisse (position horizontale sur l'axe des x).
* \( m \) est la **pente** (ou coefficient directeur) de la droite. Elle indique son inclinaison. Une pente positive signifie que la droite monte de gauche à droite, une pente négative qu'elle descend. Plus la valeur absolue de \( m \) est grande, plus la droite est "raide".
* \( p \) est l'**ordonnée à l'origine**. C'est le point où la droite traverse l'axe des ordonnées (l'axe y), c'est-à-dire la valeur de \( y \) lorsque \( x = 0 \).
Pour calculer la pente \( m \) d'une droite passant par deux points \( A(x_1, y_1) \) et \( B(x_2, y_2) \), on utilise la formule:
\[ m = \frac{y_2 - y_1}{x_2 - x_1} \]
#### Les droites remarquables
Certaines droites ont des propriétés spécifiques qui les rendent particulièrement utiles en design.
##### Les droites horizontales
* **Définition:** Ce sont des droites parfaitement plates, parallèles à l'axe des abscisses (axe x).
* **Équation:** \( y = k \) (où \( k \) est une constante, l'ordonnée à l'origine).
* **Pente:** Leur pente \( m \) est toujours égale à \( 0 \).
* **Rôle en design:** Elles évoquent la stabilité, le calme, l'horizon, la base.
##### Les droites verticales
* **Définition:** Ce sont des droites parfaitement droites, parallèles à l'axe des ordonnées (axe y).
* **Équation:** \( x = k \) (où \( k \) est une constante, l'abscisse du point de passage).
* **Pente:** Leur pente est indéfinie (on dit parfois infinie), car \( x_2 - x_1 = 0 \) dans la formule de la pente, ce qui rend la division par zéro impossible.
* **Rôle en design:** Elles suggèrent la hauteur, la puissance, la structure, la séparation.
##### Les droites parallèles
* **Définition:** Deux droites sont parallèles si elles ne se coupent jamais, même si on les prolonge à l'infini.
* **Caractéristique:** Elles ont la **même pente**. Si \( D_1 \) a pour équation \( y = m_1x + p_1 \) et \( D_2 \) a pour équation \( y = m_2x + p_2 \), alors \( D_1 \) et \( D_2 \) sont parallèles si \( m_1 = m_2 \).
* **Rôle en design:** Elles créent le rythme, la répétition, l'unité, ou un sentiment d'ordre.
##### Les droites perpendiculaires
* **Définition:** Deux droites sont perpendiculaires si elles se coupent en formant un angle droit (90 degrés).
* **Caractéristique:** Le produit de leurs pentes est égal à \( -1 \). Si \( D_1 \) a pour pente \( m_1 \) et \( D_2 \) a pour pente \( m_2 \), alors \( D_1 \) et \( D_2 \) sont perpendiculaires si \( m_1 \times m_2 = -1 \) (sauf si l'une est horizontale et l'autre verticale).
* **Rôle en design:** Elles apportent le contraste, la structure solide, l'équilibre, le cadre.
##### Les droites diagonales
* **Définition:** Ce sont des droites qui ne sont ni horizontales ni verticales.
* **Pente:** Leur pente \( m \) est non nulle et non indéfinie.
* **Rôle en design:** Elles créent le mouvement, le dynamisme, la profondeur, la perspective.
### Vocabulaire
* **Droite:** Ligne continue, infinie, sans épaisseur.
* **Pente (Coefficient directeur):** Mesure de l'inclinaison d'une droite, notée \( m \).
* **Ordonnée à l'origine:** Valeur de \( y \) lorsque \( x = 0 \), point où la droite coupe l'axe des ordonnées, notée \( p \).
* **Axe des abscisses (axe x):** L'axe horizontal dans un repère cartésien.
* **Axe des ordonnées (axe y):** L'axe vertical dans un repère cartésien.
* **Parallèle:** Se dit de deux droites qui ne se rencontrent jamais et ont la même pente.
* **Perpendiculaire:** Se dit de deux droites qui se coupent à angle droit (90°).
* **Point:** Position spécifique définie par des coordonnées \( (x, y) \).
* **Coordonnées:** Les valeurs \( x \) et \( y \) qui définissent la position d'un point dans un plan.
### Exemples
#### Exemple 1: Trouver l'équation d'une droite
Soit une droite passant par les points \( A(1, 2) \) et \( B(3, 6) \).
1. **Calcul de la pente \( m \):**
\[ m = \frac{6 - 2}{3 - 1} = \frac{4}{2} = 2 \]
2. **Utilisation d'un point pour trouver \( p \):**
On sait que \( y = mx + p \). Utilisons le point \( A(1, 2) \):
\( 2 = 2(1) + p \)
\( 2 = 2 + p \)
\( p = 0 \)
3. **L'équation de la droite est donc:** \( y = 2x \).
#### Exemple 2: Application en infographie - Grille de composition
Imaginez une grille de composition pour un logo. Vous pourriez avoir:
* Des lignes horizontales de stabilité: \( y = 50 \) et \( y = 200 \).
* Des lignes verticales pour la structure: \( x = 30 \) et \( x = 180 \).
* Une ligne diagonale pour le dynamisme (ex: \( y = -1x + 250 \)).
* Une ligne perpendiculaire à la diagonale pour un point d'équilibre (ex: \( y = 1x + 100 \)).
### Exercices
1. Calculez la pente \( m \) et l'ordonnée à l'origine \( p \) de la droite passant par les points \( C(2, 5) \) et \( D(4, 9) \). Donnez son équation.
2. Quelle est l'équation d'une droite horizontale passant par le point \( E(-3, 7) \)?
3. Quelle est l'équation d'une droite verticale passant par le point \( F(5, -1) \)?
4. Les droites \( D_1: y = 3x - 2 \) et \( D_2: y = 3x + 5 \) sont-elles parallèles? Justifiez votre réponse.
5. La droite \( D_3: y = 2x + 1 \) et la droite \( D_4: y = -0.5x + 3 \) sont-elles perpendiculaires? Justifiez votre réponse.
### Devoir
1. **Composition graphique:** Sur une feuille de papier millimétré ou un logiciel de dessin (comme Inkscape ou Adobe Illustrator), créez une composition abstraite en utilisant au moins deux droites horizontales, deux droites verticales, deux droites parallèles, et deux droites perpendiculaires. Indiquez les équations de chaque droite que vous utilisez.
2. **Analyse d'image:** Recherchez un logo ou une œuvre d'art célèbre. Identifiez et décrivez verbalement (ou en traçant) les différentes droites remarquables que vous pouvez y trouver et comment elles contribuent à l'esthétique ou au message de l'œuvre.
3. **Construction de formes:** Écrivez les équations de quatre droites qui formeraient un carré dans un repère cartésien. Précisez les coordonnées des sommets du carré.
### Résumé
Les droites sont des outils essentiels en infographie. Leur compréhension mathématique via l'équation \( y = mx + p \) nous permet de contrôler leur **pente** \( m \) (inclinaison) et leur **ordonnée à l'origine** \( p \) (position sur l'axe y). Nous avons identifié des droites remarquables comme les horizontales (\( y=k \), \( m=0 \)), les verticales (\( x=k \), \( m \) indéfinie), les parallèles (même \( m \)), et les perpendiculaires (\( m_1 imes m_2 = -1 \)). Maîtriser ces concepts offre la précision nécessaire pour des compositions visuelles percutantes et équilibrées.
## Les constructions sur les droites
### Introduction
Dans le monde du graphisme et de l'infographie, la maîtrise des concepts géométriques fondamentaux est essentielle. Les droites sont les blocs de construction de base de toute image, de tout design, de toute typographie. Comprendre comment les construire, les manipuler et les relier entre elles avec précision est crucial pour créer des œuvres visuellement équilibrées et techniquement solides. Cette leçon explorera les différentes constructions possibles sur les droites, vous donnant les outils pour des designs plus élaborés et précis.
### Concepts Clés
#### Qu'est-ce qu'une droite ?
Une droite est une ligne infinie, sans épaisseur, composée d'une infinité de points alignés. Elle n'a ni début ni fin. En géométrie, une droite est souvent désignée par une lettre minuscule, comme \( d \), ou par deux points distincts qui la traversent, par exemple \( (AB) \).
#### Les segments et demi-droites
* ### Le segment
Un segment est une partie d'une droite limitée par deux points. Ces deux points sont appelés les "extrémités" du segment. Un segment est noté entre crochets, par exemple \( [AB] \), indiquant qu'il inclut les points A et B et tous les points entre eux. Un segment a une longueur finie.
* ### La demi-droite
Une demi-droite est une partie d'une droite qui a un point de départ (appelé "origine") mais pas de fin. Elle s'étend à l'infini dans une direction. Elle est notée avec un crochet pour l'origine et une parenthèse pour le point par lequel elle passe et au-delà, par exemple \( [Ax) \), où A est l'origine et x un point sur la demi-droite.
#### Relations entre les droites
* ### Droites parallèles
Deux droites sont dites parallèles si elles ne se rencontrent jamais, quelle que soit la distance à laquelle elles sont prolongées. La distance entre elles reste constante. En notation mathématique, on écrit \( d_1 ext{ // } d_2 \).
* **Construction :** Pour tracer une droite parallèle à une autre, on utilise généralement une équerre et une règle. On place l'un des côtés de l'angle droit de l'équerre le long de la droite existante, puis on fait glisser la règle le long de l'autre côté de l'équerre. En déplaçant l'équerre le long de la règle, on peut tracer la droite parallèle.
* ### Droites perpendiculaires
Deux droites sont perpendiculaires si elles se coupent en formant un angle droit (un angle de \( 90^ ext{o} \)). En notation mathématique, on écrit \( d_1 ext{ } ot ext{ } d_2 \).
* **Construction :** Pour tracer une droite perpendiculaire, on utilise également une équerre et une règle. On place l'un des côtés de l'angle droit de l'équerre le long de la droite existante, et l'autre côté de l'angle droit permet de tracer la droite perpendiculaire.
* ### Droites sécantes
Deux droites sont sécantes si elles se coupent en un seul point. Si l'angle d'intersection n'est pas de \( 90^ ext{o} \), elles sont juste sécantes et non perpendiculaires.
#### Constructions fondamentales
* ### Médiatrice d'un segment
La médiatrice d'un segment est la droite perpendiculaire à ce segment qui passe par son milieu. Tous les points situés sur la médiatrice sont équidistants des deux extrémités du segment.
* **Construction au compas :** À partir de chaque extrémité du segment \( [AB] \), tracez deux arcs de cercle de même rayon (suffisamment grand pour qu'ils se croisent). Reliez les deux points d'intersection des arcs : cette droite est la médiatrice.
* **Coordonnées du milieu :** Si un segment \( [AB] \) a pour extrémités \( A(x_A, y_A) \) et \( B(x_B, y_B) \), son milieu \( M \) a pour coordonnées \[ M ext{ } igg( rac{x_A+x_B}{2}, rac{y_A+y_B}{2} igg) \]
* ### Bissectrice d'un angle
La bissectrice d'un angle est la demi-droite qui partage cet angle en deux angles égaux. Tous les points situés sur la bissectrice sont équidistants des deux côtés de l'angle.
* **Construction au compas :** À partir du sommet de l'angle, tracez un arc de cercle qui coupe les deux côtés de l'angle. À partir de chacun de ces points d'intersection, tracez deux nouveaux arcs de cercle de même rayon. Le point d'intersection de ces deux arcs, relié au sommet de l'angle, donne la bissectrice.
* ### Tracer une droite parallèle à une autre passant par un point donné
Utiliser la technique de l'équerre et de la règle : Placer l'équerre le long de la droite donnée. Faire glisser la règle contre l'autre côté de l'équerre. Déplacer l'équerre le long de la règle jusqu'à ce que son premier côté passe par le point donné. Tracer la droite.
* ### Tracer une droite perpendiculaire à une autre passant par un point donné
Utiliser l'équerre : Aligner un côté de l'angle droit de l'équerre avec la droite donnée et faire passer l'autre côté de l'angle droit par le point donné. Tracer la droite.
### Vocabulaire
* **Droite :** Une ligne infinie de points alignés.
* **Segment :** Une partie de droite limitée par deux points.
* **Demi-droite :** Une partie de droite ayant une origine mais pas de fin.
* **Parallèle :** Se dit de deux droites qui ne se coupent jamais.
* **Perpendiculaire :** Se dit de deux droites qui se coupent en formant un angle droit (\( 90^ ext{o} \)).
* **Sécante :** Se dit de deux droites qui se coupent en un point.
* **Médiatrice :** Droite perpendiculaire à un segment qui passe par son milieu.
* **Bissectrice :** Demi-droite qui divise un angle en deux angles égaux.
* **Angle droit :** Un angle de \( 90^ ext{o} \).
* **Milieu :** Point situé à égale distance des deux extrémités d'un segment.
### Exemples
1. **Création de grilles de mise en page :** En infographie, les grilles sont fondamentales pour organiser le contenu. Elles sont construites à l'aide de droites parallèles et perpendiculaires pour assurer l'alignement et la symétrie des éléments (textes, images) sur une page ou un écran.
2. **Conception de logos symétriques :** Pour un logo nécessitant une parfaite symétrie (comme un blason ou un sigle), la construction de la médiatrice d'un segment (par exemple, la base du logo) ou de la bissectrice d'un angle peut garantir l'équilibre visuel et la précision du design.
3. **Illustrations isométriques :** Certaines représentations en 3D (sans perspective fuyante) utilisent des lignes parallèles pour représenter la profondeur, ce qui nécessite une compréhension et une construction précises des droites parallèles.
### Exercices
1. Dessinez une droite \( d_1 \). À l'aide d'une équerre et d'une règle, tracez une droite \( d_2 \) parallèle à \( d_1 \) à une distance de \( 3 \) cm.
2. Tracez un segment \( [AB] \) de \( 7 \) cm de long. Construisez sa médiatrice en utilisant un compas.
3. Dessinez un angle quelconque. Construisez sa bissectrice à l'aide d'un compas.
4. Dessinez une droite \( d \) et un point \( P \) qui n'appartient pas à \( d \). Construisez la droite passant par \( P \) et perpendiculaire à \( d \).
### Devoirs
1. Créez un petit design (par exemple, une icône simple, un motif abstrait ou l'esquisse d'un logo) en utilisant au moins trois des constructions de droites apprises aujourd'hui (parallèles, perpendiculaires, médiatrice, bissectrice). Justifiez le choix de vos constructions.
2. Recherchez des exemples d'œuvres d'art ou de designs graphiques célèbres (logos de marques, affiches, architectures) qui utilisent de manière évidente des constructions de droites (parallélisme, perpendicularité, symétrie). Préparez-vous à présenter un exemple en classe.
### Résumé
Les constructions sur les droites sont les fondations de la géométrie et, par extension, de l'infographie. Nous avons exploré la nature des droites, des segments et des demi-droites, ainsi que les relations qu'elles peuvent entretenir (parallèles, perpendiculaires, sécantes). La capacité à construire précisément une médiatrice, une bissectrice ou des droites parallèles/perpendiculaires est une compétence essentielle. Maîtriser ces techniques vous permettra de concevoir des créations graphiques plus structurées, équilibrées et professionnelles, apportant rigueur et cohérence à vos projets.
Quiz du chapitre
16 questions — vérifie chaque réponse pour voir l'explication.