Um meinem Portfolio ein frisches UI-Design Projekt hinzuzufügen
erstellte ich einen Skillbaum, inspiriert von Videospiel Fertigkeits-
bäumen wie in Cyberpunk, Enshrouded oder Borderlands.
erstellte ich einen Skillbaum, inspiriert von Videospiel Fertigkeits-
bäumen wie in Cyberpunk, Enshrouded oder Borderlands.
Dieser Baum teilt meine Fähigkeiten in kreative, soziale, technische
und Bonus-Skills ein. Jedem Skill wurde ein Name, eine Beschreibung,
ein Icon und eine Rarität zugeteilt. Skillnamen und Beschreibungen
wurden teils mit GPT-3 erstellt. Die Icons wurden in Aseprite von
mir gezeichnet.
und Bonus-Skills ein. Jedem Skill wurde ein Name, eine Beschreibung,
ein Icon und eine Rarität zugeteilt. Skillnamen und Beschreibungen
wurden teils mit GPT-3 erstellt. Die Icons wurden in Aseprite von
mir gezeichnet.
So entstanden insgesamt 145 Icons, von welchen sich nun 42
in der finalen Fassung wiederfinden. Framework und Animationen
erstellte ich in Figma so können Skills interaktiv ausgeklappt
oder in einer Listen Ansicht zusammengefasst werden.
in der finalen Fassung wiederfinden. Framework und Animationen
erstellte ich in Figma so können Skills interaktiv ausgeklappt
oder in einer Listen Ansicht zusammengefasst werden.
Skilltree-Animation GIF Vorschau
↓ Hier den interaktiven Skilltree ausprobieren ↓
Ein Einblick in die Fülle der Icons:
soziale, technische Skill Icons & Varianten
technische, bonus und kreative Skill Icons & Varianten
