img-description

Sketch

Skizze
img-description

Note

Notiz von lat. notitia ‚Kenntnis, Nachricht‘
img-description

Sketchnote

  • Notes with benefits Notizen mit Mehrwert
  • Visualize and structure contents
    Inhalte visuell aufbereiten und verständlicher machen
  • Treasure information
    Informationen bleiben besser in Erinnerung
  • Create new content
    Entwicklung neuer Inhalte

How to sketchnote — a little personal tutorial Wie ich sketchnote – eine kleine persönliche Anleitung

img-description

what you need was du brauchst

Pens: Fineliners of various thickness (I use Faber-Castell Ecco pigment in 0,1 and 03), various color pens for highliging, e.g. colored pencils (Faber-Castell Polychromos) or Fine ones from Neuland. For paper I like the square format the most

Fineliner verschiedener Stärken (Ich nutze faber-castell Ecco Pigment in 0,1 und 0,3), andersfarbige Stifte fur die Akzenturierung, z.B. Buntstifte (Faber-Castell Polychromos) oder Fine Ones von Neuland. Als Papier bevorzuge ich das quadratische Format.

img-description

visual basic elements visuelle grundElemente

The idea of a visual alphabet comes from Sunni Brown, but I would simplify it a bit. You can go anywhere using these basic elements.

Die Idee eines visuellen Alphabets stammt von Sunni Brown, ich würde es ein wenig vereinfachen. Aus diesen Grundelementen lässt sich eigentlich fast alles zusammen setzen und skizzieren.

img-description

symbols symbole

Using these visual basic elements, it is possible to compose any type of drawing.

Aus den visuellen Grundformen können Zeichnungen jeglicher Art »zusammen gebaut« werden.

img-description

bulletsaufzählungszeichen

Are necessary for lists. Try to make them creative (it doesn’t always have to be points). You can also add arrows for references.

Sind gut für Aufzählungen geeignet und dürfen gerne kreativ sein (es müssen ja nicht immer nur Punkte sein) oder zusätzlich mit Verweisen in Form von Pfeilen versehen werden.

img-description

speech bubbles sprechblasen

Are an important element for Sketchnotes to highlight certain statements or important content. They can also visualize moods (anger, aggression) or states (thinking).

Ein wichtiges Element bei Sketchnotes, um bestimmte Aussagen oder besonders wichtige Inhalte hervor zu heben. Sie können auch Stimmungen (Wut, Agression) oder Zustände (Denken) visualisieren.

img-description

Arrowspfeile

Are important to show sequences, conclusions, connections or context.

Wichtig, um Abläufe, Schlussfolgerungen oder Zusammenhänge darzustellen.

img-description

divider trenner

Help to separate certain areas from others or to highlight conclusions. They can also separate titles.

Helfen bestimmte Bereiche von anderen zu trennen oder Schlussfolgerungen hervorzuheben. Können außerdem Überschriften abtrennen.

img-description

text & TypographyText & Typografie

Obviously, it is not always possible to keep out text completely from visual notes. If this is the case, it is possible to accentuate these written components using different styles, e.g. highlighting headlines with very bold font, write down quotes in italics, etc.

Natürlich kommen auch visuelle Notizen nicht ohne Text aus. Dabei kann man anhand verschiedener Stile Akzentuierungen setzen, z.B. mit besonders fetter Schrift Headlines hervorheben, mit Handschrift Zitate etc.

How I create a sketchnoteWie ich eine Sketchnote aufbaue

structure Struktur

There are several possibilities for the structure of Sketchnotes, I work mostly with a centric alignment structure, which builds everything around itself, or which begins in the left corner. In this case, I start with the title, speaker name, and a small illustration of the speaker.

Für die Struktur von Sketchnotes gibt es viele Möglichkeiten, ich selbst arbeite meist mit der mittig ausgerichteten Struktur, die alles um sich herum aufbaut oder der die in der linken Ecke beginnt. Dann lege ich Titel, Sprechnername und oft eine kleine Illustration des Sprechers an.

  • img-description
  • img-description
img-description

Focus on key topics auf Kernthemen konzentrieren

During the talk I try to filter the relevant key themes and to record them visually. Quotes can be accentuated using speech bubbles or quotation marks.

Während des Talks versuche ich für mich relevante Kernthemen heraus zu filtern und diese visuell festzuhalten. Zitate können mit Sprechblasen oder Anführungszeichen hervor gehoben werden.

img-description

Adding highlightsHighlights hinzufügen

In the end, I accentuate some elements using colors. Ideally this is done using only one color, so that the drawing will not be too colorful. Shading is best drawn using gray colors or textures.

Am Ende hebe ich Elemente farblich hervor, ideal ist es nur eine Farbe zu verwenden, damit es nicht zu bunt wird. Für Schattierungen eignen sich graue Farben oder Texturen.

img-description
img-description
„It all comes down to paper and pencil and
sketching and thinking.“
— Aaron James Draplin at TYPO15
img-description

Sketchnote Love – Making of the Logo

  • img-description
  • img-description
  • img-description
  • img-description
  • img-description
  • img-description
  • img-description
  • img-description
  • img-description
  • img-description
  • img-description
  • img-description
sketchnote love