Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Icons & Piktogramme

Im Kurs Icons & Piktogramme haben wir uns vor allem mit dem Prozess beschäftigt, wie Icons entstehen. Erst haben wir selbstständig Icons erstellt und später in einer Gruppe ein Icon-Set erstellt zu begriffen, die auf dem Modulplan zu finden sind.

Filzstift

IMG_6987.pngIMG_6987.png

Im ersten Schritt haben wir mit Filzstift auf kleinen quadratischen Pappkärtchen Icons gezeichnet, um ein Gefühl für den begrenzten Platz und die einheitliche Strichstärke zu bekommen. Auch hatten wir eine grobe Vorgabe zu den Begriffen, die wir als Icons gestalten sollten:

  • Objekt

  • Funktion

  • Hinweis

  • Pflicht (Gebot)

  • Verzicht (Verbot)

  • Ort

  • Merkmal (Besonderheit)

  • Geste/Emotion

  • Handlung

  • Person/Personengruppe

Hier war die besondere Herausforderung, die Motive nicht zu detailliert und komplex zu gestalten, damit sie auch in ganz kleinen Formaten gut und schnell erkennbar sind. Ich habe mich dafür entschieden, die oben genannten Begriffe zum Thema Flughafen zu gestatten. Eine weitere Schwierigkeit bestand darin, diese abstrakten Begriffe bildhaft darzustellen.

Meine 10 Icons

incom.pngincom.png

Gruppenarbeit

Unsere Gruppe bestand aus Frank, Oliver, Felix und mir. Als Thema für die Icons nahmen wir uns den Modulplan vor und gestalteten ein Set, bestehend aus 24 Icons. 

Um einen einheitlichen Stil zu bekommen, haben wir nach einigen Skizzen auf Papier, angefangen ein Icon Grid anzulegen, auf dem wir zeichnen. Das Grid war insgesamt 20×20 px groß inklusive eines 2 px Rand. Die Strichstärke, mit der wir die Icons konstruiert haben war 0,5 px. Außerdem haben wir uns für abgerundete Pfadenden entschieden und auch grundsätzlich keine scharfen Kanten.

Untitled 3.pngUntitled 3.png
icom2.pngicom2.png

Da einige Begriffe auf dem Modulplan sehr abstrakt sind und nur schwer visuell darstellbar sind, haben wir uns letztendlich für die folgenden 24 Icons entschieden:

  • Video-/Audiowerkstatt

  • Produktdesign

  • Flexmodule

  • Digitale Modellbauwerkstatt

  • Theorie

  • Projektwochen

  • Perspektiven und Social Skills

  • Werkstattpraxis

  • Entwurfsgrundlagen

  • Interfacewerkstatt

  • Kolloquium

  • Modellierwerkstatt

  • Grafiklabor

  • Buchbindewerkstatt

  • Kommunikationsdesign

  • Grundstudium

  • Projektorganisation

  • Form + Interaktion

  • Entwurfsgrundlagen

  • Analoge Modellbauwerkstatt

  • Schrift + Ausdruck

  • Druckwerkstatt

  • Interfacedesign

  • Fotowerkstatt

Um eine gewisse Kontinuität zu erlangen, haben wir bei wiederkehrenden Begriffen, das gleiche Icon verwendet. Beispielsweise bei den Werkstätten.

Hier haben wir lange überlegt, welches einheitliches Symbol für eine Werkstatt spricht. Vom Hammer, über verschiedene Werkzeuge sind wir schlussendlich bei der Hand gelandet. Die Hand als Symbol für analoge Arbeit.

incom.pngincom.png

Wir haben die Begriffe untereinander aufgeteilt und jeder hat einige Icons gestaltet. Die größten Herausforderungen bestanden darin, die Ansprüche jedes einzelnen zu befriedigen und einen einheitlichen Stil zu finden. Hier haben wir uns regelmäßig gegenseitig Feedback gegeben und zum Schluss, als alle Icons fertig waren, einige nochmals überarbeitet, dass sie einem einheitlichen Stil entsprechend und zusammen harmonisch wirken.

Plakat.pdf PDF Plakat.pdf

Letztendlich kann sich das Icon-Set aber sehen lassen. 

Die Icons beschreiben folgende Begriffe: 

Video-/Audiowerkstatt, Produktdesign, Flexmodule, digitale Modellbauwerkstatt, Theorie, Projektwochen, Perspektiven und Social Skills, Werkstattpraxis, Entwurfsgrundlagen, Interfacewerkstatt, Kolloquium, Modellierwerkstatt, Grafiklabor, Buchbindewerkstatt, Kommunikationsdesign, Grundstudium, Projektorganisation, Form + Interaktion, Entwurfsgrundlagen, analoge Modellbauwerkstatt, Schrift + Ausdruck, Druckwerkstatt, Interfacedesign, Fotowerkstatt

Fazit

Es hat mir sehr viel Spaß gemacht, mich ausführlich mit der Gestaltung von Icons zu beschäftigen. Der begrenzte Platz und die einheitliche Strichstärke und Farbe sind eine tolle Herausforderung. Auch sieht man nach dem Kurs Icons mit anderen Augen, weil man weiß, wie viel Arbeit in jedem einzelnen Icon steckt.

In Zukunft werde ich vermutlich den Anspruch haben, eigene Icons mit meinem eigen Stil für meine Projekte zu entwerfen… :D

Etwas kritisch anzumerken war meiner Meinung nach die Gruppenarbeit. Es war sehr schwierig auf einen gemeinsamen Nenner zu kommen, da jeder seinen eignen Stil hat, dies ist eine besondere Herausforderung, wenn am Ende alle Icons wie aus einem Guss ausgehen müssen. Aber sicherlich trotzdem eine gute Übung für das spätere Berufsleben.

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: Thomas Manig

Zugehöriger Workspace

Icons und Piktogramme

Entstehungszeitraum

Wintersemester 2022 / 2023