Les bases du design : Les quatre principes fondamentaux

1. Introduction: Donc tu veux être designer ? , La bonne nouvelle,c'est que tu es au bon endroit. Cette classe va couvrir les quatre principes fondamentaux du design. Ce sont les blocs de construction de tous les grands modèles. Le design n'est vraiment pas compliqué, ou du moins il ne devrait pas l'être. Et une fois que vous comprenez les quatre principes de base du design et que vous les appliquez dans votre travail, vos conceptions commenceront à détourner le regard. Les visuels Better Designing ne prennent pas un talent rare dont seulement quelques personnes sont bénies . Et le design n'est pas un art mystique que vous devez gravir au sommet d'une vie d'orteil de montagne parce qu'il est une discipline basée sur des principes. N' importe qui, n'importe où peut commencer à apprendre à concevoir. Une fois que vous avez appris les principes, vous pouvez commencer à les appliquer immédiatement à votre travail. Cela ne veut pas dire que le design est complètement formulé. Il y a beaucoup de place pour la pensée créative et le design, et les concepteurs poussent et brisent les principes de manière unique pour créer des designs incroyables. Mais vous devez comprendre les principes avant de pouvoir commencer à les utiliser de manière unique. Alors commençons. Plongons et apprenons sur les quatre principes fondamentaux du design 2. Principe 1 : Proximité: le premier principe que nous allons apprendre est celui de la proximité. La proximité signifie simplement à quel point les choses sont proches. Si je tiens mes mains serrées, ils sont proches l'un de l'autre. Pourquoi la proximité est-elle importante conception ? Parce que le cerveau humain utilise la proximité perçue pour déterminer les relations sur les choses. Par exemple, si deux choses sont rapprochées, alors nous les percevons comme étant liées ou comme étant comme l'une l'autre. Alors que si deux choses sont éloignées, nous percevons qu'elles sont différentes les unes des autres ou qu'elles n'ont aucune relation, un endroit facile pour nous voir un exemple d'inaction de proximité est avec ces deux cartes. Actuellement, la proximité des clés des cartes ne nous dit rien sur leur relation, et en tant qu'utilisateur, nous devrions faire un travail déductif pour déterminer quelle clé avec quelle carte. Mais si nous appliquons le principe de proximité à cette conception, il devient rapidement clair quelle clé va avec quelle carte. Nous pouvons déterminer cette relation en fonction de l'endroit où se trouvent la carte et la clé. Donc, lorsque vous concevez, gardez toujours à l'esprit le principe de proximité. Si vous avez deux éléments, ils sont censés être liés sont-ils assez proches pour que l'utilisateur puisse le déterminer  ? Et si vous avez des éléments qui ne sont pas censés être liés, sont-ils assez éloignés et hors les uns des autres assez pour que l'utilisateur Comptel ? 3. Principe 2 : Alignement: l' alignement est l'un des principes les plus importants dans la conception. C' est l'un des aspects les plus agréables quand il est bien fait et est l'un des aspects les plus aggravants pour les téléspectateurs quand il est mal fait. C' est aussi l'un des domaines où les nouveaux designers semblent se battre le plus simplement parce qu'ils n'y prêtent pas attention ou parce qu'ils ne connaissent pas les outils à gérer. Jetons un coup d'oeil à quelques exemples d'un vin d'abord. Nous avons trois cercles. Ces cercles ne sont pas alignés tout. Ils ont l'air à moitié dangereux, et il y a un sentiment de chaos à propos de ça. Le spectateur éprouve une certaine anxiété juste parce qu'il y a un manque d'ordre dans l'image. Dans ce cas, nous pouvons le faire sentir mieux en alignant simplement le cercle. Maintenant, les cercles sont tous alignés le long de leur ligne centrale. Parce que tous ces cercles ont la même taille. Ils sont également alignés le long de leur partie supérieure et inférieure. Si les cercles étaient de tailles différentes, nous devrions choisir quel aspect d'eux à aligner. Nous pouvons aligner ce centre ou nous pouvons aligner le haut ou nous pouvons apprendre le corps. Chaque alignement présente une relation différente entre. Dans ce cas, l'alignement inférieur transmet un sentiment de croissance du deuxième au troisième cercle. Une autre partie du concept d'alignement est la distribution. Dans ce cas, tous ces cercles ont un espace égal entre. Ceci est agréable à l'œil du spectateur et indique que la relation entre le premier et le deuxième cercle est la même que la relation entre le deuxième et le troisième. Monsieur, il y a d'autres façons d'aligner les objets quand ils vont de haut en bas. La première, comme vous l'auriez deviné, est d'aligner leur centre. Les bords gauche et droit sont également alignés parce qu'ils ont la même taille. Mais bien sûr, cela change. Si nous changeons la taille de l'un des maintenant, nous pouvons choisir où aligner. Soyez toujours conscient de l'apparence des choses quand elles sont alignées. Par exemple, lorsque mes cercles sont alignés vers la gauche, mon cercle supérieur semble un peu gênant, comme s'il était sur le point de tomber. Si je change mes formes deux carrés, cependant, cependant, alors cet alignement à gauche donne un sens de hiérarchie comme le carré supérieur est plus important, et au-dessus des deux autres cours, nous pourrions également les aligner vers la droite, et cela donnerait une sensation différente aussi. Rappelez-vous que l'alignement est crucial, mais il est très difficile d'obtenir le droit en regardant. Tous les programmes de conception numérique ont des outils d'alignement intégrés à eux, alors assurez-vous de les utiliser au fur et à mesure que vous êtes conçu. 4. Principe 3 : répétitions: le prochain principe dont nous allons parler, c'est la répétition. Répéter les éléments tout au long de votre conception aide à donner un champ cohérent à la paix. répétition d'éléments sur plusieurs conceptions donne un champ cohérent à une marque ou à un portefeuille. Il y a beaucoup de choses qui peuvent être répétées dans la conception. Trois des plus communs sont le type, la forme et la couleur. Vous m'avez vu faire ça tout au long du cours. Toutes mes diapositives ont utilisé le même type face répétant forme, des éléments comme le souligné et les couleurs noir et blanc. Regardons un exemple de paix de conception avec répétition. Ici, nous avons une maquette d'un ensemble d'instructions. Qu' est-ce que nous voyons qui se répète ici ? Il y a l'élément de nombre répété sur le côté gauche, tous dans la même couleur et tous dans la même forme. La police est la même partout. Du poids est différent. Entre les sous-titres et le corps du texte, nous répétons la taille pour montrer le type de texte de chaque pièce. Bien que l'image soit différente pour chaque étape, elle est toujours au même endroit par rapport au texte et les éléments de forme comme le ciel et les collines restent les mêmes. Vous devriez toujours regarder votre pièce et vous assurer que vous répétez des éléments tout au long. Les éléments répétés aident à réduire la charge cognitive du spectateur car une fois qu'ils ont compris l'un des éléments répétitifs, ils comprennent immédiatement ceux qui suivent. 5. Principe 4 : Contraste: Le prochain principe dont nous allons parler est le contraste. Le contraste est quand les choses sont différentes, mettant le contraste dans votre assurance design qu'il sera lisible. Et comme tous les principes de conception, contraste aide à définir les relations entre les éléments d'une mise en page. La clé, en revanche, est de s'assurer que les choses qui sont différentes sont vraiment différentes. Ils ne peuvent pas être un peu différents, ou le spectateur sera confus quant à savoir s'ils sont censés être différents ou non . Et la relation entre les éléments deviendra embrouillée. Il existe plusieurs façons de créer un contraste. Jetons un coup d'oeil à quelques exemples. Black on White est un exemple de bon contrat. Comme Grand White est un exemple de mauvaise conscience. Vous pouvez contraster de différentes façons. L' un d'entre eux est avec la taille. Vous pouvez contraster les grandes choses avec de petites choses. Une autre façon de créer un contraste est avec la forme. Vous pouvez contraster les fonds Sarah, polices San Serif. Ce n'est pas une classe de typographie, mais sachez simplement qu'une police Sarah a de petites ailes sur les lettres dans une police sans serif ne l'a pas. Une autre façon de créer un contraste est avec la couleur. Il y a plusieurs façons de prier contraste avec la couleur, y compris varier vos teintes et nuances. Mais le plus simple est d'utiliser des couleurs complémentaires pour contraster ces couleurs d'air qui sont opposées sur la couverture, comme le rouge et le vert, bleu et l'orange et le violet et le jaune. Le contraste est crucial pour que le spectateur puisse comprendre votre design. Pour cette raison, mauvais contraste peut être un piège, et même les concepteurs expérimentés peuvent créer un mauvais contraste pour une sorte de sensation artistique qui finit par rendre leur design complètement inutilisable. Soyez donc toujours conscient du niveau de contraste dans votre 6. Exemple d'analyse et projet de cours: c' est tout. Nous avons appris les quatre principes fondamentaux du design. Vous êtes maintenant prêt à partir et commencer à utiliser ces principes dans votre propre travail de conception. Mais la meilleure façon d'internaliser ces principes est de commencer à les chercher tout autour de vous. Pour cette raison, le projet de ce cours est pour vous d'aller trouver des exemples de ces principes dans le monde réel . Ici, les étapes du projet trouvent au moins des pièces redessinées. Vous avez confiné Mawr si vous voulez, mais vous avez vraiment besoin d'au moins trois pour commencer. Ceux-ci peuvent être tout ce qu'ils peuvent être des publicités, des interfaces de programmes informatiques, des panneaux d'affichage, des cartes de visite, tout ce qui est une pièce visuellement conçue. Prenez des photos de ces pièces, puis téléchargez ces photos dans le projet. Ensuite, dans votre projet, analysez les quatre principes tels que vous les voyez dans chacun des morceaux de design. Permettez-moi de vous montrer ce que je veux dire avec quelques exemples. Ici, nous avons une publicité. On dirait qu'il apparaîtrait probablement dans un magazine, et nous voulons l'analyser selon les quatre principes fondamentaux, donc nous allons commencer par les parcourir. Parlons de proximité pendant une seconde. Où voit-on la proximité ici ? Eh bien, nous voyons la proximité dans les titres au-dessus du chapeau, non ? Donc les titres sont censés se rapporter aux chapeaux. Et avec le grand chat, il y a une bonne proximité. Mais avec un chapeau court, la proximité n'est pas aussi grande. Le titre est loin de là, et il peut être difficile de déterminer la relation là-bas, autant plus que c'est le premier reçu 1. Pourquoi c'est ça ? Ils veulent que les titres restent alignés, j'en suis sûr. Ils veulent que les titres restent alignés, Ils utilisent donc le principe de l'alignement pour garder ces titres en ligne les uns avec les autres. outre, le fait que vous devez baisser les yeux est en utilisant ce manque de proximité pour vraiment souligner leur point que leurs invités sont différents. Puis les passagers, une autre compagnie aérienne. Où est-ce qu'on voit l'alignement ici ? Eh bien, les chapeaux sont alignés ensemble de sorte qu'ils sont sur un jeu uniforme, ce qui rend le contraste entre eux d'autant plus évident. Vous pouvez voir que nous ne pouvons pas vraiment parler d'un seul des principes du design sans parler des autres. Le contraste ici devient un peu faible sur le côté gauche, où nous avons le blanc du chapeau avec l'extrémité plus claire de ce vert bleuâtre rayonnant. Donc ce n'est pas mon préféré pour le contraste. Le contraste est vraiment bon sur le chapeau plus grand, et comme c'est l'accent de la pièce, je suppose qu'ils essaient de guider notre I là-bas. Mais j'apprécierais encore plus de contraste sur le côté gauche. Qu' est-ce qu'on a ? A. Pour la répétition ? Eh bien, nous avons la ferme répétée dans les titres de chacun du chapeau, donc les passagers a et nos invités dînent. C' est la même ferme. Nous avons des fermes blanches partout sauf dans le logo, et nous avons la répétition de la couleur vert bleuâtre tout au long de la conception. Les chapeaux eux-mêmes sont un élément de répétition parce que vous avez un chapeau et ensuite vous en avez un autre. Mais ils sont aussi un élément de contraste parce que évidemment vous êtes censé comparer l'un à l'autre et déterminé que celui de droite est meilleur que celui de gauche. D' accord, regardons un autre examen. Voici un panneau pour la crème glacée McDonald's, et qu'est-ce qu'on voit ici ? Eh bien, parlons de proximité. Les deux cônes sont placés à proximité les uns des autres, ce qui leur donne la proximité les uns des autres, nous invitant à comparer directement le fait qu'il y a deux vient là. Mais le texte de l'autre côté est placé loin l'un de l'autre, sorte que le texte n'est pas nécessairement lié. Eh bien, c'est lié, mais c'est la proximité des cônes qui le rassemble et nous aide à comprendre la relation entre maintenant. contraste ici est très bon. Évidemment, nous avons le brun foncé et le blanc comme couleurs primaires ici, et nous avons du texte blanc sur fond brun foncé et du texte brun foncé sur un fond blanc puis de la crème glacée blanche et de la crème glacée brun foncé. Donc, les années de contraste grande. C' est facile à lire, ce qui est très important dans la création d'un panneau d'affichage. En ce qui concerne la répétition, nous avons la répétition des couleurs qui lie l'ensemble de la pièce. Et nous avons la répétition de la ferme, ce qui réduit l'amour cognitif en ne nous demandant pas de changer le type de police que nous lisons pendant que nous sommes au milieu de celle-ci. Nous avons un contraste entre la taille du texte pour le prix et la taille du texte pour ce qu'il est donc Évidemment, ils essaient de mettre l'accent sur le prix en le rendant plus grand. L' alignement ici est un peu intéressant. Évidemment, les arrivées sont au milieu de la paix là-bas, le tir primaire là-bas, toute l'idée derrière elle. Et puis nous avons du texte sur chaque côté du texte, qui est laissé aligné sur lui-même, mais ensuite commencer dans le yang, notre centre aligné Eh bien, en fait, je pense que sur la droite, il y a la ligne gauche au centre du yang, l'alignement sur la gauche, sur le donc l'alignement. Tu sais, ça marche, mais peut-être que ça pourrait être mieux. D' accord, aller de l'avant. C' est l'application météo sur IOS, et c'est donc vraiment important. Il y a beaucoup d'informations visuelles qui sont communiquées, et donc appliquer les principes du design ici est vraiment très important. proximité est si importante que la température principale est à proximité du nom du château de la ville, qu'il est évident que c'est la température à Los Angeles. C' est important à l'époque, et l'icône de la météo dans ce cas, le soleil et la température attendue à ce moment-là sont tous proches de sorte qu' il est évident qu'à 13h, il sera ensoleillé et 86 degrés. Il y a aussi l'alignement qui se passe là, donc ils alignent chacune de ces pièces au centre ensemble afin qu'il soit facile de les lire et vous pouvez dire qu'elles vont tous en bas. Il y a un alignement horizontal. Ce qui est intéressant ici, c'est qu'ils changent réellement l'alignement. Ils font d'abord un contraste de l'alignement, en commençant par l'alignement descendant. Et puis ils Lima aller tout droit à travers la lecture samedi sera ensoleillé avec un sommet de 88 bas de 63. Vous pouvez voir qu'ils contrastent le blanc de la 88 avec le bleu grisâtre de la 63 ils essaient orteil souligner par contraste ce que le haut sera et de souligner ce que le bas Ce sont juste des choix que nous faisons dans la conception, mais la compréhension des principes nous aide à faire ces choix. Donc, évidemment, ici il y a la répétition des formulaires, donc la ferme pour les différents éléments se répète. Donc, quand ce sont des mots, c'est une certaine police, et quand c'est des nombres, c'est une forme différente, et il y a une répétition d'icônes. Donc, le soleil apparaît et le même soleil apparaît quand il est partiellement nuageux afin qu'ils ne changent pas cet élément. C' est cet élément était un symbole solaire complètement différent qui augmenterait la charge cognitive sur le spectateur. Ok, ça va le faire pour ces exemples. C' est le genre d'analyse que je veux vous voir faire dans votre projet de partage de compétences. Lorsque vous téléchargez vos photos, dites-nous ce que vous voyez se passer avec les quatre éléments du design. 7. Conclu: félicitations. Vous êtes arrivé jusqu'à la fin du cours. Vous avez appris les quatre principes fondamentaux du design. Alors la question suivante pourrait être, où allez-vous d'ici pour devenir designer ? Eh bien, la première chose à faire est de terminer le projet pour ce cours, comme nous l'avons dit dans la dernière vidéo. Cela vous aidera à commencer à chercher les quatre principes fondamentaux dans le monde qui vous entoure. Et c'est quelque chose que tu devrais faire tous les jours. Chaque fois que vous avez un peu de temps. Chaque fois que vous êtes nouveau, pensez aux quatre principes fondamentaux et à la façon dont ils sont utilisés dans les choses que vous voyez lorsque vous êtes dans la file d'attente à l'épicerie, regardez l'emballage sur les choses qu'ils vendent dans la vie et l'analyser pour les quatre principes fondamentaux. Quand vous attendez votre nourriture et votre restaurant, regardez le menu. Regardez les tentes de table qui sont assis là et analysez celles-ci pour les quatre principes fondamentaux . Passer par ce type de pratique vous aidera vraiment à voir comment vous pouvez appliquer les principes dans votre propre travail. Maintenant, il y a beaucoup de cours sur le design ici et le partage de compétences que vous pouvez prendre maintenant et commencer à apprendre les outils dont vous avez besoin pour être en mesure de faire vraiment excellent design. J' ai réalisé que si vous débutez en tant que concepteur, vous n'aurez peut-être pas accès à certains des programmes haut de gamme comme Adobe Illustrator et dans Design. Pour cette raison, j'ai créé des cours que tout le monde peut utiliser pour commencer à apprendre à concevoir avec des outils qu'il possède déjà. J' ai des cours sur la façon de concevoir un Power Point, que la plupart des gens ont déjà sur leur ordinateur. Et j'ai cours AH sur l'utilisation de l'application d'assemblage sur iPad, qui est gratuit et peut créer des illustrations vectorielles impressionnantes. Donc, consultez ces cours sur ma chaîne si vous voulez apprendre à concevoir sans dépenser beaucoup d'argent à l'avance sur un programme, je vous recommande également d'obtenir un livre sur le design que vous pouvez facilement référencer lorsque vous travaillez . Le livre que je recommande est le livre Non Designers Design de Robin Williams. Les dessins dans ce livre ne sont pas mes préférés, mais les principes qu'elle enseigne sont vraiment bons et vraiment clairement mis ensemble, j'ai trouvé que c'est très utile pour enseigner aux nouveaux designers les principes et comment les appliquer. Merci beaucoup d'avoir suivi ce cours, et j'espère vous voir dans un autre cours très bientôt.