In die­ser Arti­kel­se­rie zeige ich dir, wie Non-Pro­fit-Orga­ni­sa­tio­nen Info­gra­fi­ken erstel­len und nut­zen kön­nen. Die­ser Arti­kel gibt dir Tipps für das Tool Pik­to­ch­art, mit dem du schnell Info­gra­fi­ken erstellst.

Über­sicht über die Arti­kel­se­rie

Was ist Pik­to­ch­art?

Wie star­test du mit Piktor­chart? Lege dir einen Account an und pro­biere ein wenig im Tool herum. Die Bedie­nung ist grund­sätz­lich sehr ein­fach. Du kannst eine Vor­lage (Tem­plate) benut­zen oder deine Gra­fik von Grund auf selbst bauen.

Für Info­gra­fi­ken hel­fen dir die For­men und Icons, die du ein­fü­gen kannst. Du weißt, was du dar­stel­len möch­test?

Tipps für Info­gra­fi­ken in Pik­to­ch­art

Dann gehe so vor:

Vor­ar­beit

Skiz­ziere auf ein Blatt Papier, wel­che Ele­mente du in deine Info­gra­fik ein­bin­den möch­test: Icons, Dia­gramme, Texte, Schmuck­ele­mente.

Pas­sende Icons und Ele­mente in Pik­to­ch­art suchen

Suche dir die pas­sen­den Icons und Ele­mente in Pik­to­ch­art und füge sie ein.

Achte dabei dar­auf, dass die Ele­mente gut zusam­men­pas­sen. Sie sol­len aus­se­hen, wie „aus einem Schnitt“. Bei Icons ach­test du dar­auf, dass sie die­sel­ben Far­ben und einen ähn­li­chen Stil haben? Wie du das siehst?

Nutze Icons, die aus vie­len Far­ben bestehen, nur mit ande­ren Icons, die auch aus vie­len Far­ben bestehen. Schwarz­weiß-Icons oder Icons in einer Farbe kom­bi­nierst du mit ande­ren Schwarz­weiß-Icons bzw. Icons in einer Farbe. Wich­tig ist außer­dem der Stil: Besteht ein Icon aus dicken Linien? Dann kom­bi­niere ihn mit ande­ren Icons aus dicken Linien. Ist ein Icon sehr detail­reich? Dann suche dir andere Icons, die sehr detail­reich sind. Noch nicht ver­stan­den? Pik­to­ch­art erklärt die Wahl von Icons und Schrif­ten noch­mal aus­führ­lich.

Hier stößt du viel­leicht an deine Gren­zen: Bestimmte Icons, die etwas spe­zi­el­les visua­li­sie­ren, fin­dest du hier nicht. Dann musst du deine Idee anpas­sen oder andere Icons neh­men, die die Bedeu­tung nur unge­fähr trans­por­tie­ren. (Oder du steigst auf ein Vek­tor­pro­gramm um und erstellst selbst Icons, die genau das abbil­den, was du willst. Bis du das gelernt hast, dau­ert es aber etwas.)

Um pas­sende Icons und For­men (Shapes) zu fin­den, kannst du ent­we­der die Kate­go­rien durch­su­chen (Gehe in die Kate­go­rie „Gra­phics“, kli­cke auf „Shapes and Icons“ und dann kannst du unter dem Such­feld die Kate­go­rie aus­wäh­len und durch­scrol­len) oder du gibst einen (eng­li­schen) Such­be­griff ein. Der Such­be­griff darf nicht zu spe­zi­ell sein: Zu „Boss“ gibt es etwa keine Icons. Suche also nach „Per­son“ und kom­bi­niere den Per­so­nen-Icon mit einem ande­ren Icon, der dann zeigt, dass diese Per­son ein Chef ist. Sei krea­tiv und brain­storme, wie du Begriffe aus meh­re­ren Icons zusam­men­set­zen kannst.

Du musst Begriffe auch nicht aus meh­re­ren Icons zusam­men­set­zen. Es reicht, einen ein­fa­chen Icon zu neh­men und durch Text zu erklä­ren, um was es sich dabei genau han­delt. Zum Bei­spiel ergänzt du den Per­so­nen-Icon mit dem Schrift­zug „Text“. Das heißt dann, dass in die­ser Info­gra­fik die­ser Icon als Chef wahr­ge­nom­men wird. Du soll­test ihn danach nicht wie­der ein­set­zen, wenn du nicht von Chef sprichst.

