Figure Makeover - Live Design Feedback!

Überblick

Vor der Veranstaltung haben wir Einreichungen von Teilnehmern entgegengenommen, deren Abbildungen von unseren talentierten wissenschaftlichen Designern überarbeitet werden sollten. Shiz und Victoria werden Ihnen live in BioRender zeigen, wie diese Abbildungen neu erstellt werden, und diese Sitzung mit zahlreichen Design-Tipps in Echtzeit füllen.

Diese Sitzung trägt den Titel „Figure Makeover“. Mutige Teilnehmer haben uns ihre Abbildungen zur Verfügung gestellt, damit wir sie überarbeiten und vielleicht ein wenig verbessern können. Sicherlich haben auch Sie in Ihrer Datenbank eine Abbildung, die Sie schon lange einmal optimieren wollten. Wir hoffen, Ihnen mit unseren Tipps dabei helfen zu können.

Lassen Sie uns ohne Umschweife beginnen. Wir werden das Ganze als Team angehen: Victoria stellt die einzelnen Abbildungen vor, die wir überarbeiten werden, und ich werde anschließend Design-Tipps geben, wie wir ein überzeugendes Vorher-Nachher-Ergebnis erzielen können.

Bevor wir anfangen, möchte ich dem Publikum eine Frage stellen: Welche App auf Ihrem Smartphone nutzen Sie am häufigsten, wenn Sie in einer fremden Stadt oder an einem unbekannten Ort sind? Was ist Ihre bevorzugte Anwendung? Wahrscheinlich wird die Antwort bei vielen von Ihnen gleich sein. Da der Chat eine leichte Verzögerung hat, gebe ich Ihnen einen Moment Zeit zum Antworten.

Ich denke, wir sind uns einig: Google Maps. Für mich persönlich ist Google Maps eines der leistungsfähigsten und komplexesten Produkte überhaupt. Ich bewundere die Produktentwickler in diesem Team sehr. Denken Sie nur an die Informationsmenge, die Google Maps anzeigt. Ich liebe es auch, dass sie so weit wie möglich eine komplementäre Farbpalette in Orange und Blau verwenden. Wenn Sie sich hier den Stadtplan von Toronto ansehen, werden Sie feststellen, dass sie sich an eine sehr begrenzte Farbpalette halten: Alle Geschäfte sind orange, Läden sind blau. Das Einzige, was in den Google-Suchergebnissen rot markiert ist, sind Krankenhäuser. Sie haben die Anzahl der Farben, die auf der Karte angezeigt werden, wirklich stark reduziert. Und wenn ich herauszoome, ist die Menge an Informationen, die sie weglassen, der entscheidende Punkt. Denken Sie daran, wie viele Inhalte sie hätten zeigen können, aber beim Herauszoomen werden diese nach und nach ausgeblendet. Das liegt daran, dass man nicht wissen muss, dass man sich in Toronto befindet, wenn man auf diese Ebene herauszoomt. Der Kontext ist sehr wichtig. Vielleicht ist es auf dieser Ebene wichtig, Straßen und Häuser zu sehen, aber erst jetzt werden die Häuser sichtbar. Ich musste die einzelnen kleinen Quadrate nicht sehen, bevor ich diese Zoomstufe erreicht hatte. Behalten Sie das im Hinterkopf. Wenn Google Maps das so gut hinbekommt, haben wir keine Ausrede, unsere wissenschaftlichen Abbildungen nicht auf das Wesentliche zu konzentrieren.

Lassen Sie uns nun auf die vier wichtigsten Tipps eingehen, die wir aus den häufigsten Fehlern in den Einreichungen abgeleitet haben. Sie haben uns die Arbeit wirklich leicht gemacht. Uns sind einige Dinge aufgefallen, auf die wir uns in den nächsten Minuten konzentrieren werden.

Häufige Designfehler

