Unser Arbeitsalltag in der Design-Abteilung besteht zu einem grossen Teil aus Recherche: Wir suchen nach den passendsten Bildern, Icons, Schriften oder Farben. Genau deshalb ist eine gut gepflegte, persönliche Datenbank an Design-Ressourcen Gold wert. In diesem Blogbeitrag stelle ich dir einige Tools vor, die uns den Alltag erleichtern und immer wieder frische Impulse liefern.
Hier finden wir Inspiration
Bevor wir mit dem Designprozess eines Projekts starten, setzen wir uns intensiv mit der Markenwelt unserer Kundschaft auseinander. Wir stöbern durch Best Practices und aktuelle Trends, um ein visuelles Gefühl für das künftige Design und die passende Ästhetik zu entwickeln.
Aber auch abseits konkreter Aufgaben ist es als Designer:in hilfreich, im Alltag die Augen nach spannenden Designelementen offenzuhalten und kreative Moodboards zu pflegen. Hier einige Tools, die wir oft nutzen:
Die Klassiker & Allrounder
Es gibt Plattformen, die als «Eierlegende Wollmilchsau» fast jeden Bedarf abdecken. Meist sind diese an ein Abo-Modell geknüpft, bieten dafür aber eine enorme Zeitersparnis, da du alles an einem Ort findest.
- Envato Elements: Unser absoluter Allrounder für Bild-, Video- und Audiomaterial, Vektoren, Schriften, 3D und Templates in allen Bereichen.
- Adobe Stock: Besonders stark in den Bereichen Bild, Video und Vektoren und praktischerweise nahtlos in die Creative Cloud integriert.
Auf der Suche nach der perfekten Font
Im riesigen Universum der Typografie die «eine» perfekte Schrift zu finden, kann eine echte Herausforderung sein. Hier helfen unterschiedliche Strategien: Suchst du gezielt nach einer bestimmten Typefoundry (Schriftherstellerin) oder gibt es technische Vorgaben, die bestimmte Anbietende ausschliessen?
Manche Unternehmen verzichten beispielsweise aus Datenschutzgründen bewusst auf Google Fonts. In anderen Fällen, wie etwa bei einem feministischen Projekt, kann es ein schönes Detail sein, gezielt nach Schriften von Gestalterinnen zu suchen. Hier unsere beliebtesten Anlaufstellen:
- Die Inspirierenden: Free Faces, Fontbrief, Typewolf
- Die Bekannten: Adobe Fonts, Google Fonts, My Fonts
- Die Unabhängigen: Grilli Type, ABC Dinamo, Luzi Type, Lineto
- Die Spezialisierten: Fontshare, Pangram Pangram, Typokompanii, Primary Foundry, Tunera
Unsere Quellen für starke Bildwelten
Bei der Entwicklung einer neuen Bildsprache stellt sich meist die Frage: Setzen wir auf massgeschneidertes Bildmaterial mittels professionellem Fotoshooting, nutzen wir Stockmaterial oder lassen wir Bilder mit KI generieren?
- Kostenlos & hochwertig: Unsplash, Pexels, Pixabay
- Umfangreich & professionell: Magnific (ehemals Freepik), Shutterstock, Flickr
- KI-Power: Midjourney, Adobe Firefly, Dall-E
Tools für harmonische Farben & Kontraste
Eine perfekte Farbpalette von Grund auf zu entwickeln, ist ein Prozess vieler kleiner Justierungen. Oft gibt das Design-Manual bereits die Richtung vor. Doch gerade bei Webanwendungen fehlen häufig zusätzliche Kontrastfarben oder feine Schattierungen, die für das Interface Design nötig sind.
- Farbpaletten: Coolors, Adobe Color Wheel
- Farbverläufe: CSS Gradient, UI Gradients
- Schattierungen: Shadoworld
Konsistente Icons & Illustrationen
Für die schnelle Auswahl von einzelnen, aber passenden Icons, eignen sich grosse Datenbanken wie Envato oder Adobe Stock hervorragend. Wer jedoch ein konsistentes Set für ein ganzes Projekt benötigt, sollte auf spezialisierte Icon-Libraries setzen, um einen einheitlichen Stil zu garantieren.
- Die Klassiker: Google Fonts, Font Awesome, Bootstrap
- Die Modernen: Lucide, Phosphor, Heroicons, Iconoir, Hugeicons
- Die Umfangreichen: Icons8, Orion Icon Library, Streamline
Unsere Figma-Favoriten (Plugins & Ressourcen)
Als Interaction Designer:in bei instride ist Figma unser zentrales Werkzeug für Web-Konzepte. Plugins sind dabei essenziell, um unsere Workflows zu beschleunigen. Vor allem Icon-Plugins sind für uns im Alltag unverzichtbar. Aber auch darüber hinaus bietet die Figma-Community eine Vielzahl an Ressourcen, die dich in deinem Designprozess unterstützen können. Diese Plugins nutzen wir besonders oft:
-
Für Icons: Iconify, Phosphor, Google Material Design, Lucide, Heroicons
-
Für Bilder & Illustrationen: Unsplash, Pictographic, Avatars Generator
Weitere Tools
Apple und Google bieten ebenfalls umfangreiche offizielle Design-Ressourcen an, die jede:r Designer:in einmal gesichtet haben sollte. Diese Guidelines setzen oft die Standards für gute Usability:
Fazit
Viele dieser Links sind aus unserem Agenturalltag bei instride nicht mehr wegzudenken. Das Schreiben dieses Beitrags hat mich sogar persönlich dazu angeregt, meine eigene Sammlung noch systematischer zu pflegen.
Dennoch gilt in unserer Branche: Augen offenhalten! Es kommen ständig neue Tools auf den Markt, die frische Impulse liefern.
Welches Tool oder welche Website ist für dich im Designprozess unverzichtbar? Wir freuen uns über deine Tipps!
