Einführung in die Datenvisualisierung

1. Trailer: Hallo, ich bin Ben Gibson, ich bin der Creative Director und Mitbegründer von Pop Chart Lab. Wir machen Diagramme und Datenvisualisierungen und wir sind direkt über die Brücke hier in Brooklyn, New York. Heute begrüßen wir Sie in unserem ersten Pop-up-Shop hier in Soho. Diese Klasse ist eine Einführung in die Datenvisualisierung und wir werden die Schritte durchlaufen , die Sie ergreifen werden, um das Design von Grund auf zu bringen. Jeder weiß, dass Diagramme und Infografiken sehr beliebt sind und offensichtlich eine gute Passform für das Informationsalter und das Alter von Big Data, in dem wir leben, und am besten Datenvisualisierung ist eine reine Mischung aus Stil und Funktion und erzählt detaillierte Erzählgeschichten in einer Weise, die andere Grafik-Design nicht kann, und das bringt uns zu, ja, unserem Motto: Daten, Design und Freude. Die Kreuzung dieser drei Dinge ist, wo wir versuchen, zu informieren. 3. Konzeption und Brainstorming: Unser erster Schritt zur Erstellung einer Datenvisualisierung besteht also immer darin, Konzepte und Brainstorming-Ideen für Themen zu entwickeln. Viele Male, der Instinkt ist es, direkt in zu springen und anfangen zu entwerfen, Infografiken im laufenden Betrieb zu machen, aber es hilft wirklich Ihre Enten in einer Reihe zu bekommen, bevor Sie zu diesem Punkt kommen. Für unsere Entwürfe machen wir für unsere eigene Produktlinie, das ist eine Unterauftragsarbeit, wir beginnen in der Regel mit Themen zu diskutieren, die wir interessant finden, nur persönlich interessant. Das sollten Sie auch tun, eine erste Reihe von Themen auswählen, die Sie interessant finden , und Sie können mit wirklich breiten Interessenfeldern wie Literatur oder Film oder Tech-Gadgetry oder Martinis oderKulinarik oder was auch immer beginnen Literatur oder Film oder Tech-Gadgetry oder Martinis oder Sie mögen und kompilieren Sie einfach eine Liste, eine grundlegende Liste von Dingen, die Sie aus diesen Kategorien möchten. Also, für Literatur, alles von Zellstoff-Paperback-Romanen klassische Literatur bis hin zu Sachen, die für Fil angepasst wurden. Zum Beispiel oder von Tech, könnten Sie über Vintage Nintendo-Spiele sprechen. Es hilft auch, Dinge auszuwählen, die visuell in der Natur sind, das sind Dinge, die durch Illustration oder Grafiken in einer Weise dargestellt werden können , die natürlich und nicht gezwungen ist. Idealerweise können also die visuellen und die Daten und Textelemente sinnvoll interagieren. Das muss nicht immer der Fall sein, aber es ist wirklich cool und es passiert. Also, was ich damit meine, ist die Form, die das Visuelle annimmt, sowohl in Struktur als auch im Stil, durch die dargestellten Informationen informiert wird und umgekehrt. Es ist also ein bisschen schwierig, diese Anrufe in den frühen Phasen eines Projekts zu tätigen, im Grunde, weil es, wenn Sie anfänglich etwas anfangen, schwer zu wissen, welche Form die Daten annehmen können, bis Sie ein wenig weiter in die -Prozess, aber wenn Sie mehr Infografiken und Visualisierungen tun, werden Sie in der Lage sein, einen Instinkt dafür zu entwickeln. Pop-Chart's Slogan ist Daten, Design, Freude und so suchen wir nach Bereichen, in denen sich Daten und Design schneiden. Es ist wirklich eine andere Möglichkeit zu sagen, dass Form und Funktion vereint sind. Ich denke, ein gutes Beispiel aus unserem Katalog ist unser kartiertes Käserad, einer meiner persönlichen Favoriten unter den Designs, die wir gemacht haben , und es ist wirklich einfach konzeptionell, aber ich denke, eine wirklich effektive Mischung aus Daten und Design. Es ist ein Kreisdiagramm, das wie ein tatsächliches Käserad aussieht und es in Abschnitte unterteilt und jeder Abschnitt stellt verschiedene Hauptkategorien und Unterkategorien und ein individuelles Käsebeispiel dar. So haben Sie zum Beispiel Ziegenkäse, der die Hauptkategorie ist, und der in verschiedene Unterkategorien von hart, halbhart, halbweich und weich unterteilt wird, und dann die einzelnen Käsesorten selbst, der Fleur Du Maquis und der Idaho Goatster und Humboldt Nebel und all diese verrückten Käsesorten. Um den Effekt stilistisch zu fördern, haben wir ein leichtes Käsebrett für den Hintergrund illustriert und einen Titel wie eine Käseetikettenkarte in einem Käsegeschäft entworfen. Also, es ist ein Rad von Daten, das wie ein Käserad aussieht, im Grunde. Form und Funktion sind sie ganz einfach und unkompliziert kombiniert. Ein weiterer wirklich cooler Aspekt unserer Arbeit im Pop Chart Lab ist, dass im Wesentlichen das Zeug, das wir tun, die Designs, die wir machen und die Forschung, machen, alles Dinge sind, über die wir lesen würden oder darüber nachzudenken, in unserer Freizeit sowieso, was ist, wie das Unternehmen begann, besessen von wenig Art von Nischenthemen , die Sie verbringen Stunden in Internet-Wurmlöchern auf der Suche nach verloren, aber wir haben Themen wie Kaffeezubereitung , Kameras und Sneakers und Gemüse, Heavy Metal Bands und Comic-Bands, handwerkliche Cocktails und nur eine Menge verschiedener Sachen, die wirklich Spaß gemacht haben zu lernen und natürlich unser Lieblingsthema, das wir immer wieder anziehen scheinen, auf das Bier ist. Wir haben Glück im Pop-Chart-Labor, dass wir Themen auswählen und auswählen können, die bei uns persönlich Resonanz finden. Natürlich können Designer immer auswählen und wählen. So kann der Trick sein, ein Thema zu nehmen, das nicht sofort persönlich mit Ihnen resoniert und einen interessanten Winkel oder Winkel zu finden, über den Sie sich engagieren können. Also, Sie müssen engagiert sein, um ein gutes Design oder Illustration zu tun. Also, sobald Sie eine breite Themenkategorie gewählt haben, lassen Sie uns das eingrenzen. Für dieses Zuweisungsbeispiel wählen wir Hip-Hop und lassen Sie uns weiter auf die Geschichte des Hip-Hop eingrenzen und ein bisschen weiter unten bis Anfang der 90er Jahre Hip-Hop und wissen Sie was? Gehen wir ein wenig weiter und verengten uns auf das besondere Stück epischer Fernsehgeschichte, Der frische Prinz von Bel-Air. Welche Art von Daten korrelieren mit dieser Show? Lassen Sie uns darüber nachdenken, welche Art von spezifischen Daten wir in Bezug auf diese Show darstellen können. Wenn ich an The Fresh Prince denke, das erste, was in den Sinn kommt, ist der Titelsong und ein Eröffnungsabspann , der seine Reise von Philly oder West Philly nach Bel-Air detailliert beschreibt. Also, ich denke, wir haben die Migrationsmuster von Fresh Prince aufgezeichnet. 4. Recherche durchführen: Einheit zwei ist Forschung, sowohl Daten als auch visuelle. Für die Datenelemente beginnen wir in der Regel mit breiten Internet-Suchen, insbesondere mit den üblichen Verdächtigen wie Google und Wikipedia. Nun, für einige der Pop-Chart-Labs, größere, kompliziertere Detaildesigns wie ein Kompendium von Kameras oder Geschichte von Audiogeräten, werden wir zunächst einen Überblick über buchstäblich Hunderttausende von Datenpunkten . Aber aus künstlerischen und praktischen Gründen kann nur so viel Detail in ein Stück Papier oder auf einer Webseite gehen. Wir versuchen, die Informationen zu durchsuchen, um eine Ordnung aus dem Chaos zu schaffen. Für unser Beispielprojekt hier, Migrationsmuster von The Fresh Prince, die Rohdaten etwas rationeller und die Migration wird im Eröffnungsabschnitt skizziert. Also, ziehen wir das Video und drücken Sie wiederholt die Pause-Taste und machen einige Notizen. Es gibt wirklich keinen einzigen Weg, um zu recherchieren, es hängt nur von dem Thema ab, an dem Sie arbeiten und wie Sie gerne persönlich forschen. Aber die Hauptsache ist, dass man dabei bleiben muss und so detailorientiert und körnig wie möglich sein muss, besonders in den frühen Stadien eines Designs. Also, im Grunde, je mehr Daten Sie beginnen müssen, desto besser, und dann können Sie verschiedene Möglichkeiten finden, sie aufzurufen oder zu kuratieren. Also, es ist wieder eine Frage, die Zeit und Mühe einzubringen und nicht zu schnell zu sein, um mit Ihrer eigenen Arbeit zufrieden zu sein. Eine weitere unschätzbare Ressource für viele Projekte kann sein, sich an spezifische Experten in diesem Bereich zu wenden. Entweder finden Sie jemanden, jemanden, den Sie über eine Website finden, wie einen Administrator einer Website oder einen Autor, oder jemand näher durch vielleicht nur die Straße runter. Für unser Supermächten-Design, den Omnibus der Superkräfte, erreichten wir einen großartigen lokalen Brooklyn-Comic-Shop und es sind Bergen Street Comics, und sie haben uns bei unserer Forschung geholfen. Dieser Experte für Ihr bestimmtes Projekt könnte auch nur ein Freund oder ein Mitarbeiter oder ein Verwandter oder jemand wirklich sein , nur jemand, der viel Wissen über dieses bestimmte Thema hat. Der nächste Schritt, nachdem wir unsere Rohdaten haben, und hoffentlich eine Menge davon, und ich weiß, das klingt ziemlich einfach oder Low-Tech, aber der nächste Schritt, den wir normalerweise folgen, ist, ein Word-Dokument zu erstellen, in dem Sie einfach alle Daten, alle Ihre Informationen. Sie müssen im Grunde alle Rohdaten oder Forschung an einem Ort haben, und Word ist nur eine einfache, einfache Lösung dort und auch ein Programm, das jeder hat. Wenn Sie zum Beispiel Ihre Forschung mit jemandem teilen möchten, um Feedback zu geben oder zu bearbeiten, gibt es fast nie irgendwelche Probleme mit der Softwarekompatibilität. 6. Daten organisieren: Nachdem wir also unser Word-Dokumentdatenabbild haben, machen wir den nächsten Schritt und erstellen eine Tabellenkalkulation und beginnen, die Informationen zu analysieren und sie aufzurufen. Erstellen Sie also eine Excel -Tabelle und beginnen Sie, die Informationen zu kuratieren. Dies beinhaltet oft die Aufschlüsselung der Daten in Kategorien und Unterkategorien. Manchmal, wie es für unsere Entwicklung von Audio-Playern der Fall war, die Daten hier die Form der Hauptkategorien zu nehmen, und das beginnt , beginnen die Daten hier die Form der Hauptkategorien zu nehmen, und das beginnt ,die Skelettstruktur des Designs selbst zu bilden. Also, wieder, jedes Thema ist anders, und Sie müssen nur flexibel und kreativ in Ihrer Problemlösung sein, um die beste Lösung für Ihr spezielles Design und Konzept zu finden. Für den frischen Prinzen von Bel-Air sprechen wir im Grunde von einem Migrationsmuster von Philly nach Bel-Air. Also, ich denke, wir können die Tabellenkalkulation überspringen. Also, auch in unserer Forschungsphase, wollen wir auch für die Visuals recherchieren und visuelle Referenz, wo nötig, ziehen oder einfach nur einen Überblick über verwandte Bilder zu einem bestimmten Thema verschaffen. Normalerweise fange ich also mit einer Google-Bildsuche an. Ich weiß, es klingt wie ein gemeinsamer Nenner Ansatz für visuelle Forschung, aber es ist einer meiner Favoriten. Es ist wahrscheinlich der meritokratischste Weg, Bilder zu durchsuchen und zu sehen, was zu einem bestimmten Thema da draußen ist. Die Suchergebnisse reichen also von preisgekrönten Designs und berühmten Designs, Studentenarbeit bis hin zu seltsamen verrückten Sachen, die alle Seitentreffer bekommen und in der Suche erscheinen. Also, es ist eine wirklich breite Palette von Sachen und wirklich interessant und informativ zu betrachten. Natürlich gibt es auch Bücher, insbesondere Kunst- und Designbücher. Sie neigen dazu, teuer zu sein, aber Sie können immer einen Kaffee bei Barnes & Noble oder einer anderen noch stehenden Ziegel- und Mörserbuchhandlung in Ihrer Nähe, und pflanzen Sie sich einfach für eine Weile in der Kunst- und Designabteilung. Es gibt auch Organisationen wie die AIGA, den Type Directors Club oder öffentliche Bibliotheken, und diese Stiftungen haben auch oft Bibliotheken online und in Ihrer lokalen Niederlassung, was eine wirklich wertvolle Ressource sein kann. Es gibt auch immer auf der Straße visuelle Forschung. Es gibt keinen Grund, dass visuelle Forschung akademisch oder medienorientiert sein muss . Für unseren Cheddar-Käse werden wir zum Beispiel entwerfen, ging ich zu einigen lokalen Käsegeschäften, um die Beschilderung und Produktdesigns zu überprüfen, und auch nur um zu sehen, wie sie ihre Käse visuell, typografisch zeigen. Für die Drucke unserer Supermacht ging ich zu einigen lokalen Comic-Büchern und checkte die Comic-Bücher und Comic-Cover, aber auch andere Sachen wie Poster, T-Shirts und Spielzeug, und nur alle coole Ware, die sie dort hatten. So kann es eine Menge Spaß und auch wirklich informativ sein, da raus zu kommen und den Bürgersteig zu schlagen. 8. Starten deines Dokuments: Für Einheit drei fangen wir an, das Design vom Boden zu bekommen ein Dokument und ein anfängliches grobes Layout zu erstellen . Also, jeder benutzt Programme natürlich anders, entwirft Software anders, und das ist keine Design-Software-Klasse, aber es geht darum, nur die Grundlagen zu lernen und dann eine Tonne zu üben, um herauszufinden, wie Sie am besten arbeiten und welcher Workflow ist optimal für Sie. Hier ist, wie ich es normalerweise mache. Unsere Entwürfe sind oft sehr komplex, aber ich mag es, die technischen Aspekte einfach zu halten, wann ich kann. Vor allem in den frühen Phasen des Projekts und des Designs, so kann ich mich auf das Gesamtbild konzentrieren und wie Design und Konzept interagieren. Also will ich mich nicht von vielen technischen Sachen auf der Get Go verarscht werden. Die Dinge neigen dazu, kompliziert zu werden, wenn sich ein Projekt entwickelt, also ist es schön, mit einer sauberen, einfachen Leinwand zu beginnen. So erstellen wir ein neues Dokument. Und für dieses Design, lassen Sie uns mit 12 Zoll x 16 Zoll gehen und standardmäßig, das ist Achtel von einem Zoll für gedruckte Poster und Dokumente. Und 12 mal 16, egal ob Sie diese in erster Linie online verwenden oder drucken, dies ist ein ziemlich guter Standard, flexible Größe und Proportionen. Ein Pop-Star-Labor ist neben unserer Online-Arbeit auf aktuelle gedruckte Plakate und Produkte spezialisiert . Diese Standard-Postergrößen sind 12 x 16, 18 x 24, 24 x 36, und 27 x 39 und dann, letzte ist der Film eine Blattgröße. Dies sind also Standardgrößen, die Druckmaschinen so eingestellt sind, dass sie handhaben und auch wirklich gut für die Online-Anzeige funktionieren. 10. Titeltyp erstellen: Wie ich bereits sagte, Datenvisualisierungen können super komplexe Designs sein und einige unserer Designs , die in unserem Labor erscheinen, haben buchstäblich Tausende von Elementen. Daher ist es wirklich wichtig, das Dokument in einem Eins, auf eine einfache und zwei einzurichten , so dass Sie so viele stilistische Änderungen und Bearbeitungen automatisieren, so viele wie möglich von denen später im Design automatisieren können, wenn beginnt, komplexer zu werden. zwei einfache Weise können Sie dies tun, indem Sie globale Farbfelder und Zeichenstile für Ihre Schriftarten verwenden. Also, ich denke, es ist wirklich wichtig, immer globale Farbfelder, Farbfelder zu verwenden , wenn Sie Infografiken oder Datenvisualisierungen machen, und ich beginne ein Design mit nur zwei Farben, Schwarz und Weiß, und spätere Schritte fügen mehr Farben hinzu und arbeiten mit verschiedenen Farbpaletten, da ihr Design Gestalt annimmt. Außerdem beginne ich normalerweise das Design mit nur ein paar Schriftarten, vielleicht zwei. Eine Serif und eine Sans-Seriif für vielleicht ein paar verschiedene Serifen oder ein paar verschiedene Sans-Serifen, aber nur ein paar zu starten. Okay, also lösche die Farbfelder aus und verwandle diese in globale Farbfelder, klicke einfach auf „Global“. Und wieder, Sie gehen und wählen einige Schriftarten, mit denen Sie beginnen. Es könnte wirklich alles sein. Es spielt an dieser Stelle keine Rolle, aber weil wir es ziemlich viel ändern und viele verschiedene Versionen durchlaufen werden , aber ich werde es einfach halten und einfach mit MReaves und MrSeaves gehen, nur um das aus dem Boden. Jetzt gehen wir, um die Zeichenstile zu setzen, wir gehen in Fenstertyp, Zeichenstile, lassen Sie uns einen neuen Zeichenstil machen, nennen es serif und wir werden das bearbeiten, also ist es eine eigentliche Sans-Serif, MReaves. Lasst uns einen anderen machen, lasst uns eine Serif machen, und das heißt, lass uns MrSeaves benutzen. Wieder sind diese nicht in Stein gesetzt und werden sie am Ende ziemlich verändern, sondern nur um das Design zu beginnen, um ein paar Sachen zu haben, mit denen man spielen kann. 12. Erstes Layout: Also beginnen wir mit der Auslegung unserer ersten Reihe von ROV-Designs und das bringt mich dazu, mit dem Gitter zu entwerfen. Sie können das Raster verwenden oder es ignorieren, aber ich denke, es ist ein ziemlich guter Ort, um speziell für Datenvisualisierungen zu beginnen. Der Grund dafür ist, dass sie tendenziell etwas genau oder mathematisch strukturiert sind. Der Trick besteht darin, das Raster zu verwenden, aber kein Slave dafür zu sein, denn selbst die komplexeste Datenvisualisierung, die das Gitter tatsächlich für seine zugrunde liegende Struktur verwenden könnte, sollte sich immer noch organisch und spontan anfühlen. Daher werde ich oft das Gitter verwenden, um die Grundelemente eines Designs auszulegen und es dann außer Acht zu lassen, da das Stück stilistisch Gestalt annimmt. Lassen Sie uns also das Gitter einschalten, um unsere Entwürfe zu beginnen. Lassen Sie uns das Gitter anzeigen anzeigen. Auch wenn Sie es nicht per se verwenden, hilft es Ihnen, architektonisch zu denken und Punkte zu plotten, was für diesen Teil des Prozesses gut ist. Nun, für diese ersten ROVs oder Skizzen, werde ich eine Menge Male ausbrechen, kleinere Versionen des Designs auf der gleichen Art Board. Wieder, einfach zu denken und nur einen Überblick darüber zu bekommen , wie das Design sein wird, und normalerweise werde ich mit drei beginnen. Wir machen uns nur Sorgen um die Grundlagen hier. Wir haben unsere zwei globalen Farbfelder und ein paar Schriftarten und das ist alles, was wir brauchen, um loszugehen. Nun, die Fragen, die wir stellen wollen, bevor wir anfangen zu entwerfen, nachdem wir über die Forschung sowohl die Daten als auch die visuelle und überprüfen sie, verbringen einige Zeit damit, so dass die Fragen sind wirklich, was die grundlegenden Hauptelemente der Design wird sein? Für unser frisches Druckdesign werden das die Karte und die Punkte der Daten auf dem Migrationsweg und dem Titel sein. Also, normalerweise werde ich drei verschiedene Designs machen, um zu beginnen. Ich werde nur einige Variationen auf verschiedenen Designs tun, machte zwei Design mit einem Titel oben und die Kunst unten und ein Design mit der Kunst oben und dem Titel unten und vielleicht ein Design, wo die Kunst und Titel miteinander verzahnt sind. Probieren Sie einfach einige Variationen über grundlegende Layouts mit dem, was wir denken, an dieser Stelle die Grundelemente unseres Designs sein wird. Also, tun Sie eine, lassen Sie uns versuchen, eins mit dem Titel der Spitze, wird in zwei Zeilen gebrochen werden. Lass mich ein bisschen mit den Schriftarten herumspielen. Wahrscheinlich brauchen Sie etwas unten, setzen Sie einfach einige Platzhalterzeilen hinein, bis wir herausfinden, was das sein wird. Wenn wir einen Pfeil von Philly brauchen, ungefähr nach L.A., tun wir es zu einem Prozentsatz der Swatch. Es gibt also einen Migrationspfad, der in jeder Version des Designs enthalten sein wird. Dann haben wir das zweite Design mit der Kunst oben und setzen einen kleinen Titel unten , so dass dreht sich einfach ziemlich cool nur für Skizzen oder grobe Designs. Für die dritte, lassen Sie uns versuchen, eine, wo der Titel, der wirklich groß ist und in die Karte integriert, nur um es ein wenig zu mischen und wir machen die Karte einen Schatten dieser globalen Farbe grau. Also, da haben wir drei verschiedene grundlegende Designs, nur um dieses Ding vom Boden zu bekommen und darüber nachzudenken, welche Art von Form es annehmen wird. 13. Design verfeinern: Also, das ist nur ein paar Dinge zu übergehen, die letzten Visuals der ersten Layouts. Denken Sie daran, dass wir unsere globalen Farbfelder und unsere globalen Schriftarten für eine Reihe von verschiedenen Optionen für den Titel verwenden . Vielleicht ist der Titel immer ein Schlüsselelement des Designs und der Persönlichkeit oder der Visualisierung und kommt aus einem Hintergrund in Buch-Jacket-Design, wir fühlen, dass dieses Element Art von unterscheidet uns von anderen Info-Grafik-Designer und gibt jedem unsere Entwürfe eine einzigartige Persönlichkeit. Lassen Sie uns also die Reichweite eingrenzen und eine Richtung wählen, die Sie erkunden möchten. Grobe Layouts und Skizzen zu machen sind großartig, aber oft ist der einzige Weg, um wirklich zu wissen, ob ein Design zu höherem Grad arbeitet, ist es, irgendwie in die Nitty-Gritty zu bekommen und beginnen, die Details zu schnitzen und mehr zu erkunden spezifischen Aspekten des Designs. Also, lassen Sie uns eine Richtung wählen, die wir am besten möchten. Ich werde Elemente aus dem ersten und dritten Design auswählen. Also, der Titel oben und die große Karte von Nordamerika in der Mitte und wir werden einige andere kleine Elemente ziehen, die ich nicht sicher bin was das noch sein wird, aber es fühlt sich an, als ob es etwas braucht, also werden wir einfach ein paar Zeilen da unten setzen für jetzt. Ok. Also, wir haben unser Design dort beginnen, ein bisschen spezifischer zu und wir haben Elemente aus dem ersten groben Design und dem zweiten Drittel ausgewählt. Also, wir haben den Titel oben und die nordamerikanische Karte von den zweiten dritten Entwürfen. Aus irgendeinem Grund, eine Karte von ganz Nordamerika zu haben , liest mir ein bisschen mehr Wissenschaft oder Akademiker , was, wenn es mit unserem Thema gepaart ist lustig, also im Pop-Chart-Labor sind wir immer, wir sind Fans, die hohe Stirn mit dem Ladung. 14. Bearbeitung und Verfeinerung: Ok. Also, jetzt gehen wir zu Einheit Vier, und das ist die Bearbeitung der Layout-Architektur. Wir verfeinern das Layout, um zu klären, wie die Daten gelesen werden, und wir werden es auch verfeinern, um eine bessere visuelle Darstellung zu erstellen. Also, der erste Schritt hier ist, sich ein paar Fragen zu stellen. Gibt es genug, um Interesse zu halten, das Interesse des Betrachters? Gibt es genug, um Ihr Interesse zu behalten? Du bist der erste Betrachter, also musst du zuerst an dir selbst interessiert sein, bevor jemand anderes sein kann. Ist es informationell oder redaktionell interessant genug? Auch hier möchten wir über den Schnittpunkt von Daten und Design nachdenken und wie die beiden zusammenarbeiten. Fragen Sie uns, was braucht es? Es braucht etwas anderes, oder? Ich gehe wieder zu diesem unteren Teil des Designs zurück , wo es scheint, etwas zu brauchen. Lassen Sie uns diese Linien loswerden, und warum brechen wir nicht einige Punkte aus der Migration heraus? Also fängt er in Philly, West Philly an, schießt Reifen, geht zum Flughafen. Ich denke, lasst uns ein Flugzeug reinbringen, oder? Da im Grunde nimmt die Migration auf einem Flugzeug teil. Das sind vorerst nur Platzhalter, damit wir herausfinden können, was passieren wird. Dann gibt es eine ziemlich coole Taxifahrt, und dann ist er in Bel Air. Richtig buchstabieren. Vielleicht gibt es ein kleines Flussdiagramm am unteren Rand. Philly an Bel Air, und das sind nur Platzhalter für jetzt. In späteren Schritten werden wir also die Illustrations- und Designelemente aufbauen und den Charakter des Stückes auffallen und auf die nächste Ebene bringen. Aber im Moment finden wir nur heraus, was alle Elemente sein werden. Also haben wir immer noch unsere schwarzen und weißen globalen Farbfelder, die wir verwenden. Lassen Sie uns ein paar Farben hinzufügen. Versuchen wir es mit einem Blau. Auch hier sind diese nicht in Stein gesetzt, sondern nur etwas, um es ein wenig entlang zu schieben. Das Schöne an globalen Farben und Zeichenstilen für Schriftarten und solche Sachen ist, dass es wieder sehr einfach ist, sie später zu bearbeiten. Lassen Sie uns auch eine gelbe Farbe versuchen. In Ordnung. Also, lassen Sie uns die Karte blau versuchen, und wir werden den Typ auch ein wenig aufteilen. Ok. Sobald wir eine anfängliche Farbpalette ausgewählt haben, welche anderen Elemente können wir dem Design jetzt in dieser Verfeinerungsstufe hinzufügen? Ich denke, wir müssen wahrscheinlich wissen, wohin er geht, woher er er geht und wohin er auf seinem Wanderweg landet, oder? Also, lassen Sie uns ein paar Pin-Drops reinlegen , nur um mit West Philly und Bel Air zu beginnen, Punkt 1, Punkt 2. Also, ich fange an, mich irgendwie gut zu fühlen, und ich denke, das ist an einem Punkt, an dem wir beginnen können, einige weitere Visuals hinzuzufügen und beginnen, in die unheimliche Gritty der Details zu gelangen. 16. Dynamischen Typ anwenden: Das bringt uns zu Einheit Fünf, und das schafft und fügt stilistische Elemente hinzu. Lassen Sie uns zunächst auf unsere visuelle Forschung und Datenforschung in Schritt zwei zurückgehen und neu bewerten. Haben wir hier eine Richtung? Gefällt uns unsere Richtung? Stellt es die Daten ziemlich gut dar? Zieht es visuell interessant aus? Werden Daten und Design miteinander in Beziehung gesetzt und vernetzt? fühle mich ziemlich gut dabei, ich denke, wir fangen an, irgendwohin zu kommen. Werfen wir einen Blick auf die, alle verschiedenen Elemente im Design und sehen, wie wir sie auf die nächste Ebene bringen können, beginnend mit unserem Typ. Lassen Sie uns den Titeltyp und die ganze Typografie des Stückes ausbrechen , aber der Titeltyp insbesondere, aber der Titeltyp insbesondere, und lassen Sie uns versuchen, einige verschiedene Richtungen dafür, und sehen, ob wir es ein bisschen interessanter oder ein wenig dynamischer. Lassen Sie uns noch einmal eine Reihe von Sachen versuchen. Ich bin nur irgendwie heranzoomen, nimm den Typ, den wir haben, und versuche, damit zu spielen. Tun Sie es und führen Sie es auf verschiedene Arten aus. Hier zentrieren Sie es und machen Sie es ein wenig dynamischer in den Proportionen. Spielen Sie herum mit größeren und kleineren Typ. Lassen Sie versuchen, ein paar verschiedene Richtungen. Lassen Sie uns es wirklich zentrieren und versuchen, diesen Serifentyp, und vielleicht ein kleines Ornament um eines der Elemente des Typs laufen. Lassen Sie uns eine dritte anschauliche Richtung versuchen. Das ist ein bisschen dekorativer und vielleicht ein bisschen verspielter. Sie sind alle ziemlich cool, und ich mag den verspielten. Alle Dinge sind gleich, aber ich denke, wir sollten vielleicht mit einer trockeneren Richtung dafür gehen . Also, lasst uns diejenige versuchen, die für mich am akademischsten aussieht, und das ist dieser mittlere hier. Also, das ist cool, aber vielleicht braucht es ein bisschen mehr Persönlichkeit. Lassen Sie uns über das Konzept nachdenken, und da dies im Kern ein Hip-Hop-Stück ist. Welche Art von visuellen Elementen gehören dazu? Vielleicht sollten wir ein paar Graffiti probieren. Was für ein Fresh Prince war, gemacht Graffiti-Typ. Versuchen wir also einen handschriftlichen Typ, für diesen Teil des Titels. Verwenden Sie unser Pinsel-Tool, um zu beginnen ziehen wir die F. Vielleicht fügen Sie einige Graffiti-Tropfen hinzu. Hier und hier. Versuchen wir den ganzen Teil des Titels. Sieht ein wenig dynamischer aus, ein wenig interessanter, also liefern Sie unsere Farbpalette zu diesen neuen Typelementen und setzen Sie unseren Graffiti-Typ auf. Machen Sie es ein bisschen größer. Es ist ein cooles Element. Lass es uns gelb machen. Okay, das sieht besser aus. 18. Illustrative Elemente erstellen: Ok. Also, unser Design, es fängt an, irgendwohin zu kommen. Es sieht ziemlich cool aus. Werfen wir einen Blick auf die Illustrationselemente, die wir brauchen. Ich denke, wir brauchen einige Illustrationselemente für dieses untere Flussdiagramm hier. Wir brauchen eine Basketball-Illustration, ein Taxi und etwas, um Bel Air zu repräsentieren, und dann brauchen wir vielleicht ein Flugzeug, das über den Migrationsweg geht. Also, ein Pop-Chart-Labor funktioniert in diesem was normalerweise flache Design-Stil der Illustration genannt wird, einige Leute nennen es Minimalismus, aber es ist nicht wirklich minimal, es ist eher eine Art zu arbeiten, in der das Detail wirklich sorgfältig ausgewählt wird, das Detail für die Illustration ist wirklich sorgfältig ausgewählt und der Look bleibt grafisch. Es ist für Datenvisualisierungen sehr sinnvoll , da das Gesamtbild des Designs wirklich komplex sein kann. Wir wollen also einige der einzelnen Elemente etwas unkompliziert halten, aber natürlich gibt es Raum für viel Kreativität. Du musst nicht so arbeiten. Es gibt einige großartige Datenvisualisierungen, die von Hand gemacht werden, oder mit Fotografie gemacht oder mit, ich weiß nicht, Fingerfarben gemacht werden. Also, es liegt ganz an dir. Aber für Pop-Chart-Lab-Stil arbeiten wir in einem grafischen Stil. Also, wir bauen diese Illustrationen in der Regel mit Farbblöcken aus, machen zuerst große Formen und füllen dann besondere Details aus, um anspruchsvoll über die Details zu sein, die Sie einschließen, und es ist immer einfach, Referenzbilder zu erhalten, wenn Sie es. Also, wir brauchen ein Taxi, und bauen wir die grundlegende gelbe Form, und dann fügen wir ein paar Räder hinzu, und dann einige Details, wie Fenstertyp, Scheinwerfer und vielleicht ein neues Nummernschild. Also bauen wir eine Kennzeichenform aus und fügen ein kleines Detail hinzu, Löcher, und ich denke, das ist frisch. Werfen wir einen Blick auf das Design mit unseren Illustrationselementen. Bringen wir sie da rein. Es gibt ein cooles Flugzeug, das wir gemacht haben, vielleicht wird das auf dem Weg nach Bel Air dorthin gehen. Sein Abstieg nach Bel Air und starten Sie Schießen Reifen. Also, wir können einfach die verschiedenen Teile ausfüllen, in unser Taxi setzen. Ich werde das nur irgendwie einrauben. Wir können sie später verfeinern. Ich denke, das Taxi hatte einige lustige Würfel, die unscharfen Würfel, unscharf und lustig, und ein neues Nummernschild und vielleicht einen Thron für Bel Air, und vielleicht einen Thron für seit Will Smith auf einem Thron in der Kreditsequenz sitzt, glaube ich. Ich setze sie nur ein, um sie dort reinzubringen, und wir können einen Blick werfen, aber ich denke, dieses zusätzliche Detail beginnt wirklich, das Design auf die nächste Ebene zu bringen. 20. Sekundäre visuelle Elemente: Ok. Also, lassen Sie uns wieder einen Blick auf unser Gesamtdesign werfen, und es scheint, als würde es irgendwohin kommen. Dieser Punkt in der Regel werde ich einen Blick werfen und nur herausfinden, ob es irgendwelche sekundären visuellen Elemente, Illustrationen oder Grafiken, Dinge wie das braucht . Also, wenn wir uns alle Hauptelemente im Design ansehen, die, auf die wir bisher nicht geachtet haben. Das wird der Pfeil sein, der Wanderpfad Pfeil, die Karte, und diese kleinen Linien im Flussdiagramm, denke ich, Sie sehen die unscharfen Würfel entsprechend für jetzt oben über dem frischen Nummernschild gehen. Aber werfen wir einen Blick auf die verschiedenen Elemente und ich denke, ob wir sie ein bisschen kühler machen können. Vielleicht könnte die Karte zum Beispiel wenig 3D sein, 3D-Element, um es durch Kopieren und Einfügen, und hier unten Zeichnung in einigen dünnen Linien, um die Modellierung der Typografie hervorzuheben, und das Gesicht der Karte muss wahrscheinlich ein bisschen heller sein, also machen wir es ein bisschen grau, ein blau-grau, ein grünes Grau, mal sehen. Das sieht ziemlich gut aus, das sieht cool aus. Werfen wir einen Blick auf einen cooleren Pfeil für den Migrationspfad, und vielleicht verwenden wir auch eine Variation dieses Pfeils für den Pfad im Flussdiagramm am unteren Rand des Entwurfs. Also, lasst uns die reinlegen, vielleicht machen wir unsere Nadel auch gelb. In diesem Teil beginnen wir, in die mehr von den granularen Aspekten des Designs zu bekommen. Also, wir gehen hinein und sehen, wie dieser Typ mit der Karte dahinter interagiert, zum Beispiel unsere neue Karte, sie sehen zusammen ziemlich cool aus, vielleicht können wir einige der kleinen Details im Flugzeug an unsere Farbauswahl halten und Palette. Vielleicht können wir einige der kleinen Details auf unserer Ebene halten unsere Farbpalette und Entscheidungen für das Design, aber an dieser Stelle beginnt es Form anzunehmen. Wir werden hier unsere kleinen Pfeile hinzufügen und das Flussdiagramm funktioniert ziemlich gut, und die verschiedenen Aspekte des Designs beginnen sich zusammenzufinden. Also, hier ist, was wir haben, und wenn wir anfangen, ziemlich cool auszusehen, scheint es, als gäbe es einen leeren Raum oben und unten, der nur ein wenig Aufmerksamkeit oder Detail gebrauchen könnte der nur ein wenig Aufmerksamkeit oder Detail gebrauchen könnteund was könnten wir noch hinzufügen? Brauchen wir noch was? Vielleicht brauchen wir noch etwas anderes. Da Karten oft mit dem Jahr der von ihnen dargestellten Informationen beschriftet sind, machen wir das auch hier. Lassen Sie uns das 1990 beschriften, hier unten, wo ein Schlüssel zur Karte gehen würde, aber lassen Sie uns das ein wenig besser machen. Machen wir es um 1990, und lassen Sie uns ein paar kleine Ornamente hinzufügen. Schnappen Sie sich das und ich setze das hier rein, und vielleicht braucht dieses Ding eine Krone, offensichtlich, da es um Prinzen geht. Lassen Sie uns eine Graffitikrone machen, im gleichen Stil wie das Graffiti in unserem Titel. Diese Krone wird wahrscheinlich an der Spitze des Designs rechts gehen. Also, lasst uns das da reinlegen, da gehen wir. Also, hier ist, was wir haben, sieht ziemlich cool aus. 22. Hintergrundelement: Also, jetzt haben wir alle unsere Illustrationselemente an Ort und Stelle, unsere Typografie und unsere sekundären Grafik- oder Illustrationselemente, und es beginnt wirklich zusammen zu kommen, denke ich. Wir können es weiter schieben, etwas bewegen, aber jetzt gehen wir zurück und schauen uns das hart an und fragen uns: „Gibt es genug, um das Interesse der Zuschauer zu wecken? Gibt es genug, um Ihr Interesse zu behalten? Das Interesse des Designers?“ Ich denke, es sieht toll aus, vielleicht gibt es viele kleine Elemente, die da draußen schweben, vielleicht muss es ein wenig miteinander verbunden werden. Eine Sache, die ein Hintergrundelement, das Karten oft haben, ist entweder ein Raster oder eine Art topografisches Muster, und ich liebte diese alten topographischen Muster, also denke ich, lassen Sie uns das vielleicht versuchen. Wir können es in den Hintergrund stellen und sehen, wie es funktioniert. Ich denke, es könnte Sachen zusammenbinden. Erstellen eines topographischen Musters. Dies ist ein dekoratives Muster, es bezieht sich nicht auf eine bestimmte Topographie. Aber, lassen Sie unser Stift-Werkzeug verwenden und einfach wirklich gehen und zeichnen Sie alle diese Linien aus. Wir fügen auch ein paar gelbe Linien hinzu, einige gepunktete Linien, um das Bild ein wenig zu vermischen. Viele dieser illustrativen Arbeit und Detailarbeit in diesen Designs sind ziemlich zeitaufwendig, also werde ich nicht durch die ganze Sache gehen, aber Sie können ein Gefühl davon bekommen, wie es gemacht wird. Also, nehmen wir unser topografisches Muster und führen es hinter der Karte. Mal sehen, was wir haben. Es sieht ziemlich cool aus, und das gefällt mir wirklich. Lassen Sie uns diese Elemente ein wenig fallen, und eine andere Sache, die Karten oft haben, sind Regeln. Also, lassen Sie es in eine kleine Regel, nur ein kleines Akzentelement, um das Haupt visuelle oben vom Flussdiagramm zu trennen, und andere Elemente unten. Und hier geht's, ich denke, es sieht ziemlich toll aus. Ich mag die Farben, ich mag das Gesamtdesign und all die verschiedenen Elemente. Ich denke, es sieht scharf aus. 24. Abschließende Kunstrichtung: Also, jetzt, das bringt uns in Einheit sechs, und das ist Art Directing und Editing the Design. Also, die Hauptsache an dieser Stelle ist uns wirklich die harten Fragen zu stellen und das Gesamtdesign zu bewerten und Ihr eigener Art Director zu sein und Ihr eigener Redakteur zu sein und einen harten und ehrlichen Blick zu werfen. Versuchen Sie nicht, über die Zeit und/oder Mühe nachzudenken, die Sie für das Design ausgegeben haben, versuchen Sie überhaupt nicht darüber nachzudenken. Versuchen Sie, es so zu tun, als ob Sie jemand kommen zu diesem Design frisch zum ersten Mal, und versuchen Sie einfach wirklich, es auf eine ehrliche Art und Weise zu beurteilen. In einem Pop-Chart-Labor wir oft als Bühne einige wirklich schwierige Entscheidungen treffen, müssen wir oft als Bühne einige wirklich schwierige Entscheidungen treffen,um auf das Zeichenbrett und die Entwürfe zurückzukehren. verbringen viel Zeit, um einige der Elemente sorgfältig zu überarbeiten oder sogar zum Forschungsteil zurückzukehren und neue Forschungen zu machen, um neue Informationen zu nennen, die das Design benötigt, oder wir könnten die gesamte Ästhetik ändern oder sogar das Design völlig verschrotten, wenn es nicht funktioniert. Also, es gibt einige schwierige Entscheidungen in diesem Stadium, aber Sie werden wirklich von ihnen profitieren auf lange Sicht. 26. Hochladen & teilen: Also, jetzt haben Sie Ihr Design gemacht. Was machst du damit? Wir leben in einem Informationszeitalter. Das Zeitalter von Big Data und das gilt, ob Sie über Daten auf einem massiven globalen Maßstab oder auf einer sehr persönlichen Ebene sprechen . Datenvisualisierung ist ein Medium, das perfekt für sein Alter geeignet ist und seine Popularität ist kein Zufall. Im Pop Chart Lab teilen wir unsere Designs über unsere Social-Media-Plattform oder wenn wir glauben, dass ein Design genug Wert hat, produzieren wir Drucke und andere Produkte damit. Aber es gibt auch Tonnen von Foren online, in denen Infografiken wie Visuell oder Boeing Boeing oder ich liebe Charts eingereicht werden können . Also, teilen Sie Sachen online, senden Sie es in Foren. Richten Sie einen Blog oder eine Website oder ein Flickr-Konto ein oder teilen Sie es über soziale Medien, weil die Welt eine gute Datenvisualisierung liebt.