Erstens: die Leserichtung. Vikki hat es in der letzten Sitzung gut auf den Punkt gebracht: Wählen Sie ein paar Kompositionen und bleiben Sie dabei. Vermeiden Sie übermäßige Boxen. Ich weiß, das klingt seltsam, aber wir haben das bei fast allen eingereichten Abbildungen gesehen. Es gibt oft unnötige Designelemente. Zweitens: Farbe. Reduzieren Sie die Vielfalt und Anzahl der Farben in Ihrer Abbildung. Das ist sehr wichtig. Drittens: Sorgen Sie für ausreichend Kontrast. Das ist wirklich entscheidend. Ich würde sagen, das ist der häufigste Fehler, den ich sehe, wenn ich eine Fachzeitschrift aufschlage. Wenn Sie Ihre Abbildung betrachten, sollten Sie sofort die Richtung der Informationen erkennen können.

‚ÄçAbbildung 1

Hier ist ein Beispiel für die erste Abbildung. Ich übergebe das Wort an Vicky, damit sie die erste Abbildung kurz vorstellt, während ich die Leserichtung der Informationen nachzeichne.

Vielen Dank, Shiz. Unsere erste Abbildung stammt von Natalia und bietet einen sehr detaillierten Überblick über den Wirkungsmechanismus des Choleratoxins. Sie zeigt, wie das Toxin die Darmepithelzellen beeinflusst. Das Cholera-Bakterium, das oben rechts grün dargestellt ist, setzt das Choleratoxin frei, das hier violett zu sehen ist. Sobald das Toxin von der Zelle aufgenommen wird, sieht man, wie es in den endosomalen Pfad eintritt. Es wandert durch das Zellinnere zum Golgi-Apparat und erreicht schließlich das ER. Sobald das Toxin das Zytoplasma erreicht, aktiviert es die Adenylylzyklase, was zu einer erhöhten Produktion von zyklischem AMP führt. Dieses zyklische AMP wirkt dann auf Membrankanäle, was letztlich zum Verlust von Chloridionen führt. Dies verursacht eine massive Flüssigkeitssekretion im Dünndarm und führt zu schwerem Durchfall – wie Sie vielleicht wissen, eines der Hauptsymptome einer Cholera-Infektion. Natalias Abbildung vermittelt viele detaillierte Informationen und macht das wirklich gut. Aber Shiz, welche kleinen Anpassungen könnten diese Abbildung deiner Meinung nach auf die nächste Stufe heben?

Großartig, danke Vikki. Was ich zeigen wollte, ist, dass dies wieder an die Google-Maps-Analogie erinnert: Die Geschichte ist natürlich sehr interessant, und Natalia hat die grundlegenden Elemente sehr gut angeordnet. Im Grunde mussten wir nur ein wenig aufräumen. Zum Beispiel die Intensität des Hintergrunds reduzieren. Auch hier gilt: Denken Sie an Google Maps. Ich muss nicht ständig daran erinnert werden, dass ich mich in Toronto befinde. Genauso muss ich bei dieser Abbildung nicht jedes Mal daran erinnert werden, dass es sich um ein Enterozyt handelt.