Nutze ihn also nicht für andere Per­so­nen, die nicht den Chef dar­stel­len sol­len. Dann suche dir lie­ber einen zwei­ten Icon, der den Per­so­nen-Icon indi­vi­dua­li­siert. Zum Bei­spiel könnte der Per­so­nen-Icon eine Mütze auf­ha­ben. Wenn du dann den Schrift­zug „Chef“ ein­setzt, kannst du die Per­son mit Mütze in dei­ner gesam­ten Info­gra­fik als Chef ein­set­zen, und musst nicht ein­mal jedes Mal erklä­ren, dass es sich hier­bei um den Chef han­delt.

Du kannst also indi­vi­du­elle Icons schaf­fen, indem du Icons kom­bi­nierst. Sie müs­sen nicht selbst­er­klä­rend sein, kei­ner würde schließ­lich auto­ma­tisch eine Per­son mit Mütze als Chef anse­hen. Aber indem du einen Schrift­zug in einem Teil dei­ner Info­gra­fik hin­zu­fügst, asso­zi­ie­ren die Betrach­ter mit die­ser Per­son mit Mütze den Chef. Das geht nur, wenn du nicht zu viele ver­schie­dene Icons nutzt. Dann ver­wirrt das, wenn die Icons nicht kom­plett selbst erklä­rend sind.

Um deine Icons an dein Design anzu­pas­sen, ver­än­dere bei den schwar­zen Icons die Farbe. Das machst du in der Leiste über dem Bereich dei­ner Info­gra­fik. Unter „arrange“ (eben­falls ein Sym­bol) kannst du ein­stel­len, wel­ches Ele­ment wei­ter vorne zu sehen ist. Schließ­lich ver­deckt ja nicht der Kopf der Per­son die Mütze, son­dern die Mütze den Kopf. Dort kannst du deine Icons auch hori­zon­tal oder ver­ti­kal spie­geln und so an deine Bedürf­nisse anpas­sen.

Sieh dir ein­mal das meine Bei­spiel-Info­gra­fik an: Die Icons sind nicht selbst­er­klä­rend. Oder wüss­test du ohne den Text, dass es sich bei den Per­so­nen unten in der Info­gra­fik um Schü­ler han­delt? Dass der Hand-Herz-Icon die soziale Kom­po­nente dar­stel­len soll? Dass die erwach­se­nen Per­so­nen unten rechts Leh­rer sind? Das heißt: Du kannst Icons wäh­len, die deine Aus­sage nur sehr grob unter­stüt­zen. Zusam­men mit dem Text ver­steht der Betrach­ter schnell, was gemeint ist.

Achte außer­dem auf die ver­schie­de­nen Icons im Bei­spiel unten: Ich habe nur Icons gewählt, die aus Stri­chen bestehen. Bunte Illus­tra­tio­nen wür­den hier nicht zu pas­sen. Außer­dem habe ich die Über­schrif­ten für das Dia­gramm und die Beschrif­tung als extra Text­fel­der hin­zu­ge­fügt.

Infografik zum Projekt digitalmachmal, bestehend aus einem Diagramm und vielen Icons und Zahlen, erstellt in Piktochart
Info­gra­fik erstellt mit Pik­to­ch­art

 

Texte ein­fü­gen

Du brauchst natür­lich neben Icons auch Text. Der ist sehr ein­fach ein­zu­fü­gen. Du wählst ein­fach eine der Vor­la­gen aus, je nach­dem, was du ein­fü­gen willst: z. B. den Titel dei­ner Info­gra­fik oder den Fließ­text (Body Text). Unter “Text Frame” fin­dest du zusätz­li­che Vor­la­gen für Text­fel­der. Diese kannst du aller­dings nur sehr ein­ge­schränkt ver­än­dern. Zum Bei­spiel kannst du die Farbe nicht ver­än­dern, anders als bei den Icons. Hier musst du also nach Vor­la­gen suchen, die zu dei­nem Farb­schema und dei­nem Stil pas­sen.

Du siehst dort viele Vor­la­gen, die typisch für Info­gra­fi­ken sind. Prak­tisch sind z. B. das abwärts-Sym­bol mit der Pro­zent­zahl dane­ben oder die große Pro­zent­zahl mit erklä­ren­dem Text dar­un­ter. Zum Teil las­sen sich die Grö­ßen der Texte nicht ein­stel­len. Dann musst du die Vor­la­gen mit­hilfe der For­men und ein­zel­ner Text­fel­der selbst nach­bauen.

Achte dar­auf, dass dein Text gut zu dei­nem rest­li­chen Design passt und sich dort ein­fügt. Es soll so aus­se­hen, als wäre die Info­gra­fik in einem Rutsch von einer Per­son erstellt wor­den.

