Construire une grille typographique et concevoir une mise en page propre et moderne

1. Introduction: Salut. Mon nom est comme moi. Je suis graphiste et ancien opérateur de Sicile. Il y a environ un an, j'ai mis mon travail pour une imprimerie pour être mon propre bus tout en voyageant dans le monde entier. J' ai toujours été fasciné par le design suisse, que l'on appelait autrefois le style typographique international. Je pourrais continuer pendant des heures, mais pour le garder court, c'est l'idée que le design devrait être aussi invisible que possible. Donc seul le contenu peut briller aussi. Et la meilleure façon d'y parvenir est de concevoir artificiellement le type. Il vous aidera à structurer votre design. Vous savez, si autrement serait difficile et chronophage. Il gardera votre contenu organisé, rendra votre travail beaucoup plus facile et plus rapide. Et donc la lisibilité et la lisibilité du contenu font collaborer avec d'autres design beaucoup intérieur et rentrer à la maison. Vous créez des mises en page dynamiques et maintenez la cohérence. Tout ce dont vous avez besoin pour cette classe est un peu d'ordinateur conçu, quelque chose à écrire sur un crayon, une tasse de café et analogue. D' accord. Vous n'avez peut-être pas besoin de jaune ce cours vous pour commencer ici. Vous voulez apprendre et vous souhaitez être plus efficace. Nous bien moins conçus. Qu' est-ce qui est venu enfants technique. Mais à la fin de ce cours, vous serez en mesure de comprendre le principe de la typographie. Super. Comment tirez-vous rapidement à partir des trois principes fondamentaux de la conception graphique et comment elle a mis en place une grille et placer votre intime avec quelques conseils d'ajustement de couverture et astuces ? 2. PROJET DE CLASSE: ancien projet excédentaire. Nous allons créer un temps de visite plus tard com Parfaitement être journal, magazine, estran commercial ou tout ce que vous voulez réchauffer tout au long de cette classe. Les différences entre le réseau simple et la puissance recréent et tous les avantages de l'utiliser. Je vais vous montrer comment choisir la police pour vous. Lay up au lieu d'un parfait grand en utilisant des colonnes de marge et des lettres, nous allons faire quelques croquis. Nous allons montrer votre technique d'utilisation électrique, puis utilise ralentit. Elle est votre propre simple, puissante plus tard, et je crois que Sherry a probablement utilisé tics et astuces le long. Une fois que vous avez terminé votre conception finale comme charge une capture d'écran de votre design montrant le grec que vous avez créé avec les colonnes de marge sur Dieu et le meilleur comme salue. Tout le monde peut voir comment chacun de vous l'a fait fonctionner, alors allez-y. Pensez à la première de votre document. Je vous suggère d'oublier l'ancien. Juste devenir fou avec ça. Elle était de 1 à 2 polices de caractères regroupant des textes et des images de votre propre ou en ligne à partir de sources ouvertes comme Wikipedia et suivre le long 3. Qu'est-ce qu'une grille typographique: Alors, qu'est-ce même une typographique ? Eh bien, un simple, mais c'est une structure faite au-dessus interceptant des lignes verticales et horizontales, mais c'est un parfaitement composé de trois éléments principaux. La marge. Les colonnes avec la gouttière et les lignes horizontales. Mais qu'est-ce que c'est génial ? Eh bien, cela vous gardera organisé le contenu, mais si vous avez des éléments alignés dans l'ordre, cela rendra votre travail beaucoup plus rapide car ils peuvent agir comme les gars qui vous indique où est le meilleur endroit pour placer la position dans les éléments d'échelle plutôt que de simplement positionner des éléments au hasard jusqu'à ce que vous trouviez une composition décente, cela améliorera l'éligibilité et la lisibilité de votre contenu et facilitera la collaboration avec d'autres concepteurs. Quelqu' un doit faire un changement dans votre design comme être une nouvelle photo. Si vous avez une solide et excellente configuration, excellente configuration, ils devraient être en mesure de voir comment vous avez l'intention de tout positionner. Voici un excellent exemple de couche qui utilise le réseau électrique. Dans cette mise en page créée par la Bren Design Agency, le conseil, basé au Royaume-Uni, le concepteur utilisé a accepté de positionner à l'échelle ses casques car il y a beaucoup d'informations en cours. Il choisit d'utiliser les infographies dans les diagrammes pour apporter toutes ces informations moins intéressantes à une manière facilement compréhensible. 4. trois règles de conception graphique de base: garder le même exemple en marchant rapidement à travers trois principes fondamentaux de la conception graphique, ce qui vous aidera à créer vous seulement à la fin de la croûte. D' abord et super important, nous avons la hiérarchie, qui est la finale hors séparation. Vous devez plusieurs éléments gens pour être en mesure de voir que, en tant que concepteur, vous choisissez où vous voulez que le lecteur regarde. Vous devez guider vos origines à travers toutes ces informations. Nous pouvons voir ici que le concepteur a fait un bon travail en séparant l'élément pour guider le lecteur taille trois mise en page musicale de cette partie pour les titres et a décidé de souligner celui-ci pour y attirer plus d'attention. Ici, utilisez un Tell it pour diriger l'art du président du lecteur. Il y a plusieurs façons de séparer les éléments avec l'utilisation de couleurs avec les téléphones, à la fois comme les majuscules minuscules, romains ou italiques. Vous pouvez mettre en évidence des informations importantes. Séparez-les du reste du texte. Je veux dire, tu peux être vraiment créatif avec ça. Ensuite, ils sont à l'échelle, à l'échelle de la dynamique feei dans votre conception ici. Le concepteur a décidé de mettre cette information vraiment grande. Il surprend le lecteur et fait un bel impact où un bloc de texte plan pourrait sembler ennuyeux au milieu de la page. Vous pouvez mettre à l'échelle votre texte, mais aussi vos images. Vous pouvez avoir vraiment petite image d'une page et une pleine glee sur la suivante et parler d' images revendiquant votre super important, aussi. Mais j'ai dit, avant de vous devez diriger votre public afin que vous choisissez ce que vous voulez que les gens regardent dans ce modèle de mise en page avant sur le marché créatif qui viennent, nous allons voir comment la marge et le saignement affectent la sensation de l'image et comment il occupe l'espace. Donc, pour celui-ci ayant une marge de bordure blanche autour d'elle, voyons l'image comme un objet. Celle-ci, cependant, n'a pas de frontière autour d'elle. Il perd en dehors de la page, et il apporte une vue à l'intérieur de l'image que vous choisissez comment vous voulez recadrer votre image ne peut pas seulement changer la taille ou la forme de l'image, mais l'humeur et la signification de celle-ci. Donc, il est vraiment quelque chose à faire attention à 5. Choisir la bonne police: ici. J' ai fait une sélection de photos que j'ai prises il y a quelques mois en voyageant en Asie, mais c'est eux parce qu'ils pensaient qu'ils avaient une texture intéressante ou allongée sur laquelle je pouvais travailler ou aligner des éléments. J' ai décidé de les couvrir en noir et blanc parce que je voulais essayer quelque chose d'un peu plus dramatique. Aussi allé sur Wikipédia, et elle a copié quelques numéros de paragraphe pertinents à mon sujet. Maintenant que nous sommes tout ce que nous allons ouvrir un nouveau document, je veux que le mien soit horizontal. Donc je vais juste filmer un format 4 standard et le retourner, ce qu'il va être à 97 par 2 10 millimètres pour la marge. Je vais poser des mines aussi. Voyons voir. 12 millimètres. Je vais changer la valeur du bas plus tard, et vous comprendrez pourquoi. N' oublie pas de te faire saigner jusqu'à 3 millions de choses. Ok, eh bien, laissez-vous d'abord avant de sauter et elle esquisse et prépare ma note est de trouver le type parfait pour mon design. Donc la meilleure façon de le faire, c' est simplement en testant, donc je vais donner mon textile Quicken drogue, et je vais aller à taper le sentiment avec la place, vieux textes et justifier la gauche. Alors maintenant, je vais jouer différentes polices pour voir ce qui est le mieux. Alors voyons Roberto Mo No régulier pour celui-là. Il y a une autre version disponible gratuitement et les téléphones Google, donc je vais juste le dupliquer. Donc en maintenant l'option, elle a cliqué et les médicaments en double pour celui-ci. Voyons les Suisses. J' adore celui-là. C' est du BP. Affamé. Vous pouvez l'obtenir à des polices de caractères suisses qui viennent. Je vais aussi essayer le diner. Celui-ci était Qu'est-ce que vous utilisez pour le panneau de signalisation ? Mais j'aime ça. Cela leur donne un sentiment plus industriel. Donc un autre a mes trois fonds. Je vais juste faire un ajustement rapide et voir à quoi ça ressemble. Donc peut-être modifier le début un peu par défaut prend toujours venir en 12 points, mais pour ce genre de couche, je pense que c'est trop grand. Donc, selon le type de visage, je vais généralement pour quelque chose entre 11 et 9,5. Mais encore une fois, essayez différentes tailles et vous verrez ce qui a été exprimé lorsque votre impression de votre simple, je vais juste obtenir profondément ces trois et essayer un site différent. Je vous suggère également d'essayer de travailler avec des titres que vous pouvez utiliser différents amusement ou juifs. Essayez avec la version en gras de celle que vous avez sélectionnée. Donc, ici, nous avons un peu simple. Donc maintenant, ce que vous allez vouloir faire est de les imprimer, de voir le résultat et de choisir ce qui semble le mieux. Soyez prudent lors de l'impression, parce que certaines franges est notre paramètre par défaut que nous sommes juste une composition qu'elle page. Et on ne veut pas ça. Nous voulons vraiment garder la taille réelle de notre front. Donc nous sommes en train de regarder ce que nous appelons la couleur typographique. Nous ne trouverons pas une couleur comme le bleu, rose ou le jaune, mais une nuance de gris qui définit le terme pour bloc de texte et ce qu'il faut trouver. La pierre est le boîtier de la lentille de la taille et du poids d'un personnage si c'est une lumière audacieuse. Donc, si je regarde mon bloc de texte comme juste une grande forme, aidez-moi à évaluer l'impact de celui-ci et de voir, peut-être que je ne devrais pas me faire juste le changement peut être rendre le plus léger. Je trouve plus facile pour moi de le regarder de plus loin et de traiter mes enchères yeux. Mais je pense que je vais aller avec le 2e 1 visage doux. C' est un peu plus vieux que l'autre, et je le trouve plus. 6. créer la grille: Donc maintenant que nous avons trouvé la bonne police, c'est quelque chose pour sauter dans une partie plus technique de cet endroit. Il y a beaucoup d'autres moyens d'y parvenir, mais celui-ci est mon préféré. Je trouve cela plus précis et à la fin tout dépend de vous dans lequel vous voulez utiliser , vous pouvez dire, croit en vous sûr, si vous vous sentez plus à l'aise de l'utiliser. Ici, nous avons notre document. Ce que je veux faire d'abord est mis en place par basé sur la cupidité essentiellement l'utiliser refroidir toutes nos attaques à un grand horizontal où le bas de chaque lettre est positionné sur la grille tout comme rouler sur le papier de ligne. Pour ce faire, vous voulez aller dans le menu d'affichage en haut, puis sous les grilles et les guides que vous voulez cliquer sur Afficher en fonction de l'avidité, vous pouvez facilement basculer entre la vue standard. Plus à faire l'aperçu gâché en appuyant simplement sur w sur votre clavier. Alors maintenant que nous avons le grand standard montrant ce que nous voulons cela, Vous l'avez dit en fonction de l'avant et le réglage, qui est plus tôt. Si vous revenez à ma sélection de fonds, je peux voir que choisir un point d'avance 13. Donc ce que nous voulions, vous savez qu'il est dans les préférences de conception, Grid et sous incréments. Chaque que je vais le changer à 13 points et rappelez-vous au début qu'elle est ma marge supérieure à 12 millimètres. Donc, ce qui veut aussi faire est de changer pour commencer à 12 millions de métriques. Donc, mon grand va commencer à droite à la marge maintenant que nous avons ou basé sur les taux fixés, Si nous zoomons sur mon paragraphe, nous pouvons voir que le texte n'est pas encore une ligne à elle. Donc on va juste dire comme, Oh, Oh, passe sous le paragraphe. Si le menu ne s'affiche pas sur le côté droit, vous pouvez l'obtenir sous type de fenêtre dans le tableau et le paragraphe. Une fois que vous avez sélectionné vos techniciens, elle clique sur la petite icône en bas à droite qui voit une ligne sur Paisley and Greed. Maintenant, nous pouvons voir que le bas de chaque lettre est parfaitement couché sur le Grand. La prochaine chose que nous allons faire est de diviser un document en colonnes et getter. Pour bien faire cela, commencez par mesurer juste le rythme. Nous avons entre deux lignes de notre avidité de base parce que nous voulons que nos gouttières soient de la même taille à deux chiffres. Rapidement. Je vais juste dessiner un rectangle entre les lignes et ça me montrera le cœur. Donc pour May, c'est pour ce 586. Je peux maintenant aller sous la mise en page, les marges et la colonne. Je choisirai de diviser mon document en blanc 12 colonnes. Cela semble beaucoup, mais gardez à l'esprit que plus vous créez de lignes et de colonnes, plus vous pouvez être créatif. Ensemble, je vais entrer ma valeur de pour ce 586 qui correspond à l'espacement entre la ligne de ma cupidité de base et en fait à la menant de mon texte. Je sais que nous avons dit notre chronique. La dernière chose que vous voulez faire est à quelques lignes horizontales et gouttières, cela va passer sous, ils sortent et créent des chèvres. Je vais choisir de créer huit lignes sous getter. Je vais répondre à la même valeur qu'avant. Donc, pour ce 586 sous option, assurez-vous de vérifier les livres qui disent que le gars est adapté aux marges lorsque vous cliquez sur. Ok, il y a une chance que le gars ne s'aligne pas sur la grille de base, mais pas de soucis. Ce que je fais c'est de les sélectionner et de les droguer sur le basilic tumoral en grandes lignes. C' est assez rapide et facile. Assurez-vous juste à la fin que tous vos guides du même espacement et que vous les avez alignés sur les lignes horizontales droites. Quand j'ai dit ma marge au début, je vous ai dit que je changerais la marge inférieure plus tard. Eh bien, voilà pourquoi. Alors que j'ai divisé mon document en huit rangées, assurant que mes gouttières étaient de la même taille que la tête de mon texte, il y a très peu de chance qu'elle ait combattu directement sur la marge qu'elle est au début. Ce que je vais faire, c'est mettre en place ma marge. Elle correspond à ma rose, pas à l'inverse. En sélectionnant le dernier gars, je peux voir que c'est l'endroit qui fait 1 98 158 millimètres. Donc, sous la mise en page , la marge et la colonne, je vais changer mon bilan inférieur la hauteur de mon document à 10 millimètres moins 1 90 C'est 8 58 et alors que nous pouvons voir que tout est parfaitement aligné et j'ai perdu, vous ont ma marge inférieure plus grande que la partie supérieure. Cela leur donne un sentiment plus positif. Le contenu est inondé vers le haut et ne se sent pas lourd ou ne pousse pas vers le bas de la page. Mais encore une fois, ce n'est pas la règle dépend de ce que vous voulez communiquer à travers votre conception. 7. Croquis: nous n'avons pas fini avec la partie plus technique de cette dernière. Alors que le plaisir commence. Il est important de commencer chaque projet avec quelques croquis. Cela vous permettra de jouer rapidement avec vos événements pour trouver la meilleure hiérarchie entre vos images texan, ce qui est en fait la clé pour obtenir un design efficace et construire une grande composition avec cohérence. Alors on va prendre un crayon et commencer à dessiner. Cela vous permettra d'économiser beaucoup de temps pour travailler à travers le concept sur papier avant d'aller à l' ordinateur. Il n'est pas impossible d'effrayer directement sur l'ordinateur, mais vous ne serez pas aussi rapide que d'attraper plusieurs concepts sur papier. En plus, c'est bon. Parfois, vous lâchez l'écran et attrapez un crayon. Si vous travaillez pour un client, vous pourriez vous faire économiser énormément de temps parce que vous ne voulez pas passer 10 heures à concevoir quelque chose pour vous prétendre vous dire par la suite que ce n'est pas ce qu'il voulait. Tu veux être rapide quand tu fais des croquis pour moi. J' aime les chaussures, les différentes techniques pour différencier mes titres ou un titre au reste de mon texte. Je vais essayer un moyen pour les titres de taureau et les lignes droites de mon paragraphe pour l' unité Energies. Elle a passé trop de temps à dessiner non plus. J' aime que vous recréez rapidement des formes de base ou une ligne juste pour avoir une idée du look qu'il pourrait obtenir de lui. chose la plus importante à garder à l'esprit est que nous voulons vraiment garder notre instinct d'élément . Vous voulez essayer de trouver des moyens de créer un contraste. Cela pourrait être en mettant à l'échelle des éléments en utilisant différentes couleurs. Nous voulons déjà avoir un sens de la hiérarchie et comment vous prévoyez de diriger l'ID du lecteur . Essayez autant de concept que vous voulez que ce soit génial de vous partager des esquisses dans les projets de classe, aussi. 8. Conception: Sachez que nous n'avons pas vraiment mis en place. Et Nora croquis, Vraiment. C' est Tonci créer ou mettre en page design. Je voulais dire différemment en utilisant le même texte et les mêmes images pour vous montrer que le degré de travail n'a pas à restreindre celui-ci est plus un graphique. J' ai décidé d'utiliser seulement deux couleurs vert et noir, jouer avec l'opacité des images et de créer ce type de motif graphique en utilisant ces formes Ron que je serai en mesure d'utiliser d'autres pages comme un moyen de garder la cohérence sur de nombreuses pages pour celui-ci, j'ai décidé d'aligner mes prises à gauche pour l'autre, qui ressemble plus à un magazine de voyage. A tout justifié. Voici un conseil rapide sur la façon de décider si vous devez aligner vos prises ou les justifier. Justifier est génial quand vous avez beaucoup de texte un livre, par exemple, l'idée de la région n'a pas besoin de lancer doit effort pour le lire. Il coule facilement. Mais vrai, cependant, cela le nombre de caractères Elaine devrait être compris entre 15. Elle 70 donc autour d'un à 10 mots de selon la langue. S' il y a moins de 35 mots en ligne, vous verrez ces fissures bizarres ou un espace blanc entre les mots et l'île du lecteur se fatiguera rapidement d'aller et venir d'une phrase à l'autre. Vous n'avez pas besoin d'appeler chaque mot ou personnage. Il y a dans votre ligne. Vous pouvez simplement le sélectionner et aller sous fenêtre et info, et il vous dira automatiquement. Il y a une autre façon de les éviter sur le crux esthétique. Si vous allez sous dans les préférences de conception, la composition et juste vérifier les livres qui disent H et J Violations. Agent J signifie en fait la césure, et la justification dans la conception mettra en évidence intense jaune ce qu'il considérait comme mauvais, vraiment mais ou pire ligne d'espace afin que vous puissiez essayer de les corriger. L' autre option consiste à aligner votre texte à gauche. C' est une meilleure option pour une composition plus étroite. Il est plus dynamique que le bloc de texte Esteve, mais vous créez le flux plus esthétique et le rendre plus facile à lire. Vous devez réviser manuellement la fin de chaque phrase que vous voulez vraiment. Vous évitez les formes bizarres apparaissant dans votre composition comme cette forme aérodynamique ou cette forme de Rome et recherchez, mais avec elles, vous voulez aussi être prudent quand vous coupez des mots. Chaque langue a ses propres règles que vous ne voulez pas briser. Essayez de ne pas laisser de petits mots de deux ou trois lettres à la fin d'une phrase. Il peut être un peu difficile de respecter toutes ces règles, mais c'est aussi ce qui rend amusant d'obtenir beaucoup de ma mise en page. Je suis resté concentré sur les trois principes de conception que nous avons appris auparavant. Donc, pour la hiérarchie, vous pouvez voir que j'ai créé ces tableaux pour mettre en évidence des faits simples sur l'éléphant et les rendre plus faciles à lire. J' ai également tiré cette citation de la texture, attirer l'attention du lecteur. Il donne un peu, par conséquent, sur ce qui est terminé et espérons qu'ils veulent. Vous en savez plus à ce sujet. Pour différencier mon titre du reste de detecter. Je l'ai fait un peu plus grand dans Bolt et je l'ai poussé un peu sur Skilling. J' ai décidé de rendre les nombres d'éléphant blanc gauche en Asie vraiment grand pour surprendre de uber et attirer son attention ici. J' ai même décidé d'utiliser une page entière avec une seule très grosse phrase dans quelques photos, et c'est la bonne chose à propos de la grille. Si vous devez faire de cette veuve qu'il est vraiment difficile de se retrouver avec un gros gâchis ici, Degree donne vraiment une belle structure et aider à garder tout organisé. Aligner sur la cupidité est génial, mais vous voulez également créer un alignement entre votre texte dans les images qui créera ensuite une structure à votre propagation. Ici, j'ai décidé d'aligner horizontalement le bas de la citation avec le bas des grands nombres sur la droite, mais aussi décidé de autour du haut de tout mon bloc de texte. Nous créons donc cette belle ligne imaginaire que le Christ tout répandit. A propos de la deuxième mise en page. Je voulais ressembler à un magazine de voyage. Je choisis de justifier mon texte pour que ces blocs d'art Klingeman choisissent une autre police pour ma table. Celle-ci est sérieuse ici. Je vérifie cette petite partie du texte et je le mets en gras et je lui dis de créer une sorte de sous. J' ai fait saigner cette image sur le dessus et sur le côté gauche de la page une. Les gens qu'elle ressent l'immensité de la jungle. Alors j'ai exagéré. Décidez de la photographie à propos de Redoute. Entrer à l'intérieur. J' aime la courbe de la rivière. C' est en quelque sorte montrer le chemin, comme dans une rangée, pointant vers la page suivante. Ici, je mets mes photos à l'échelle. Vous obtenez donc ma symétrie et la tension entre le petit type de clous à terme et ce gros plan de l'éléphant I et parler de cadrage. Vous pouvez voir ici que je me suis débarrassé de beaucoup de feuilles de jungle inutiles pour me concentrer uniquement sur l' homme au milieu. Il est également important qu'elle considère l'espace blanc comme faisant partie de la conception. Si vous avez utilisé le bon spectacle convenu que vos énergies Texan, vous obtiendrez une belle structure et un espace négatif qui ne se sentira pas vide et que nous, à une certaine légèreté à votre composition. Voici donc mes deux mises en page différentes. Vous pouvez voir qu'en utilisant les mêmes images dans le même texte, je peux avoir une sensation complètement différente. Je vous encourage à explorer de nombreuses compositions et n'hésitez pas. Vous cherchez de l'inspiration en ligne ou à partir de magazines, affiches de prospectus ou de publicités que vous voyez autour de vous ou dans la rue, inspirez et vous amusez-vous à créer quelque chose de beau 9. Conclusion: Merci pour le cours. J' espère que vous les gars apprécierez quand vous voyez tout votre projet, oubliez de partager avec votre conception finale à la capture d'écran montrant le grand que vous avez créé avec colonnes de marche et des rassemblements. Tout le monde peut voir comment vous travaillez Le prochain cours aime être sur la création d'icônes pour votre interview. Je ne t'utilise pas là.