Introduction à la visualisation de données

1. Bande-annonce: Bonjour, je suis Ben Gibson, je suis le directeur créatif et co-fondateur du Pop Chart Lab. Nous réalisons des graphiques et des données et nous sommes basés juste sur le pont ici à Brooklyn, New York. Aujourd'hui, nous vous souhaitons la bienvenue dans notre première boutique pop up ici à Soho. Ce cours est une introduction à la visualisation des données et nous allons passer les étapes que vous allez prendre pour lancer la conception. Tout le monde sait que les graphiques et les infographies sont très populaires et qu'ils conviennent bien à l'ère de l'information et à l'ère du Big Data dans lequel nous vivons, et à sa meilleure visualisation des données est un pur mélange de style et de fonction et indique histoires narratives détaillées d'une manière que les autres graphismes ne peuvent pas, et cela nous amène à, oui, notre devise : données, design, et plaisir. L' intersection de ces trois choses est l'endroit où nous essayons d'informer. 3. Conceptualisation et brainstorming: Donc, notre première étape pour créer une visualisation de données est toujours de trouver des concepts et des idées de remue-méninges sur des sujets. Beaucoup de fois, l'instinct est de sauter et de commencer à concevoir, faire des infographies à la volée, mais cela aide vraiment à mettre vos canards dans une rangée avant d'arriver à ce point. Pour nos conceptions, nous faisons pour notre propre gamme de produits, c'est un travail sous-commandé, nous commençons généralement par discuter de sujets que nous trouvons intéressants, juste personnellement intéressants. Vous devriez le faire aussi, choisir une première gamme de sujets que vous trouvez intéressants et vous pouvez commencer par de très vastes champs d'intérêt comme littérature, le cinéma ou la technologie gadgetry, les martinis ou les arts culinaires ou tout autre vous aimez et compilez simplement une liste, une liste de base de choses que vous aimeriez à partir de ces catégories. Donc, pour la littérature, tout ce qui va des romans de papier broché à la littérature classique en passant par des trucs qui ont été adaptés pour fil. Par exemple ou de la technologie, vous pouvez parler de jeux Nintendo vintage. Il aide aussi à choisir des choses qui sont de nature visuelle, c' est-à-dire des choses qui peuvent être représentées par des illustrations ou des graphiques d'une manière naturelle et non forcée. Donc, idéalement, les éléments visuels et les données et textuels peuvent interagir de manière significative. Ce n'est pas toujours le cas, mais c'est vraiment cool et ça arrive. Donc, ce que je veux dire par là, c'est la forme que prend le visuel, tant dans la structure que dans le style, est guidé par l'information présentée et vice versa. Donc, il est un peu difficile de faire ces appels dans les premières étapes d'un projet, fondamentalement parce que lorsque vous commencez à faire quelque chose, il est difficile de savoir quelle forme les données peuvent prendre jusqu'à ce que vous soyez un peu plus loin dans la mais à mesure que vous faites plus d'infographies et de visualisations, vous serez en mesure de développer un instinct pour cela. slogan de Pop Chart est les données, le design, plaisir et ainsi, nous recherchons des zones où les données et le design se croisent. C' est vraiment une autre façon de dire que la forme et la fonction sont unies. Je pense qu'un bon exemple de notre catalogue est notre roue à fromage cartographiée, l' un de mes favoris personnels parmi les conceptions que nous avons faites et c'est vraiment simple sur le plan conceptuel, mais je pense qu'un mélange vraiment efficace de données et de conception. Il s'agit d'un graphique circulaire qui ressemble à une roue de fromage réelle et le divise en sections et chaque section représente différentes catégories principales et sous-catégories et un exemple individuel de fromage. Ainsi, par exemple, vous avez le fromage de chèvre, qui est la catégorie principale, et qui se décompose en différentes sous-catégories de durs, semi-durs, semi-tendres et tendres, puis les fromages individuels eux-mêmes, la Fleur Du Maquis, la Goatster de l'Idaho et Humboldt Fog et tous ces fromages nommés. Pour renforcer l'effet stylistiquement, nous avons illustré une légère planche à fromage pour l'arrière-plan, et nous avons conçu un titre comme une carte d'étiquette de fromage dans une fromagerie. Donc, c'est une roue de données qui ressemble à une roue à fromage, en gros. Forme et fonction, ils sont combinés d'une manière très simple et directe. Un autre aspect vraiment cool de notre travail dans Pop Chart Lab est que, essentiellement, les choses que nous faisons, les conceptions que nous faisons et les recherches que nous faisons, c'est tout ce que nous pourrions lire ou penser à notre temps libre de toute façon, qui est la façon dont l'entreprise a commencé, obsédé par peu de sujets de niche d' intérêt que vous pouvez passer des heures à se perdre dans les trous de ver Internet à la recherche, mais nous avons couvert des sujets comme préparation du café, des caméras, des baskets, des légumes, heavy metal et des superpuissances de bandes dessinées, des cocktails artisanaux et juste une tonne de choses différentes qui ont été vraiment amusantes à apprendre et, bien sûr, notre sujet préféré que nous semblons toujours graviter vers lequel est la bière. Nous avons de la chance au Pop Chart lab que nous pouvons choisir et choisir des sujets qui résonnent avec nous personnellement. Bien sûr, les concepteurs peuvent toujours choisir et choisir. Donc, l'astuce peut être de prendre un sujet qui ne résonne pas immédiatement avec vous personnellement et de trouver un angle ou des angles intéressants par lesquels vous pouvez vous engager. Donc, vous devez être engagé pour faire un bon design ou une illustration. Donc, une fois que vous avez choisi une large catégorie de sujets, nous allons réduire cela. Pour cet exemple d'affectation, nous allons choisir le hip-hop et nous allons nous rétrécir plus loin dans l'histoire du hip-hop et un peu plus loin vers le hip-hop du début des années 90 et vous savez quoi ? Allons un peu plus loin et nous nous limitons à cette histoire épique de la télévision, le Prince frais de Bel-Air. Quel genre de données est en corrélation avec ce spectacle ? Réfléchissons au type de données spécifiques que nous pouvons cartographier par rapport à ce spectacle. Quand je pense à The Fresh Prince, je pense que la première chose qui me vient à l'esprit est la chanson thème et un générique d'ouverture qui détaille son voyage de Philly ou de West Philly penser à Bel-Air. Donc, je pense que nous nous sommes concentrés sur la cartographie des schémas migratoires de Fresh Prince. 4. Mener des recherches: La deuxième unité est la recherche, à la fois données et visuelles. Pour les éléments de données, nous commençons généralement par de larges recherches sur Internet, et en particulier par les suspects habituels comme Google et Wikipédia. Maintenant, pour certains des Pop Chart Labs, des conceptions détaillées plus volumineuses et plus compliquées comme un recueil de caméras ou l'historique des appareils audio, nous allons commencer par regarder un aperçu de littéralement centaines de milliers de points de données . Mais pour des raisons à la fois artistiques et pratiques, seulement autant de détails peuvent aller dans un morceau de papier ou sur une page web. Nous essayons de passer au crible les informations pour créer un ordre hors du chaos. Pour notre exemple de projet ici, schémas migratoires de The Fresh Prince, les données brutes sont un peu plus rationalisées et la migration est décrite dans les crédits d'ouverture. Donc, tirons cette vidéo et appuyez sur le bouton pause à plusieurs reprises et prenons quelques notes. y a vraiment aucune façon de faire de la recherche, cela dépend simplement du sujet sur lequel vous travaillez et de la façon dont vous aimez faire de la recherche personnellement. Mais, l'essentiel est que vous devez rester avec elle et être aussi orienté en détail et granulaire que possible, surtout dans les premiers stades d'un design. Donc, fondamentalement, plus vous devez commencer avec de données, mieux c'est, et alors vous pouvez trouver différentes façons de l'appeler ou de le gérer. Donc, c'est encore une fois, une question de consacrer du temps et des efforts et de ne pas être trop rapide pour être satisfait de votre propre travail. Une autre ressource inestimable pour un grand nombre de projets peut être de tendre la main à des experts spécifiques dans ce domaine. Vous trouvez quelqu'un, quelqu' un que vous trouvez à travers un site comme un administrateur d'un site ou un auteur, ou quelqu'un de plus près peut-être juste en bas de la rue. Pour notre conception de superpuissances, l'Omnibus des Superpuissances, nous avons contacté une grande boutique de bande dessinée locale de Brooklyn et c'est Bergen Street Comics, et ils nous ont aidés dans nos recherches. Cet expert pour votre projet particulier pourrait aussi être juste un ami ou un collègue ou un parent ou n'importe qui vraiment, juste quelqu'un qui a beaucoup de connaissances sur ce sujet particulier. L' étape suivante après que nous avons nos données brutes, et j'espère beaucoup de cela, et je sais que cela semble assez basique ou low-tech, mais l'étape suivante que nous suivons habituellement est de créer un document Word où vous pouvez simplement vider tous les données, toutes vos informations. Vous devez essentiellement avoir toutes les données brutes ou la recherche en un seul endroit, et Word est juste une solution simple et facile là-bas et aussi un programme que tout le monde a. Ainsi, par exemple, si vous voulez partager vos recherches avec quelqu'un pour donner des commentaires ou les modifier, il n'y a presque jamais de problèmes de compatibilité logicielle. 6. Organiser des données: Donc, une fois que nous aurons notre vidage de données de document Word, nous allons passer à l'étape suivante et créer une feuille de calcul, et commencer à analyser les informations et à les appeler. Donc, créez une feuille de calcul Excel et commencez à organiser les informations. s'agit souvent de diviser les données en catégories et en sous-catégories. Parfois, comme c'était le cas pour notre évolution des lecteurs audio, par exemple, les données ici commencent à prendre la forme des principales catégories et cela finit par commencer à former la structure squelettique du design lui-même. Donc, encore une fois, chaque sujet est différent, et vous avez juste besoin d'être flexible et créatif dans votre résolution de problèmes pour trouver la meilleure solution pour votre conception et votre concept particulier. Pour le Prince Fresh de Bel-Air, nous parlons essentiellement d'un schéma migratoire de Philly à Bel-Air. Donc, je pense qu'on peut sauter la feuille de calcul. Donc, également dans notre phase de recherche, nous voulons aussi faire des recherches pour les visuels et tirer références visuelles si nécessaire ou simplement prendre un aperçu des images associées à un sujet particulier. Donc, généralement, je commence par une recherche d'images Google. Je sais que ça ressemble à une approche dénominatrice commune de la recherche visuelle, mais c'est l'un de mes favoris. C' est probablement la façon la plus méritocratique de passer au crible imagerie et de voir ce qu'il y a sur un sujet donné. Ainsi, les résultats de la recherche vont des designs primés et des designs célèbres, au travail des étudiants, en passant par des trucs bizarres, qui obtiennent des visites de page et apparaissent dans la recherche. Donc, c'est un très large éventail de choses et vraiment intéressant et instructif à regarder. Bien sûr, il y a aussi des livres et en particulier des livres d'art et de design. Ils ont tendance à être chers, mais vous pouvez toujours prendre un café à Barnes & Noble ou toute autre librairie de briques et de mortier encore debout dans votre région, et juste vous planter dans la section art et design pendant un certain temps. Il y a aussi des organisations comme l'AIGA, ou le Club des directeurs de type, ou des bibliothèques publiques, et ces fondations ont aussi souvent des bibliothèques en ligne et dans votre succursale locale, ce qui peut être une ressource vraiment inestimable. Il y a aussi toujours des recherches visuelles dans la rue. Maintenant, il n'y a aucune raison que la recherche visuelle ait besoin d'être académique ou médiatique dans la nature. Pour notre fromage cheddar, nous allons concevoir, par exemple, je suis allé dans quelques fromageries locales pour vérifier la signalisation et la conception des produits, et aussi juste pour voir comment ils affichent leurs fromages visuellement, typographiquement. Pour les empreintes de notre superpuissance, je suis allé dans des librairies de bande dessinée locales et j'ai regardé les bandes dessinées et les couvertures de bandes dessinées, mais aussi d'autres choses comme des affiches, des t-shirts et des jouets, et juste tous les marchandises cool qu'ils avaient là. Donc, il peut être beaucoup de plaisir et aussi vraiment instructif d'aller là-bas et de piler le trottoir. 8. Commencer votre document: Donc, pour l'unité trois, nous allons commencer à retirer la conception du terrain, et créer un document, et une mise en page initiale approximative. Donc, tout le monde utilise des programmes différemment évidemment, concevoir des logiciels différemment, et ce n'est pas une classe de logiciel de conception, mais il s'agit simplement d'apprendre les bases et ensuite, pratiquer une tonne pour comprendre comment vous travaillez le mieux et quel est le flux de travail optimale pour vous. Voici comment je le fais habituellement. Nos conceptions sont souvent très complexes, mais j'aime garder les aspects techniques simples, quand je le peux. Surtout dans les premières étapes du projet et de la conception, afin que je puisse me concentrer sur l'image globale et la façon dont le design et le concept interagissent. Donc je ne veux pas me laisser enliser par beaucoup de trucs techniques au moment du départ. Les choses ont tendance à se compliquer au fur et à mesure qu'un projet se développe, il est donc agréable de commencer avec une toile propre et simple. Nous allons donc créer un nouveau document. Et pour ce design, allons-y avec 12 pouces sur 16 pouces et de façon standard, c'est huitième de pouce pour les affiches et les documents imprimés. Et 12 par 16, que vous l'utilisiez principalement en ligne ou que vous l'imprimiez, c' est une assez bonne norme, taille flexible et une proportion. Un laboratoire pop star se spécialise dans les affiches et produits imprimés en plus de notre travail en ligne. Les tailles standard de cette affiche sont 12 par 16, 18 par 24, 24 par 36 et 27 par 39, puis dernière est la taille d'une feuille de film. Donc, ce sont des tailles standard que les presses d'impression sont configurées pour gérer et fonctionnent également très bien pour l'affichage en ligne. 10. Créer des types de titre: Comme je le disais tout à l'heure, visualisations de données peuvent être des conceptions super complexes et certaines de nos conceptions qui apparaissent dans notre laboratoire ont littéralement des milliers d'éléments. Donc, il est vraiment important de configurer le document en un, une manière simple et deux, manière à automatiser autant de modifications et de modifications stylistiques, automatiser le plus grand nombre possible de ceux plus tard dans la conception, quand il commence à devenir plus complexe. Pour ce faire, vous pouvez utiliser des nuances de couleurs globales et des styles de caractères pour vos polices. Donc, je pense qu'il est vraiment important de toujours utiliser des nuanciers globaux, nuanciers de couleur lorsque vous faites des infographies ou des visualisations de données, et je vais commencer une conception avec seulement deux couleurs, noir et blanc, et les étapes ultérieures ajouteront plus de couleurs et fonctionneront avec des palettes de couleurs différentes au fur et à mesure que leur design prend forme. Aussi, je commence généralement la conception avec seulement quelques polices, peut-être deux. Un serif et un sans-serif pour peut-être un couple de serifs différents ou un couple de sans-serifs différents, mais juste un couple pour commencer. Ok, alors effacer les échantillons et les transformer en échantillons globaux, il suffit de cliquer sur « Global ». Et encore une fois, vous allez choisir quelques polices pour commencer. Ça pourrait être n'importe quoi. Cela n'a pas d'importance à ce stade, mais parce que nous allons le changer un peu et passer par beaucoup de versions différentes, mais je vais rester simple et aller avec MReaves et MrSeaves, juste pour obtenir ce hors du sol. Maintenant, nous allons définir les styles de caractères, nous allons dans le type de fenêtre, les styles de caractères, faisons un nouveau style de personnage, appelons-le sans empattement et nous allons éditer cela, donc c'est un sans-empattement réel, MReaves. Faisons un autre, faisons un serif, et c'est, utilisons MrSeaves. Encore une fois, ceux-ci ne sont pas mis en pierre et finiront par les changer un peu, mais juste pour commencer le design, pour avoir des choses à jouer avec. 12. Mise en page initiale: Donc, nous allons commencer à présenter notre gamme initiale de conceptions ROV et cela m'amène à concevoir avec la grille. Vous pouvez utiliser la grille ou l'ignorer, mais je pense que c'est un bon endroit pour commencer surtout pour les visualisations de données. La raison en est qu' ils ont tendance à être structurés quelque peu précisément ou mathématiquement. L' astuce est d'utiliser la grille mais ne pas en être un esclave parce que même la visualisation de données la plus complexe qui pourrait réellement utiliser la grille un peu pour sa structure sous-jacente, devrait toujours se sentir organique et spontanée. Donc, souvent, je vais utiliser la grille pour exposer les éléments de base d'un dessin , puis l'ignorer au fur et à mesure que la pièce prend forme stylistiquement. Alors, allumons la grille pour commencer nos conceptions. Voyons Afficher la grille. Maintenant, encore une fois, même si vous ne l'utilisez pas en soi, cela vous aide à penser d'une manière architecturale et à tracer des points qui sont bons pour cette partie du processus. Maintenant, pour ces premiers ROV ou croquis, je vais beaucoup de fois sortir, versions plus petites du design sur le même tableau d'art. Encore une fois, penser simplement et simplement obtenir un aperçu de ce que le design va être et généralement je vais commencer par trois. Nous sommes juste inquiets pour les bases ici. Nous avons nos deux échantillons globaux et quelques polices et c'est tout ce dont nous avons besoin pour aller de l'avant. Maintenant, les questions que nous voulons poser avant de commencer à concevoir, après avoir pensé à la recherche à la fois les données et le visuel et l'examiner, passer un peu de temps avec elle, donc les questions sont vraiment quels sont les principaux éléments de base de la design va être ? Pour notre nouvelle conception d'impression, ce sera la carte et les points de données sur le chemin migratoire et le titre. Donc, d'habitude, je vais faire trois modèles différents pour commencer. Je vais faire quelques variations sur différents modèles, fait deux design avec un titre haut et l'art ci-dessous et un design avec l'art en haut et le titre ci-dessous et peut-être un design où l'art et le titre sont maillés ensemble. Essayez simplement quelques variations sur les mises en page de base en utilisant ce que nous pensons à ce stade sera les éléments de base de notre conception. Donc, faites un, essayons un avec le titre de haut, sera divisé en deux lignes. Laissez-moi jouer un peu avec les polices. Probablement besoin de quelque chose en bas, suffit de mettre quelques lignes d'espace réservé là-dedans jusqu'à ce que nous trouvions ce que ce sera. Si on a besoin d'une flèche de Philly vers Los Angeles, on le fait à un pourcentage de la Swatch. Donc, il y a un chemin de migration qui sera dans chaque version de la conception. Ensuite, nous avons le deuxième design avec l'art haut et mettre un petit titre ci-dessous afin que tourne juste assez cool juste pour les croquis ou les dessins rugueux. Pour le troisième, essayons un titre qui est vraiment grand et qui s'intègre dans la carte, juste pour le mélanger un peu et nous allons faire de la carte une nuance de cette couleur globale grise. Donc, nous avons trois conceptions de base différentes juste pour obtenir ce truc sur le terrain et commencer à penser à quel genre de forme il va prendre. 13. Peaufiner la conception: Donc, ce n'est que quelques trucs à parcourir, ces derniers visuels des mises en page initiales. N' oubliez pas que nous utilisons nos échantillons globaux et nos polices globales pour une gamme d'options différentes pour le titre. Peut-être que le titre est toujours un élément clé de la conception et de la personnalité ou la visualisation et venant d'un fond dans la conception de veste de livre, nous pensons que cet élément sorte de nous distingue des autres infographistes et donne à chacun des nos conceptions une personnalité unique. Alors, nous allons réduire la portée et choisir une direction à explorer. Faire des mises en page grossières et des croquis est génial, mais souvent la seule façon de vraiment savoir si un travail de conception à un degré plus élevé est d'entrer en quelque sorte dans le minable et de commencer à découper les détails et explorer plus aspects spécifiques de la conception. Alors, choisissons une direction que nous aimerions le mieux. Je vais choisir des éléments du premier et du troisième design. Donc, le titre en haut et la grande carte de l'Amérique du Nord au milieu et nous allons tirer d'autres petits éléments que je ne suis pas sûr ce que cela sera encore, mais j'ai l'impression qu'il a besoin de quelque chose là-bas donc, nous allons juste mettre quelques lignes là-bas pour l'instant. D' accord. Donc, notre conception commence à devenir un peu plus spécifique et nous avons choisi des éléments de la première conception approximative et du deuxième tiers. Donc, nous avons le titre en haut et la carte nord-américaine du deuxième troisième dessin. Pour une raison quelconque, avoir une carte de toute l'Amérique du Nord lit un peu plus de science ou d'études qui, lorsqu'il est associé à me lit un peu plus de science ou d'études qui, lorsqu'il est associé ànotre sujet, est drôle, donc au laboratoire de pop chart, nous sommes toujours fans de jumeler le sourcil haut avec le charge. 14. Retouche et peaufinage: D' accord. Donc, maintenant, nous passons à l'unité quatre, et c'est la modification de l'architecture de mise en page. Nous allons affiner la mise en page pour clarifier la façon dont les données sont lues, et nous l'affinerons également pour créer un meilleur visuel. Donc, la première étape ici est de vous poser quelques questions. Y a-t-il assez pour attirer l'intérêt, l'intérêt du spectateur ? Y a-t-il assez pour garder votre intérêt ? Vous êtes le premier spectateur, donc vous devez être intéressé par vous-même avant que quelqu'un d'autre puisse l'être. Est-il assez intéressant d'un point de vue informationnel ou éditorial ? Encore une fois, nous voulons réfléchir à l'intersection des données et de la conception et à la façon dont les deux fonctionnent ensemble. Demande-nous, de quoi a-t-il besoin ? Il a besoin d'autre chose, non ? Je reviens, encore une fois, à cette partie inférieure du design où il semble avoir besoin d'un petit quelque chose. Débarrassons-nous de ces lignes, et pourquoi ne pas rompre certains points de la migration ? Donc, il commence à Philadelphie, West Philly, tire des cerceaux, va à l'aéroport. Je pense qu'on va mettre un avion là-dedans, non ? Depuis fondamentalement, la migration prend part dans un avion. Maintenant, ce ne sont que des espaces réservés pour l'instant juste pour qu'on puisse déterminer ce qui va se passer. Ensuite, il y a un taxi assez cool, et puis il est à Bel Air. L'épeler correctement. Donc, peut-être qu'il y a un petit organigramme en bas. Philly à Bel Air, et ce ne sont que des espaces réservés pour l'instant. la suite, nous construirons les éléments d'illustration et de design, et nous montrerons le caractère de la pièce et le porterons au niveau supérieur. Mais en ce moment, nous sommes en train de trouver ce que seront tous les éléments. Donc, nous avons toujours nos échantillons mondiaux en noir et blanc que nous utilisons. Ajoutons quelques couleurs. Essayons un bleu. Encore une fois, ceux-ci ne sont pas fixés dans la pierre, mais plutôt juste quelque chose pour le pousser un peu. La bonne chose à propos des couleurs globales et des styles de caractères pour les polices et autres choses comme ça, c' est qu'il est, encore une fois, vraiment facile de les éditer plus tard. Essayons aussi une couleur jaune. D'accord. Donc, essayons la carte bleue, et nous allons briser un peu le type aussi. D' accord. Une fois que nous avons choisi une palette de couleurs initiale, quels autres éléments pouvons-nous ajouter au design maintenant dans cette étape d'affinage ? Je pense qu'on a probablement besoin de savoir où il va, où il part, et où il finit sur son chemin migratoire, n'est-ce pas ? Alors, mettons quelques gouttes d'épingle là juste pour commencer avec West Philly et Bel Air, point 1, point 2. Donc, je commence à me sentir un peu bon à ce sujet, et je pense que c'est à un point où nous pouvons commencer à ajouter d'autres visuels et commencer à entrer dans le minable détail des détails. 16. Appliquer des types dynamiques: Donc, cela nous amène à l'unité cinq, et c'est créer et ajouter des éléments stylistiques. Tout d'abord, revenons à notre recherche visuelle et à notre recherche sur les données à l'étape 2 et réévaluons. On a une direction ici ? Aimons-nous notre direction ? Représente-t-il assez bien les données ? Est-ce que ça commence à avoir l'air visuellement intéressant ? Les données et la conception sont-elles interdépendantes et maillées ? Se sentant plutôt bien, je pense qu'on commence à aller quelque part. Jetons un coup d'oeil à la, tous les différents éléments de la conception et voyons comment nous pouvons les amener au niveau supérieur, commençant par notre type. Débutons le type de titre, et toute la typographie de la pièce, mais le type de titre en particulier, et essayons quelques directions différentes pour cela, et voyons si nous pouvons l'obtenir pour être un peu plus intéressant ou un peu plus dynamique. Encore une fois, essayons une gamme de choses. Je fais juste un zoom avant, prends ce genre que nous avons et essaie de jouer avec. Faites-le et exécutez-le de différentes manières. Ici, centrez-le et faites-le un peu plus dynamique dans les proportions. Jouez avec des types plus grands et plus petits. Essayons quelques directions différentes. Centre-le vraiment, et essayons ce type Serif, et peut-être courir un peu d'ornement autour de l'un des éléments du type. Essayons une troisième direction plus illustrative. C' est un peu plus décoratif, et peut-être un peu plus ludique. Ils sont tous assez cool, et j'aime la ludique. Tout est égal, mais je pense qu'on devrait aller avec un peu plus sec pour ça. Essayons celui qui m'a l'air le plus académique, et c'est celui du milieu ici. Donc, c'est cool, mais peut-être qu'il a besoin d'un peu plus de personnalité. Pensons au concept, et puisque c'est à sa base une pièce de hip-hop. Quel genre d'éléments visuels vont avec ça ? On devrait peut-être essayer des graffitis. Quel Prince Fresh était, fait type de graffiti. Donc, essayons un type lettré à la main, pour cette partie du titre. En utilisant notre outil de brosse pour commencer, dessinons le F. Peut-être y ajouter quelques gouttes de graffiti. Ici et ici. Essayons toute cette partie de ce titre. Semble un peu plus dynamique, un peu plus intéressant, donc fournir notre palette de couleurs à ce nouveau type d'éléments et mettre sur notre type de graffiti. Rends-le un peu plus grand. C'est un élément cool. Allons le jaunir. Ok, ça a l'air mieux. 18. Créer des éléments illustratifs: D' accord. Donc, notre conception, ça commence à arriver quelque part. Ça a l'air plutôt cool. Allons voir quels éléments d'illustration nous avons besoin. En haut de ma tête, je pense que nous avons besoin d' éléments d'illustration pour ce diagramme du bas ici. On a besoin d'une illustration de basket et d'un taxi, et quelque chose pour représenter Bel Air, et peut-être qu'on a besoin d'un avion pour franchir la voie migratoire. Donc, un Pop Chart Lab fonctionne dans ce qui est généralement appelé style plat design d'illustration, certains appellent cela minimalisme, mais ce n'est pas vraiment minime, c'est plus une façon de travailler dans laquelle le détail est vraiment soigneusement choisi, le détail de l'illustration est vraiment soigneusement choisi et le look reste graphique. Cela a beaucoup de sens pour les visualisations de données, car l'aspect global de la conception peut être vraiment complexe. Donc, nous voulons garder certains des éléments individuels un peu simples, mais il y a de la place pour beaucoup de créativité dans ce domaine, bien sûr. Tu n'as pas à travailler comme ça. Il y a d'excellentes visualisations de données qui sont faites à la main, ou faites avec de la photographie ou faites avec, je ne sais pas, des peintures aux doigts. Donc, c'est totalement à vous de choisir. Mais pour le style Pop Chart Lab, nous travaillons dans un style graphique. Donc, nous construisons généralement ces illustrations avec des blocs de couleur, faisant d'abord de grandes formes, puis en remplissant des détails particuliers et en faisant preuve de discernement sur les détails que vous incluez, et il est toujours facile d'obtenir des images de référence si vous avez besoin ça. Donc, nous avons besoin d'une cabine, et construisons la forme jaune de base, et ensuite nous ajouterons quelques roues, puis quelques détails, comme le type de fenêtres, les phares et peut-être une nouvelle plaque d'immatriculation. Donc, nous construisons une forme de plaque d'immatriculation et ajoutons un peu de détails, des trous, et je pense que c'est frais. Jetons un coup d'oeil au design avec nos éléments d'illustration. Mettons-les là-dedans. Il y a un avion cool qu'on a fait, peut-être qu'il ira là-bas en route pour Bel Air. Sa descente vers Bel Air et commencer à tirer des cerceaux. Donc, nous pouvons juste remplir les différentes parties, mettre dans notre taxi. Je suis juste en train de ruiner ça dedans. On pourra les affiner plus tard. Je pense que ce taxi avait des dés drôles, des dés flous, flous et drôle, et une nouvelle plaque d'immatriculation, et peut-être un trône pour Bel Air puisque Will Smith est assis sur un trône dans la séquence de crédit, je crois. Je les mets juste pour les mettre là-dedans, et nous pouvons jeter un coup d'oeil, mais je pense que ce détail supplémentaire commence vraiment à amener le design au niveau supérieur. 20. Éléments visuels secondaires: D' accord. Donc, reprenons du recul pour jeter un oeil à notre conception globale, et il semble que cela commence à arriver quelque part. Ce point habituellement, je vais jeter un oeil et juste savoir s'il a besoin d'éléments visuels secondaires, des illustrations ou des graphiques, des choses comme ça. Donc, si nous regardons tous les principaux éléments de la conception, ceux auxquels nous n'avons pas prêté attention jusqu'à présent. Ce sera la flèche, la flèche du chemin de migration, la carte, et ces petites lignes dans l'organigramme Je pense, vous voyez les dés flous aller correctement pour l'instant en haut au-dessus de la plaque d'immatriculation fraîche. Mais, regardons les différents éléments et je pense que nous pouvons les rendre un peu plus frais. Peut-être que la carte par exemple, pourrait être peu 3D, élément 3D à elle en copiant et collant, et ici dessinant dans quelques lignes minces pour mettre en évidence la modélisation de la typographie, et la face de la carte doit probablement être un peu plus léger alors faisons un peu de gris, un bleu-gris, un gris vert, voyons. Ça a l'air plutôt bien, ça a l'air cool. Jetons un coup d'oeil à faire une flèche plus fraîche pour le chemin de migration, et peut-être que nous allons également utiliser une variation sur cette flèche pour le chemin dans l'organigramme en bas de la conception. Alors, mettons-les dedans, peut-être que nous ferons jaunir nos goupilles aussi. Dans cette partie, nous commençons à entrer dans les aspects plus granulaires du design. Donc, nous allons y aller et voir comment ce type interagit avec la carte derrière elle, par exemple notre nouvelle carte, ils ont l'air assez cool ensemble, peut-être que nous pouvons faire en sorte que certains des petits détails l'avion respectent nos choix de couleur et palette. Peut-être que nous pouvons faire en sorte que certains des petits détails de notre avion adhèrent à notre palette de couleurs et à nos choix pour le design, mais à ce stade, il commence à prendre forme. Nous allons ajouter nos petites flèches ici et l'organigramme fonctionne assez bien, et les différents aspects de la conception commencent à se réunir. Donc, voici ce que nous avons, et commencer à avoir l'air plutôt cool, il semble qu'il y ait un peu d'espace vide en haut et en bas, qui pourrait nécessiter juste un peu d'attention ou détail et que pouvons-nous ajouter d'autre ? Avons-nous besoin de quelque chose d'autre ? Peut-être qu'on a besoin d'autre chose. Comme les cartes sont souvent étiquetées avec l'année de l'information qu'elles représentent, faisons cela ici aussi. Étiquetons cette 1990, ici où une clé de la carte irait, mais rendons ça un peu mieux. Faisons le circa 1990, et ajoutons quelques petits ornements. Prends ça, et je vais le mettre ici, et peut-être que cette chose a besoin d'une couronne, je suppose évidemment, puisque c'est à propos de Princes. Faisons une couronne de graffiti, dans le même style que le graffiti dans notre titre. Cette couronne va probablement aller en haut de la droite de conception. Alors, mettons ça là-dedans, on y va. Donc, voici ce que nous avons, qui a l'air plutôt cool. 22. Élément d'arrière-plan: Donc, maintenant, nous avons tous nos éléments d'illustration en place, et notre typographie, et nos éléments graphiques secondaires ou d'illustration, et ça commence vraiment à se réunir, je pense. On peut continuer à le faire, déplacer un peu les choses, mais maintenant, reprenons le recul et regardons attentivement, et nous demandons : « Y a-t-il assez pour attirer l'attention des téléspectateurs ? Y a-t-il assez pour garder votre intérêt ? L' intérêt du designer ? » Je pense que ça a l'air super, peut-être qu'il y a beaucoup de petits éléments qui flottent là-bas, peut-être qu'il doit être lié un peu ensemble. Une chose qu'un élément d'arrière-plan que les cartes ont souvent est soit une grille, soit une sorte de modèle topographique, et j'ai vraiment aimé ces vieux modèles topographiques, donc je pense que peut-être essayons ça. Nous pouvons le mettre en arrière-plan, et voir comment cela fonctionne. Je pense que ça pourrait lier des choses ensemble. Faire un motif topographique. s'agit d'un motif décoratif, il ne se rapporte à aucune topographie particulière. Mais, permet d'utiliser notre outil de stylo et juste vraiment entrer et dessiner toutes ces lignes dehors. Nous allons ajouter un peu de jaune, quelques lignes pointillées pour mélanger un peu le visuel. Beaucoup de ce travail illustratif et de détail dans ces conceptions prennent assez de temps, donc, je ne vais pas passer en revue tout, mais vous pouvez avoir une idée de la façon dont c'est fait. Alors, prenons notre modèle topographique et lancez-le derrière la carte. Voyons ce que nous avons. Ça a l'air cool, et j'aime vraiment ça. Laissons un peu ces éléments vers le bas, et une autre chose que les cartes ont souvent sont des règles. Donc, mettons-le dans une petite règle, juste un petit élément d'accent pour séparer le visuel principal en haut du diagramme de flux, et d'autres éléments en bas. Et on y va, je pense que ça a l'air super. J' aime les couleurs, j'aime le design global, et tous les différents éléments. Je pense que ça a l'air pointu. 24. Direction artistique finale: Donc, maintenant, ça nous amène dans l'unité six, et c'est la mise en scène artistique et l'édition du design. Donc, la chose principale à ce stade est vraiment nous poser les questions difficiles et d'évaluer la conception globale et être votre propre directeur artistique et être votre propre éditeur et de jeter un oeil dur et honnête. Essayez de ne pas penser au temps et/ou aux efforts que vous avez consacrés à la conception, essayez de ne pas y penser du tout. Essayez de le faire comme si vous étiez quelqu'un qui vient à ce design frais pour la première fois, et juste essayer de vraiment l'évaluer d'une manière honnête. Dans un laboratoire Pop Chart, nous devons souvent, en tant que scène, faire des choix vraiment difficiles pour revenir à la planche à dessin et aux dessins. Passer beaucoup de temps à retravailler minutieusement certains des éléments ou même revenir à la partie recherche et faire de nouvelles recherches pour appeler de nouvelles informations dont le design a besoin, ou nous pourrions changer l'esthétique globale ou même éliminer complètement le design, si ça ne marche pas. Il y a donc des choix difficiles à ce stade, mais vous en profiterez vraiment à long terme. 26. Téléchargez et partagez: Donc, maintenant vous avez fait votre design. Qu' est-ce que tu en fais ? Nous vivons à l'ère de l'information. L' ère du Big Data et c'est vrai, que vous parliez données à une échelle mondiale massive ou à un niveau très personnel. La visualisation des données est un médium parfaitement adapté à son âge et sa popularité n'est pas une coïncidence. Au Pop Chart Lab, nous partageons nos designs via notre plateforme de médias sociaux ou si nous pensons qu'un design a suffisamment de mérite, nous produisons des impressions et d'autres produits avec lui. Mais il y a aussi des tonnes de forums en ligne où les infographies peuvent être soumises comme Visuellement ou Boeing Boeing ou I love Charts. Alors, partagez des choses en ligne, soumettez-les aux forums. Configurez un blog ou un site Web ou un compte Flickr ou partagez-le via les réseaux sociaux parce que le monde aime une bonne visualisation des données.