Ele­mente grup­pie­ren & Tas­ta­tur­kür­zel ver­wen­den

Du kannst Ele­mente grup­pie­ren, um sie gemein­sam zu ver­schie­ben (Rechtsklick und dann ->“Grup­pie­ren“. Außer­dem funk­tio­nie­ren Short­cuts wie Strg+C auch in Pik­to­ch­art.

Dia­gramme und Kar­ten

Unter „Tools“ fin­dest du Dia­gramme (Charts) und Kar­ten.

In dem Bear­bei­tungs­menü, wo du die Daten für die Dia­gramme ein­gibst und einen Dia­gramm­typ aus­wählst, siehst du rechts ein Ein­stel­lun­gen-Sym­bol. Dort nimmst du wei­tere Ein­stel­lun­gen vor wie z. B. die Farbe dei­nes Dia­gramms und ob eine Legende vor­han­den sein soll. Eine direkte Beschrif­tung lässt sich dort lei­der nicht aus­wäh­len. Nutze dafür extra Text­fel­der, die du dann an die rich­ti­gen Stel­len schiebst. Dann grup­pierst du sie gemein­sam mit dem Dia­gramm.

Lei­der las­sen sich bei Dia­gram­men nicht alle Ele­mente anpas­sen, Schrift­ar­ten kannst du zum Bei­spiel nicht ändern und nur wenige Far­ben für die Über­schrift aus­wäh­len. Bleibt nur die Hoff­nung, dass das noch ange­passt wird. Damit dein Dia­gramm zum Design passt, ver­wende ein extra Text­feld für die Über­schrift. Die­ses kannst du dann anpas­sen, wie du es brauchst.

Die Kar­ten sind super: Sehr schnell kannst du dort Werte visua­li­sie­ren. Du suchst ein­fach im ers­ten Schritt ein Land oder eine Region aus. Dann klickst du auf “Edit this map”. Lei­der kannst du nur Werte für Län­der und Bun­des­län­der visua­li­sie­ren. Regie­rungs­be­zirke, Land­kreise und co bie­tet Pik­to­ch­art nicht an. Dafür geht die Visua­li­sie­rung aber echt super schnell und ein­fach.

Damit die Far­ben einer Karte die Werte für jede Region anzei­gen, musst du das erst akti­vie­ren. Dafür klickst du rechts von “Data” auf “Data Visua­li­za­tion” und akti­vierst dann “Area-value map”. Dort kannst du auch zwei Far­ben aus­wäh­len, die Pik­to­ch­art dann für die Visua­li­sie­rung in ver­schie­de­nen Schat­tie­run­gen nutzt.

Wenn du eine direkte Beschrif­tung dei­ner Karte möch­test, kannst du die Legende deak­ti­vie­ren und selbst ein­zelne Text­fel­der für jede Region hin­zu­fü­gen. Das machst du außer­halb des Ein­stel­lungs­fens­ters für die Karte. Danach grup­pierst du die Karte und die Text­fel­der, damit du sie gemein­sam ver­schie­ben kannst.

Wei­ter­le­sen

Pik­to­ch­art hat auch einen net­ten und hilf­rei­chen Blog mit Tipps zum Design. Es lohnt sich, da mal rein­zu­se­hen. Los geht’s: Starte deine erste Info­gra­fik. Bedenke dabei immer die Design­tipps. Übe dich im Gra­fik­de­sign mit Pik­to­ch­art.

Das Pik­to­ch­art-Logo auf dei­nen Info­gra­fi­ken stört dich und die Pro-Ver­sion kos­tet zu viel Geld? Dann lerne, mit einem Vek­tor­gra­fik­pro­gramm umzu­ge­hen. (Außer Adobe Illus­tra­tor, das ist ja noch viel teu­rer.) Pik­to­ch­art hat übri­gens eine redu­zierte Pro-Ver­sion für Non-Pro­fit-Orga­ni­sa­tio­nen.

Hast du Ver­ständ­nis­fra­gen oder brauchst du noch mehr Tipps? Stelle deine Frage ein­fach in den Kom­men­ta­ren.

 

Über­sicht über die Arti­kel­se­rie

 

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.

Wenn du möchtest, kannst du einen Namen, eine Website und eine E-Mail-Adresse angeben. Diese Daten sowie dein Kommentar und das Datum werden solange gespeichert, bis du widersprichst.

Deine IP-Adresse wird nicht gespeichert. Mehr Informationen zum Datenschutz erhältst du in der Datenschutzerklärung: Zur Datenschutzerklärung