WEBVTT Kind: captions Language: fr 00:00:02.260 --> 00:00:04.020 Disposition et composition. 00:00:04.020 --> 00:00:06.920 Dans un sens, ce sont les fondamentaux du design. 00:00:06.920 --> 00:00:12.060 Ils donnent à votre travail une structure qui la rend facile à naviguer, des marges 00:00:12.060 --> 00:00:16.810 sur les côtés... au contenu à l'intérieur. 00:00:16.810 --> 00:00:20.470 Bien sûr, ce n'est pas juste un travail avec le texte. 00:00:20.470 --> 00:00:25.090 La composition est tout aussi importante sur d'autres mediums, comme le design graphique, le web design, 00:00:25.090 --> 00:00:26.410 et bien d'autres. 00:00:26.410 --> 00:00:32.140 Sans une disposition bien composée, votre travail tomberait... en morceau. 00:00:32.140 --> 00:00:36.480 La clé pour la maîtrise de la disposition et la composition est de penser comme un designer. 00:00:36.480 --> 00:00:39.769 Heureusement, c'est plus facile que ça en a l'air. 00:00:39.769 --> 00:00:44.399 Il y a 5 principes basiques qui peuvent vous aider à transformer votre travail et 00:00:44.399 --> 00:00:45.850 aiguiser votre oeil pour le concevoir. 00:00:45.850 --> 00:00:50.210 Commençons par le haut puis nous continuerons vers le bas. 00:00:50.210 --> 00:00:55.789 La proximité est à propos de l'utilisation de l'espace visuel pour le mettre en relation avec son contenu. 00:00:55.789 --> 00:01:00.559 En pratique, c'est assez simple—tout ce dont vous avez besoin étant de vérifier si les éléments 00:01:00.559 --> 00:01:06.060 sont groupés ensemble; par exemple, les blocs de texte ou les éléments graphiques. 00:01:06.060 --> 00:01:10.210 Les groupes qui n'ont aucun lien ensemble devraient être séparés, afin de mettre un accent visuel 00:01:10.210 --> 00:01:12.440 sur leur manque de connexion. 00:01:12.440 --> 00:01:16.720 Au final, cela rend votre travail plus facile à comprendre en général—que ce soit 00:01:16.720 --> 00:01:21.500 purement textuel ou bien plus visuel. 00:01:21.500 --> 00:01:24.700 Les espaces blancs sont une part important de toute composition. 00:01:24.700 --> 00:01:30.510 Maintenant, cela ne veut pas dire littéralement "espace blanc"—cela veut simplement signifier l'espace négatif, 00:01:30.510 --> 00:01:36.520 comme l'espace entre votre contenu, entre les lignes et même les marges externes. 00:01:36.520 --> 00:01:41.730 Il n'y a pas qu'une seule façon d'utiliser l'espace libre correctement, mais il est bon de comprendre ses objectifs. 00:01:41.730 --> 00:01:46.210 Les espaces libres vous aident à définir et à séparer différentes sections ; 00:01:46.210 --> 00:01:48.270 cela donne à votre contenu de la place pour respirer. 00:01:48.270 --> 00:01:52.640 Si votre design commence à se sentir encombré ou inconfortable... un peu d'espace libre 00:01:52.640 --> 00:01:57.330 pourrait être ce que le docteur lui prescrirait. 00:01:57.330 --> 00:02:02.000 L'alignement est quelque chose que vous gérez tout le temps, même lorsque vous ne vous en rendez pas compte. 00:02:02.000 --> 00:02:07.890 A chaque fois que vous écrivez un email ou créez un document, le texte s'aligne automatiquement. 00:02:07.890 --> 00:02:13.299 Lorsque vous alignez les objets par vous même (par exemple, des images ou des blocs de textes séparés), 00:02:13.299 --> 00:02:15.409 le faire correctement peut être judicieux. 00:02:15.409 --> 00:02:18.620 La chose la plus importante est de pouvoir être consistant. 00:02:18.620 --> 00:02:22.079 Regardons ce que cela signifie. 00:02:22.079 --> 00:02:26.590 Cela pourrait vous aider, d'imaginer votre contenu arrangé au sein d'une grille. 00:02:26.590 --> 00:02:30.959 Remarquez comment il y a une ligne invisible qui centre chaque image à son texte. 00:02:30.959 --> 00:02:36.389 Chaque groupe est espacé de façon équilibré et aligné, avec des marges égales. 00:02:36.389 --> 00:02:40.879 C'est cette attention aux détails qui rend la composition plus facile à naviguer. 00:02:40.879 --> 00:02:48.349 Sans alignement consistant, votre travail pourrait avoir l'air désorganisé. 00:02:48.349 --> 00:02:52.459 Le contraste signifie simplement qu'un élément est différent d'un autre. 00:02:52.459 --> 00:02:57.239 Dans les règles de disposition et de composition, le contraste peut vous aider à faire plusieurs choses ; par exemple, 00:02:57.239 --> 00:03:02.870 attirer l'attention du lecteur, créer une accentuation, ou apple l'attention sur quelque chose d'important. 00:03:02.870 --> 00:03:07.950 Il y a pleins de stratégies pour créer du contraste. 00:03:07.950 --> 00:03:14.700 Vous pouvez utiliser de la couleur... ajuster la taille, la forme, ou le poids visuel d'un objet... 00:03:14.700 --> 00:03:18.209 ou bien contraster les styles du texte. 00:03:18.209 --> 00:03:22.910 Le contraste est très proche de la notion de hiérarchie, une technique visuelle qui aide le lecteur 00:03:22.910 --> 00:03:24.799 à naviguer au travers de votre travail. 00:03:24.799 --> 00:03:29.439 En d'autres termes, cela leur montre où commencer et où continuer ensuite, en utilisant 00:03:29.439 --> 00:03:32.230 différents niveaux d'accentuation. 00:03:32.230 --> 00:03:37.209 Etablir la hiérarchie est simple : il faut décider quels éléments vous voulez que votre lecteur remarque 00:03:37.209 --> 00:03:40.609 en premier, puis de les faire ressortir. 00:03:40.609 --> 00:03:46.069 Les éléments en hauteur ou les plus importants sont souvent plus larges, plus épais, et plus attractifs dans un certain sens. 00:03:46.069 --> 00:03:49.140 00:03:49.140 --> 00:03:54.109 La répétition est un rappel que tout projet devrait avoir un visuel et un ressenti consistants. 00:03:54.109 --> 00:03:59.790 Cela veut dire qu'il faut trouver des façons de renforcer votre design en répétant certains éléments. 00:03:59.790 --> 00:04:06.260 Par exemple, si vous avez une palette de couleur spécifique, essayer de trouver des moyens de la maintenir. 00:04:06.260 --> 00:04:10.790 Si vous avez choisi une entête spéciale, utilisez la à chaque fois. 00:04:10.790 --> 00:04:15.529 Ce n'est pas juste pour des raisons esthétiques—être consistant peut rendre votre travail 00:04:15.529 --> 00:04:17.030 bien plus facile à lire. 00:04:17.030 --> 00:04:26.460 Lorsque le lecteur sait à quoi s'attendre, il peut se détendre et ainsi se concentrer sur le contenu. 00:04:26.460 --> 00:04:31.650 De plusieurs façons, la disposition et la composition sont les héros méconnus du design. 00:04:31.650 --> 00:04:35.900 Il est facile de négliger leur rôle, mais ils font partis de tout ce que vous faites. 00:04:35.900 --> 00:04:43.570 Un 'nudge' par ci... un peu d'espace libre par là... et voilà! 00:04:43.570 --> 00:04:51.900 Avec un peu d'attention sur les détails, vous pouvez créer de belles compositions professionnelles. 00:04:51.900 --> 00:04:55.750 Merci d'avoir suivi avec nous les bases de la disposition et de la composition. 00:04:55.750 --> 00:05:00.820 Faites un tour sur le reste de nos vidéos, incluants la typographies, les couleurs, et les images.