# 8 Ein Icon-Set für die Online-Lehre – Die KI macht´s
Es gibt viele Möglichkeiten generative KI zu nutzen. Ein spannender Bereich ist die Erstellung von Grafiken. Aber geht da nicht noch mehr? In Online-Kursen werden immer mal wieder Symbole und Icons zur schnellen Visualisierung benötigt. Kann hier nicht auf KI-Generatoren zurückgegriffen werden? Zeigen Sie was möglich ist.
Worum geht es inhaltlich?
Lehrende die komplexe Online-Umgebungen gestalten, eine ansprechende Atmosphäre und gute Orientierung erstellen wollen stehen häufig vor der Frage, wie man bestimmte Bereiche gezielt aber einfach kennzeichnen kann. Ein Ansatz sind symbolhafte Icons, also kleine Bildchen, die bestimmte zentrale Elemente eines Kurses symbolisieren. Aber natürlich sollten diese möglichst einheitlich wirken. Die Lösung sind Icon-Sets. Leider passen diese Sets, die man im Internet findet, nicht immer zu dem was konkret benötigt wird. Entweder fehlen bestimmte Symbole, der Stil gefällt nicht oder das Design passt nicht zum Rest des Kurses.
Nicht jede Lehrperson verfügt über die gestalterischen Fähigkeiten um individuelle Icon-Sets selbst zu erstellen. Hier könnten KI-Tools weiterhelfen für den konkreten Kontext passende Sets zu generieren. Ansätze bieten sowohl allgemeine grafische Tools wie DALL-E, Adobe Firefly oder leonardo.ai usw.als auch spezielle KI-Tools die sich auf Icons spezialisiert haben.
Aber funktioniert das wirklich so einfach? Schaffen wir es mit Hilfe dieser Tools brauchbare Ergebnisse zu produzieren? Wir machen gemeinsam den Test. Wann klappt es und wann nicht? Machen Sie mit und schreiben Sie von Ihren Erfahrungen und zeigen Sie Ihre Ergebnisse.
Die konkrete Challenge:
Erstellen Sie mit Hilfe von KI-Software ein für die Online-Lehre brauchbares Icon-Set mit mindestens 5 optisch ansprechenden, verschiedenen aber einheitlich gestalteten, sinnvollen Symbolen. Im Idealfall erstellen Sie ein Set, das Sie auch wirklich in Ihrer Lehre verwenden können.
Share: Teilen Sie Ihre Ideen und Aktivitäten
Machen Sie Ihr Icon-Set öffentlich ohne Einschränkung zugänglich z.B. auf einer Webseite, einem Blog, auf Ihrer Social-Media-Seite, einem frei zugänglichen LMS, einem öffentlichen Cloud-Speicher, in edu-sharing usw. Wenn Sie möchten, können Sie die Iconsets auch Anderen zur Nutzung freigeben.
Kommentar hinterlassen: Verwenden Sie den Kommentarbereich unten auf dieser Seite, um einen Link zu Ihrer veröffentlichten Bearbeitung der Challenge zu teilen. Geben Sie möglichst auch an welches Tool Sie wie verwendet haben. Kommentieren Sie gerne auch was die Icons symbolisieren und wie Sie sie nutzen würden.
Wenn Sie inhaltlich weiter zum Thema diskutieren möchten, freuen wir uns über Ihre Beiträge auf linkedIn.
Sie sind neu bei den Show + Share Challenges?
Dann verschaffen Sie sich am besten erst einmal hier einen Überblick über den Ansatz.
Eine interessante Erkenntnis hatte ich als ich versucht habe mit Firefly ein Icon-Set zu erstellen. Die ersten Ergebnisse waren etwas frustrierend, bis ich dann auf die Idee kam mal einen etwas anderen Weg einzuschlagen und nicht zu versuchen alles mit einem perfekten Prompt zu erschlagen, sondern mehr zu verstehen wie die jeweilige Software tickt um so die Stärken der KI besser zu nutzen. Fazit: Es kommt nicht immer auf den perfekten Prompt an um gute Ergebnisse (für Icon-Sets) zu erreichen, man muss auch einen passenden Gesamtweg finden ;-).
Hier geht’s zum mit KI erstellten Icon-Set mit Firefly und der Beschreibung des Flows (Gastzugang verwenden)
https://olat.vcrp.de/url/RepositoryEntry/4490920362/CourseNode/109293658555445
Versuch Nr. 2 ein Icon-Set für die Online-Lehre zu erstellen. Diesmal habe ich den Microsoft Image Creator getestet. Er hat im Gegensatz zu Adobe Firefly die schöneren Icon-Sets erstellt. Jedoch sind die Möglichkeiten der Weiterbearbeitung nicht so umfangreich wie bei Adobe. Beide KI-Tools sind kostenfrei, erfordern jedoch einen Login.
https://www.linkedin.com/posts/sylviamoessinger_show-share-challenge-8-activity-7166382680073306112-hZc6?utm_source=share&utm_medium=member_desktop
Hier noch eine kleine Ergänzung, da ich ohnehin noch Icons für einen Kurs brauchte ;-).
https://olat.vcrp.de/url/RepositoryEntry/4490920362/CourseNode/109293656791228 (Gastzugang nutzen)
Es ist schon interessant verschiedene KI Grafik-Tools zu testen und zuschauen, wie sich die KI jeweils bei der Lösung dieser Herausforderung stellt. Dieses Mal habe ich leonardo.ai (https://leonardo.ai) in der kostenlosen Variante verwendet. Eigentlich eine gute Software, die hochwertige Bilder generiert, allerdings für die Erstellung von Icon-Sets scheint mit das Programm weniger geeignet. Vielleicht haben Sie ja andere Erfahrungen gemacht, dann würde ich mich freuen davon zu lesen und vielleicht bessere Sets zu sehen.
Hier auf jeden Fall der Link zu meinen generierten Icons. Dabei handelt es sich weniger um wirkliche Sets als um Einzel-Icons. Aber schauen Sie selbst.
https://olat.vcrp.de/url/RepositoryEntry/4490920362/CourseNode/109271372532844 (Gastzugang verwenden)
Dieses Icon-Set habe ich mit der KI von Adobe Firefly erstellt und dann mit Adobe Express weiterbearbeitet und den Hintergrund zu entfernen und die einzelnen Icons freizustellen. Adobe Firefly und Express sind kostenfrei, man muss jedoch einen Account erstellen. Ich habe den Weg wie Frau Hemsing gewählt und ein ganzes Set mit einem Prompt erstellt. Firefly bietet unzählige Möglichkeit die erstellten Bilder zu verändern durch unterschiedliche Stile und Effekte. Es werden immer vier Varianten des Prompts angezeigt und man kann von einem Set, dass einem gefällt ähnliche Designs erstellen lassen. Leider generiert die KI nicht immer Icons, sondern einfach eine Sammlung von Bildern. Es bedarf einiger Geduld, bis man ein passendes Set erstellt hat, macht aber auch viel Spaß. Man sollte nur genug Zeit mitbringen 😉
Hier der Link zu meinen Icon-Set für Gesundheit: https://www.linkedin.com/posts/sylviamoessinger_show-share-challenge-8-activity-7161731417310236672-Qnie?utm_source=share&utm_medium=member_desktop
Hier ein Icon-Set, das mit lexica.art erstellt wurde und eher einen handgezeichneten Stil haben soll. Es hat grundsätzlich funktioniert, aber man muss schon noch etwas nacharbeiten und auch nicht jeder Versuch ist wirklich optimal. Also am besten immer etwa experimentieren 🙂
Hier der Link zum Icon-Set:
https://olat.vcrp.de/url/RepositoryEntry/4490920362?guest=true&lang=de
(einfach den Gastzugang verwendn)
Ich habe das in ChatGPT integrierte DALL-E 3 dazu verwendet, um ein kleines einheitliches Iconset zum Thema Online-Lernen zu erstellen:
Die Prompts waren (jeweils im letzten Satz angepasst):
Das Ergebnis ist aus meiner Sicht okay, auch wenn es gehobenen Ansprüchen nicht genügt. DALL-E 3 hält sich nicht genau genug an die vorgegebenen Farbwerte und baut Farbverläufe in den Hintergrund, die das Freistellen erschweren. Natürlich wäre es möglich, die Grafiken nachzubearbeiten und anzupassen. Zumindest einen einheitlichen Zuschnitt habe ich vorgenommen und die Hintergrundfarben entfernt, damit die Icons ohne Rahmen eingesetzt werden können.
Die Grafiken können (soweit ich weiß, ich bin Rechtslaie) nachgenutzt werden. Aktuell erlauben dies die Nutzungsbedingungen von ChatGPT, die zudem als gemeinfrei eingeschätzt werden. Die Rechtssprechung wird zeigen, ob es dabei bleibt…