Wenn wir über Kontrast nachdenken: Wenn ich das Bild in Schwarz-Weiß umwandle, gehen Informationen verloren. Die Proteine, die über dem endoplasmatischen Retikulum liegen, werden etwas undeutlich. Die Leserichtung kann ebenfalls verbessert werden. Ich beginne hier, gehe nach unten, mache einen Bogen, und dann gibt es diese Schleife und eine Verzweigung. Es ist also nicht direkt. Wir haben die Komposition etwas aufgeräumt. Samara, eine unserer großartigen wissenschaftlichen Designerinnen im Team, hat dabei geholfen. Wie Sie sehen können, haben wir den Enterozyten komplett in den Hintergrund gerückt. Wir haben die Intensität reduziert, sodass er nun ein schönes, dezentes Hintergrundbild ist. Die Leserichtung ist jetzt flüssiger. Der Ablauf wirkt zyklisch und damit viel harmonischer. Ich würde sagen, das folgt unserem zyklischen Pfad und der Reduzierung der Farben. Denken Sie wieder an Google Maps: Wo sind die wirklich wichtigen Teile der Geschichte? Es ist das Auftreten der Bakterien außerhalb der Zelle, der Eintritt in die Zelle und der Austritt am anderen Ende. Wenn Sie sich das Vorher und Nachher nebeneinander ansehen, werden Sie einen deutlichen Unterschied feststellen. Die Abbildung hatte bereits alle großartigen Zutaten; wir mussten ihr nur einen weicheren Hintergrund geben und die Farbauswahl im Vordergrund reduzieren. Sogar das endoplasmatische Retikulum, das 3D-wirkt, ist sehr schön. Es war leuchtend rot. Alles, was es wirklich brauchte, war diese einfache 2D-Umrissversion. Mein Rat: Schreien Sie Ihren Betrachter nicht an und orientieren Sie ihn nur, wenn es nötig ist. Lassen Sie den Hintergrund in den Hintergrund treten und die Hauptgeschichte in den Vordergrund rücken, was hier auf der rechten Seite gut gelungen ist. Ich hoffe, das ergibt Sinn. Werfen wir einen Blick auf unsere kleine Checkliste rechts. Ich glaube, wir haben alle Regeln befolgt.

Manchmal können Sie auch einige inspirierende Elemente im grauen Bereich Ihrer Arbeitsfläche in BioRender hinzufügen. Wenn ich auf „Vorschau“ klicke, werden Sie feststellen, dass nichts außerhalb der Arbeitsfläche gerendert oder exportiert wird. Es ist also eine sehr schöne Möglichkeit, diesen Bereich als Arbeitsbereich zu nutzen, während Sie Abbildungen in BioRender erstellen.

Abbildung 2

Alles klar, nächste Einreichung. Unsere nächste Abbildung stammt von Pradnya. Ich mag diese Abbildung sehr, weil sie die Hintergrundinformationen zum diabetischen Knochenmark hervorragend mit dem experimentellen Protokoll und den Behandlungsergebnissen verbindet. Auf der linken Seite gibt es eine sehr schöne visuelle und textliche Beschreibung des diabetischen Knochenmarks, die sofort ins Auge fällt und dem Betrachter schnell zeigt, was sich beim diabetischen Knochenmark im Vergleich zum gesunden Knochenmark unterscheidet. In der Box oben befindet sich ein sehr schönes, schrittweises Protokoll, das zeigt, wie aus Zähnen isolierte Stammzellen in Kultur vermehrt und dann in Mäuse transplantiert werden, um diabetische Neuropathie zu verbessern. Und das hier ist mein Lieblingsteil: Wenn man den Pfeilen nach unten folgt, sieht man, wie Pradnya alles miteinander verknüpft, indem sie zeigt, wie die experimentelle Behandlung in der Box das diabetische Knochenmark und die Neuropathie, mit denen wir begonnen haben, verbessert. Diese Abbildung leistet hervorragende Arbeit bei der Bereitstellung von Hintergrundinformationen und der Kommunikation experimenteller Ergebnisse. Aber Shiz, welche letzten Feinheiten würdest du hier vorschlagen?

Ja, wenn ich mir unsere Checkliste mit Tipps ansehe, würde ich mir die Leserichtung, die übermäßige Verwendung von Boxen sowie die Reduzierung der Anzahl und Vielfalt der Farben ansehen. Lassen Sie uns einen kurzen Blick darauf werfen. Ich mache immer gerne einen schnellen „Bauchgefühl-Check“. Wenn wir von Farbe auf Graustufen umstellen, geht etwas verloren? Mir ist aufgefallen, dass diese Zellen hier – vielleicht sind es mesenchymale Zellen, die grünen – tatsächlich verschwinden. Die Geschichte ist super interessant, also möchte ich sicherstellen, dass die Hauptbereiche im Fokus stehen. Das Grün muss wahrscheinlich geändert werden. Außerdem sind Grün und Rot keine gute Kombination für farbenblinde Menschen. Nehmen wir unseren treuen Textmarker und sehen uns die Richtung an. Nur weil es Pfeile gibt, heißt das nicht, dass das die tatsächliche Reihenfolge ist, in der ich die Abbildung lese. Es könnte auch das Auffälligste sein, das ins Auge fällt. Es begann eigentlich hier, also dort, wo mein Blick zuerst hinfiel. Aber dann gibt es diesen Titel, also werde ich wahrscheinlich zuerst dort Aufmerksamkeit haben. Es gibt Pfeile, die mir zeigen, wohin ich schauen soll. Und dann gibt es eine Art Verzweigungssystem, das von links nach unten und dann nach rechts unten führt. Hier passiert auch etwas, wo Blutfluss in diese Richtung angedeutet wird. Man sieht also, dass die Informationsrichtung etwas unübersichtlich ist, aber die Zutaten sind da. Wir müssen es nur ein wenig umstellen. Entfernen wir das. Und mit der Magie des Fernsehens kommen wir zur finalen Version. Wir haben tatsächlich ein paar Versionen davon erstellt, denn das ist das Wesen des Figurendesigns: Man möchte wahrscheinlich Version eins, zwei und drei erstellen. Das Schöne an BioRender Slides ist, dass man viele Versionen in einer Datei haben kann. Hier ist eine Version, bei der wir die Geschichte umgedreht haben: Die Übersetzung oder die Anwendungen im Körper befinden sich hier rechts in Rot. Wir haben es auch am Anfang umgedreht. Wir haben auch die Hintergrundfarbe entfernt. Hier ist das Original noch einmal. Wir haben die Hintergrundfarben entfernt. Ich weiß, es ist verlockend, eine Hintergrundfarbe zu verwenden, aber ich würde das so weit wie möglich vermeiden, da es sehr schwierig ist, mit anderen Farben im Vordergrund zu arbeiten. Das haben wir sofort entfernt. Letztendlich ist das das Vorher-Nachher-Ergebnis, für das wir uns entschieden haben. Was am Original ablenkte, war, dass all diese Zellen in den Knochen klumpten. Offensichtlich nicht wissenschaftlich korrekt, aber das war nicht der Punkt der Geschichte. Es ist zwar repräsentativ, aber ich denke, es war etwas ablenkend: Ist es eine verstopfte Arterie? Gibt es eine Art Tumor? Denn das wäre die tatsächliche Größe im echten Leben. Stattdessen haben wir dieses Call-out gemacht, das die Größe der Zellen realistischer darstellt. Ich hätte wahrscheinlich sogar den Knochen komplett entfernt und die Zellen für sich allein gelassen, vielleicht mit einem roten Hintergrund, um einen Zoom in das Knochenmark zu zeigen. Wir haben die Anzahl der Farben reduziert. Wie Sie von links nach rechts sehen können, ist die Anzahl der gezeigten Farben drastisch reduziert. Ich denke, der Fokus ist jetzt auch etwas klarer. Vorher habe ich überall hingeschaut, und jetzt ist die Leserichtung wirklich von links nach rechts und von oben nach unten. Das ist viel angenehmer. Der Kontrast wurde definitiv verbessert. Wenn wir wieder zu unserer treuen Schwarz-Weiß-Umwandlung gehen, werden Sie feststellen, dass die Pfeile im vorherigen Bild durch den ähnlichen Farbwert fast verschwunden sind. Im Nachher-Bild haben wir die Pfeile schwarz gemacht. Man könnte sie sogar weiß machen, damit sie noch mehr hervorstechen.

Sehr hell vor dem Blutgefäß. Kontrast ist also der Schlüssel, wenn man mit einem Hintergrund in mittlerer Tonlage arbeitet. Vorher und Nachher – da haben wir es. Ich denke, es ist jetzt besser lesbar. Nochmals vielen Dank an unsere mutigen Einreicher. Pradnya, wir senden dir die finale Version, damit du sie für deine nächsten Zwecke verwenden kannst.

Abbildung 3

Großartig, vielen Dank, dass du uns das erläutert hast, Shiz. Unsere nächste Abbildung stammt von Chris und ist eine ebenso einfache wie elegante visuelle Darstellung der Systembiologie. Wir beginnen links mit der DNA im kleinsten Maßstab, und jeder Schritt des Diagramms geht eine Ebene höher. Wir gehen also von DNA zu Proteinen, dann zu Netzwerken, zu Zellen und so weiter, bis wir schließlich die Populationsebene erreichen. Man braucht nur wenige Sekunden, um sofort zu verstehen, was Chris vermitteln wollte. Shiz, gibt es irgendwelche Anpassungen, die du hier empfehlen würdest?

Ja, das ist knifflig, denn ich hätte gesagt, dass es sehr sauber und schwer zu kritisieren ist. Ich finde, hier wurde von Anfang an vieles richtig gemacht. Ich achte gerne auf das Gleichgewicht zwischen der Absicht und den Elementen. Wenn ich herauszoome und die Augen zusammenkneife, fällt auf, dass es im unteren Bereich ziemlich schwer wirkt. Diese Personengruppe ist visuell dunkler. Es ist ein größeres Objekt, während dieses Netzwerk hier oben etwas eleganter und feiner ist. Mir ist sofort aufgefallen, dass diese Pfeile etwas zu scharfkantig sind, daher hätte ich sie wahrscheinlich etwas abgerundet. Und dann ist da noch die Vielfalt und Intensität der Farben. Das Herz ist ziemlich hell und markant, während der Körper hier in Graustufen etwas blasser wirkt.

Wir haben also alle diese Elemente genommen und sie etwas zyklischer angeordnet, was ganz schön ist, da es eine rundere Komposition ergibt. Außerdem haben wir Kreise und Kästen eingeführt. Das widerspricht zwar ein wenig unserem ursprünglichen Tipp, aber wir haben es getan, weil manche Abbildungen, wenn sie optisch zu unterschiedlich sind, durch ein einheitliches Erscheinungsbild zusammengehalten werden können. In diesem Fall haben DNA, Protein, Netzwerk und Zelle alle eine schöne Umrandung erhalten, was für einen einheitlichen Look sorgt.

Wir haben hier auch einen kreisförmigen Pfeil verwendet. Ich liebe die kreisförmigen Pfeile in BioRender, weil man einen perfekten 360-Grad-Pfeil erstellen und ihn dann an bestimmten Stellen zuschneiden kann. Ich weiß nicht, ob du das schon einmal benutzt hast. Ich mache es mal hier an der Seite und mache ihn etwas dicker, damit du es sehen kannst. Wenn du etwas Zyklisches darstellen willst, kannst du die Pfeile herunterziehen und an bestimmten Stellen zuschneiden. So erhältst du einen perfekten 360-Grad-Pfad, den du in so viele kleine Stücke zerlegen kannst, wie du möchtest. Wenn du ihn verlängern willst, weil du ihn zu kurz geschnitten hast, folgt er immer noch genau diesem Muster. Du ziehst einfach das Ende, und wie du siehst, kann ich es überlappen lassen. Ein wirklich tolles Werkzeug in BioRender. Das haben wir hier umgesetzt, um für einen flüssigeren Look zu sorgen. Probiere diese Funktion also auch mal aus. Wirklich cool. Im direkten Vergleich wirkt es meiner Meinung nach etwas klarer. Es war ohnehin nicht notwendig, den gesamten Krebs-Zyklus für einen einzigen Schritt zu illustrieren, also haben wir ihn entfernt, abstrahiert und die Form vereinfacht.

Die Person – ich glaube, man musste den ganzen Körper nicht unbedingt sehen, aber das war eine bewusste Entscheidung. Wir haben die Population verkleinert, damit jetzt alles die gleiche Aufmerksamkeit erhält, denn genau das möchte man hier erreichen: eine gleichmäßige Verteilung der Aufmerksamkeit über den gesamten Pfad hinweg. Das ist also das Vorher und Nachher.

Abbildung 4

Wir haben noch eine letzte Einreichung für heute. Ja, diese kommt von Laura. Es geht wieder um Bakterien, aber diesmal konzentrieren wir uns auf das Penicillin-bindende Protein, das hier in Lila dargestellt ist. Penicillin-bindende Proteine werden von Bakterien produziert und sind an der Synthese der bakteriellen Zellwand beteiligt. Sie sind oft mit der Membran assoziiert, was in diesem ersten Infokasten sehr schön dargestellt ist. Laura hat einen wirklich schönen lila Farbverlauf verwendet, und ehrlich gesagt bin ich vielleicht etwas voreingenommen, weil Lila definitiv meine Lieblingsfarbe ist, um verschiedene Homologe von Penicillin-bindenden Proteinen zu illustrieren. Unten zoomen wir dann auf diese Homologe und betrachten ihre Anfälligkeit gegenüber verschiedenen Antibiotika. Laura hat es wirklich gut geschafft, uns den Weg von der Bakterienebene bis hinunter zur Proteinebene zu zeigen. Welche Änderungen könnten wir deiner Meinung nach vornehmen, um es noch besser zu machen?

Großartig, danke für den Hintergrund, Vikki. Was wir getan haben, ist – zurück zu unserem kleinen Spickzettel – die Anzahl der Farben zu reduzieren und einige der Kästen zu eliminieren. Wenn wir wieder an die Google-Maps-Analogie denken: Die grampositive Zellwand ist sehr prominent. Sie erinnert mich ständig daran, dass ich mich bei den Bakterien befinde. Aber wenn ich ein Experte bin und über Penicillin-bindende Proteine nachdenke, habe ich diese Hintergrundinformationen bereits, sodass sie bei Bedarf kaum wahrnehmbar sein könnten. Wir haben also die Prominenz der Bakterien als Hintergrund stark reduziert, die Intensität der Bakterienfarbe verringert und dann ein paar andere kleine Designelemente wie die Kästen, die Infokästen, die Intensität dieses Leuchtens sowie die Platzierung einiger Elemente entfernt.

Ich finde, der Informationsfluss war in Laras Original eigentlich schon ziemlich gut. Was ich hier gemacht habe, war im Grunde nur, die Größenverhältnisse etwas aufzuräumen. Die Bakterien mussten nicht so groß sein, also haben wir sie eher zu einer Nebenfigur am linken Rand gemacht. Wir sprechen darüber, aber weißt du, manchmal hilft es, die Transparenz zu reduzieren. Ich weiß, dass viele Angst davor haben, Hintergrundelemente heller zu gestalten, aber du wirst überrascht sein, wie hell man Hintergrundelemente machen kann. Spiele also mit der Transparenz und der Farbe. Wir haben auch die Sättigung des Grüns reduziert, damit die Sättigung der wichtigen Vordergrundelemente, also der Proteine, am stärksten ist. Sättigung bedeutet im Grunde nur die Reinheit der Farbe.

Du kannst die Sättigung mit unserem schicken neuen Farbregler hier tatsächlich reduzieren oder erhöhen. Du kannst von einer leuchtenden Textmarker-Farbe zu einer eher pastelligen Farbe wechseln. Durch die Reduzierung der Sättigung kannst du die Aufmerksamkeit, die sie auf sich zieht, verringern. Genau das haben wir hier getan. Wir haben ihr ein flaches Overlay gegeben, das war eigentlich egal. Ich glaube, das waren diese Zuckerringe, die, glaube ich, gespiegelt sind. Deshalb ist es so dunkelgrün, hellgrün, dunkelgrün, hellgrün. Für diese spezielle Geschichte hielt ich das – und ich kann mich natürlich irren – nicht für den Kern der Geschichte. Also haben wir es abgeflacht und einfach in den Hintergrund geschoben, damit der Fokus wirklich auf den Proteinen liegt. Wir haben auch diese überflüssigen Kästen entfernt, da sie für die Geschichte nicht unbedingt notwendig waren. Ich weiß, wir alle mögen es, Dinge in kleine, saubere Kästen zu packen, aber manchmal muss man es einfach atmen lassen und ihm etwas mehr Platz geben. Das öffnet den negativen Raum in deiner Abbildung und lässt sie wirklich schön und sauber aussehen.

Hier ist das Vorher und Nachher. Ich schließe mal die Icon-Bibliothek. Ich bin sicher, wenn du jetzt in deine eigenen Dateien gehst und dir deine Abbildungen ansiehst, wirst du feststellen, dass du vielleicht zu viele Kästen oder zu viele Elemente hast, die das verursachen. Damit kannst du die Komposition wirklich aufräumen.

Ein kleiner Trick, den wir verwendet haben, war ein Verlaufskasten, denn wenn Dinge so stark herangezoomt sind, sieht es tatsächlich besser aus, wenn es einen Verlauf von einer Seite zur anderen gibt. Achte mal darauf, ob du diesen Verlauf bemerkst. Du kannst ihn noch verstärken, wenn du möchtest. Du kannst ihn hineinziehen, aber auf diese Weise gibt es wieder etwas mehr Luft zum Atmen, wenn man diese Infokästen mit einem Fade-Effekt hat.

Mal sehen. Ja, ich glaube, das ist das Wichtigste, was wir zeigen wollten. Wir legen wirklich Wert auf die Titel, also stelle sicher, dass die Texthierarchie stark ist. Ich habe in der Grant-Sitzung nicht darüber gesprochen, aber achte darauf, dass die Hauptgeschichte des Haupttextes fett und groß ist und nicht mit irgendetwas anderem konkurriert. Im vorherigen Beispiel, im Vorher-Zustand, hatten Zellwand und Zellmembran bei der Schriftgröße und Dunkelheit fast die Prominenz eines Titels oder Untertitels. Wir haben das also stark zurückgenommen, indem wir ihnen eine grüne Farbe gegeben, die Größe reduziert und die Farbintensität verringert haben. Sofort wird die Aufmerksamkeit auf das Penicillin-bindende Protein als Titel gelenkt. Ich hoffe, es ist verständlich, warum es eine Texthierarchie geben sollte und warum man nicht um Aufmerksamkeit konkurrieren sollte, wenn der Text die gleiche Größe oder Stärke hat.

Okay, das war das Vorher und Nachher. Ich werde hier zum Schluss kommen und den mutigen Einsendern danken, die ihre Abbildungen für dieses Makeover eingereicht haben. Ich sende euch alle Vorher-Nachher-Bilder zu, die ihr für eure Präsentationen und Ähnliches verwenden könnt. Hier ist eine kurze Zusammenfassung der Tipps: Leserichtung, übermäßige Kästen vermeiden, die Anzahl und Vielfalt der verwendeten Farben reduzieren, auf ausreichend Kontrast achten – nutzt auch hier den Schwarz-Weiß-Farbregler, um alles zu entsättigen und zu sehen, ob der Kontrast ausreicht. Und dann denkt an Google Maps. Musst du wirklich wissen, wofür dein Publikum Kontext braucht und wofür nicht? Das wird deine Abbildung, wie du sehen kannst, ziemlich aufräumen. Es gab Gemeinsamkeiten bei allen Abbildungen in diesen vier Punkten.