Eine neue Art, all Ihre Designinspirationen zu organisieren

Die meisten kreativen Menschen wie Produktdesigner und Digital Artists sind mit Pinterest vertraut. Die Leute verwenden es, um unter anderem Inspirationstafeln für Website-Designs, Gemälde und Architektur zu erstellen und zu sammeln. Pinterest begleitet mich schon lange und meine erste Kollektion geht auf das Jahr 2012 zurück. Allerdings hat das Tool im Laufe meiner Karriere als Produktdesigner an Relevanz verloren, da viele Aspekte nicht zu mir passen UI-Designer-Persönlichkeit. Anstatt bei Pinterest hängen zu bleiben, habe ich ein verstecktes Juwel namens Eagle gefunden, mit dem ich mein Design-Moodboard und meine Ressourcen organisieren kann. Dieser Beitrag dreht sich um Wege und Gründe, warum ich Pinterest aufgegeben und alle meine professionellen Arbeitsabläufe auf die Eagle-App migriert habe.

Warum ist Pinterest für das Produktdesign nicht relevant?

Im Moment arbeite ich an der Gestaltung einer Fintech-Mobil- und Webanwendung. Da ich bei null anfange, muss ich ein Designsystem einrichten, Hunderte von Inspirationen für die Gestaltung eines Dashboards recherchieren und Schriftartoptionen, Farbpaletten, Ikonografiebeispiele, Websitedesigns, Benachrichtigungstöne und mobile Muster recherchieren. Es wäre mir unmöglich, eine vollständige Inspirationsliste auf Pinterest zu erstellen, da sie verschiedene Ressourcentypen enthält. Um all diese Dinge zu tun, die ich oben erwähnt habe, benötigen Sie ein Tool, das ein bestimmtes Dateiformat versteht und sich von verschiedenen Quellen inspirieren lassen kann.

Hier hört Pinterest auf zu funktionieren, da es ein sehr einfaches Tool zum Sammeln von Inspiration ist, aber nicht für fortgeschrittene Anwendungsfälle funktioniert, in denen es erforderlich ist, Farben, Schriftarten, Audio und Vektoren zu verstehen. Daher beschloss ich, zu recherchieren und ein Tool zu finden, das besser zu meinem Anwendungsfall passt – Eagle .

Lasst uns beginnen!

In Bezug auf Tools haben sowohl Eagle als auch Pinterest ihren rechtmäßigen Platz im Ökosystem der Inspirationssammlung. Was ich damit meine, erkläre ich am Ende des Beitrags. Aber wie gesagt, das Erstellen eines Design-Moodboards für ein Produkt erfordert das Tool, um fortgeschrittene Anwendungsfälle zu bewältigen, die Pinterest nicht bewältigen kann. Ich werde meinen Aufbau- und Migrationsprozess in 10 Gründe aufschlüsseln, warum und wie ich Eagle verwende. Hoffentlich können diese Gründe Sie dazu motivieren, dieses kommende Tool zum Organisieren Ihrer Inspirationen zu erkunden.

01 • Schnelles Importieren von Inspirationen

Viele meiner Inspirationen sind in separaten Ordnern auf Dribbble , Behance und Pinterest gespeichert, die nicht miteinander kommunizieren. Aus diesem Grund bin ich gezwungen, Bilder von jeder dieser Quellen manuell in Miro herunterzuladen. Die Leistung von Miro lässt jedoch nach einer Weile nach, da es nicht hunderte von Bildern gleichzeitig verarbeiten kann. Die Eagle-Anwendung hilft mir, zwei der dringendsten Probleme im oben beschriebenen Ablauf zu lösen —

1. Batch-Pull von Bildern von Pinterest, Behance und Dribbble , um sie an einem einzigen Ort zu speichern. Das spart mir Zeit und hilft mir auch dabei, all meine Inspirationen an einem einzigen Ort aufzubewahren.
2. Das Tool bricht nicht zusammen, wenn eine große Anzahl von Bildern verarbeitet werden muss. Tatsächlich fühlt es sich während meiner ausgiebigen Nutzung an, als wäre es dafür gebaut worden.

Wusstest du, dass einige Websites wie Behance den rechten Mausklick blockieren, der Menschen daran hindert, Bilder herunterzuladen? Glücklicherweise sprengt die Eagle-App diese JavaScript-Einschränkung.

02 • Ressourcen aus der Community

Als ich vor etwa fünf Jahren von Sketch weggezogen bin, war der Community-Support in Figma ein Highlight-Feature, das mir bis heute dabei hilft, von anderen Designern zu lernen, kostenlose Ressourcen herunterzuladen, die von anderen Designern erstellt wurden, und mit Menschen zu interagieren, die ich nie persönlich treffen konnte. Ich kann sagen, dass der Grund, warum Menschen Pinterest verwenden, darin besteht, dass sie einfach die Bilder anderer Leute pinnen und ihre Inspirationstafeln erstellen können. Mit Eagle kann ich meine Aufmerksamkeit auf die Community lenken, um Ressourcen zu sammeln und nicht nur Inspiration. Beispielsweise kann ich Schriftarten, Symbole und Illustrationen für meine UI-Arbeit im Produktdesign herunterladen.

03 • Bildkennzeichnung und -filterung

Das Sortieren von Bildern nach dem Sammeln von Megatonnen an Inspirationen in meinem Moodboard ist ein Albtraum. Eagle ermöglicht es mir, alle meine Ressourcen mit mehreren Schlüsselwörtern zu versehen, wodurch ich schneller als je zuvor zum relevantesten Bild gelangen kann. Um ein Beispiel zu geben, muss ich Snapshots von Revolut sammeln. Die Schnappschüsse können wie folgt kategorisiert werden:

1. Marketing-/Werbekampagnen
2. Webseite klappt
3. App-Muster
4. App Store- und Play Store-Bilder

04 • Jagd nach Farbpalette

Als ich mein Fintech-Moodboard in Eagle erstellte, war die Suche nach Bildern, die die gleiche oder eine ähnliche blaue Farbe haben, außerordentlich nützlich. In der Welt der Fintech-Wallet-Apps ist Blau eine überstrapazierte Farbe, und Tonnen von Apps, von denen ich Inspiration gesammelt habe, verwendeten die Farbe Blau. Es hätte Ewigkeiten gedauert, alle Bilder mit ähnlichen Blautönen zu finden. Eagle kann Bilder anhand von Farben unterscheiden, da es jedes Bild in eine sechsfarbige Palette zerlegt, die für Filter verwendet werden kann.

Die Farbpalettenfunktion von Eagle erfasst auf bemerkenswerte Weise die HEX-, RGB-, HSL- und CMYK-Werte für jede Farbe und ermöglicht es Ihnen, sie zur weiteren Verwendung in einem anderen Designtool in die Zwischenablage zu kopieren.

05 • Unterstützung für 90 Dateiformattypen

Ich habe eine Reihe von Ressourcen und Assets in meiner Eagle-Bibliothek gespeichert und bin erstaunt, wie viele Dateitypen das Tool unterstützt. Es kann 90 Dateitypen verarbeiten , darunter alle Arten von Bildern, objektbasierten 3D-Assets, werkzeugbasierten Dateien wie Fig/PSD/Ai, Video, Audio, Schriftarten, Bild-RAW und dokumentbasierten Formaten wie XLS und DOC . Um Ihnen ein Beispiel zu geben, obwohl Figma jetzt Eigentum von Adobe ist, kann ich Adobe-Vektor-Assets wie AI-, EPS- oder PDF-Assets nicht einfach in Figma öffnen und in der Vorschau anzeigen. Eine einheitliche Lösung, die eine Vielzahl von Dateitypen unterstützt, ist für jeden Kreativen unschlagbar.

06 • Live-Link-Speicherung

Beim Entwerfen von Zielseiten wird das Speichern von Weblinks wichtig. Schnappschüsse eines bestimmten Abschnitts sind eine gewöhnliche Lösung, die es nicht ganz schneidet. Normalerweise benötige ich sowohl eine Live-Link-Speicherung als auch einen Schnappschuss der Website. Chrome-Plugin-basiertes Tool – FireShot ist eine hervorragende Option zum Erfassen der gesamten Website und in Kombination mit Eagle können Sie auch die Live-URL der Website speichern. Das Beste an der URL-Speicherung von Eagle ist, dass die Website innerhalb des Tools geöffnet wird, was sich hervorragend eignet, um Ablenkungen zu reduzieren und mich in meinem Arbeitsablauf zu halten.

07 • Verwaltung verschachtelter Ordner

Die Verknüpfung eines Ordners mit einem anderen, um eine Eltern-Kind-Beziehung herzustellen, während Bilder aus ähnlichen Quellen gesammelt werden, eignet sich hervorragend für die Informationshierarchie und -verwaltung. Pinterest unterstützt das Verschachteln von Boards leider nicht, Eagle jedoch schon. Für meinen Anwendungsfall musste ich alle Playstore- und Appstore-Bilder separat trennen und gleichzeitig einzelne Ordner für jede App haben, in denen ich eine lange Liste von App-Vorschauen erfasste. Ich habe einen ansprechenden Support-Link gefunden , der alle Ordneroperationen erklärt, die der Benutzer mit der Eagle-App ausführen kann.

08 • Duplikate finden

Jeder Designer wäre mit diesem Problem konfrontiert gewesen, bei dem er am Ende das gleiche Bild zweimal auf mehreren Boards hinzugefügt hat, manchmal wissentlich und oft aus Versehen. In der Mitte der Übung beschloss ich, meine gesamte Bibliothek zu durchsuchen, um 67 Bilder zu finden, die identische Kopien voneinander in verschiedenen Ordnern sind. Ich verbrachte fünfzehn Minuten damit, diese Entdeckung manuell zu veröffentlichen, die nicht relevanten Duplikate zu löschen und einige mit dem Hinweis aufzubewahren, sie in Zukunft nicht zu löschen.

09 • Arbeiten aus der Zwischenablage oder per Drag & Drop

Wie Sie vielleicht bereits aus meiner Erfahrung erfahren haben, ist die Erstellung eines gut strukturierten Moodboards eine herausfordernde Aufgabe. Es erfordert viel Arbeit und das Ausfüllen der Bildnamen, Beschreibungen und anderer Werte, was ich ziemlich banal finde. Normalerweise verbringe ich 2–3 Stunden damit, Screenshots aus mehreren Quellen zu machen und diese Screenshots dann in logischen Ordnerstrukturen zu organisieren. Da die Anzahl der Screenshots zwischen 200 und mehr liegen kann, ist die Drag-and-Drop-Funktion praktisch. Im Gegensatz zu Pinterest kann ich mehr als 200 unorganisierte Bilder per Drag-and-Drop in Eagle ziehen und sie so lassen, wie sie sind, oder sie später organisieren, wenn ich sie brauche. Die App zwingt mich nicht, jede meiner Dateien zu benennen. Ich lande normalerweise beim Kategorisieren und Massenumbenennenund Tagging in weniger als 10 Minuten. Ich kann Bilder auch direkt aus meiner Zwischenablage kopieren und einfügen, was großartig ist, wenn ich mit einem Tool wie Figma oder Confluence arbeite.

10 • Hervorragend geeignet für ein Designsystem-Moodboard

Letztendlich eignet sich Eagle, wie oben erwähnt, hervorragend zum Erstellen eines Produktdesign-Moodboards. So sah meine Moodboard-Ordnerstruktur während der Sammelphase aus —

Am Ende sammelte ich viel mehr Inspiration für Mobilgeräte und das Internet. Das Gesamtpaket bestand aus jährlichen Fintech-Berichten, Farbpaletten, App-Flows, Designmustern, Playstore/AppStore-Screenshots, Benachrichtigungstönen, Logos, Symbolen, Illustrationen und echten Website-URL-Sammlungen.

Da ist noch eine Sache …

Trotz all der großartigen Dinge, die ich mit Eagle erreichen kann, gibt es einen kleinen Kritikpunkt, von dem ich denke, dass er verbessert werden kann. Eagle ist in erster Linie ein lokal installiertes Client-basiertes Tool. Das bedeutet, dass ich meine Bilder nicht auf einem Mobilgerät durchsuchen und von einem reinen Online-Gerät wie einem iPad nicht auf meine Inspirationen zugreifen kann. Ich kann meine gesamte Bibliothek immer noch auf Google Drive oder Dropbox sichern, aber ich kann sie nicht anzeigen, wenn ich keinen Zugriff auf meinen Laptop habe. Obwohl dies kein Deal Breaker ist, ist es nicht ideal. Wenn ich ein neues Projekt starte, bin ich oft davon besessen, ab und zu viel Inspiration zu sammeln, was bedeutet, dass ich dazu neige, Bilder zu sammeln, während ich Aktivitäten wie dem Pendeln nachgehe.

Ich hoffe, dass Eagle in seiner zukünftigen Version ein mobilbasiertes Erlebnis unterstützen kann. Es kann besonders schwierig sein, es zu lösen, wenn es um große Dateitypen geht, aber eine Möglichkeit, nur PNG-, JPEG-, WEBP-, GIF-, MP3- und MP4-Ressourcen in der Online-Version anzuzeigen, und andere komplexe Dateitypen könnten für die Vorschau blockiert werden. Diese Lösung kann möglicherweise eine Vielzahl von bildbasierten Sammlungen abdecken.

Als sofortige Lösung für dieses Problem verwende ich weiterhin ein mobilfähiges Tool wie Pinterest oder Behance , um Ideen und Lösungen unterwegs zu erfassen. Später ziehe ich mein gesamtes Cloud-Repository zu Eagle, wodurch ich alle Ideen vereinheitlichen kann.

Schlussnotizen

Am Ende des Tages ist Eagle ein Werkzeug wie jedes andere. Es kann keine beschissenen Ideen herausfiltern oder uns dabei helfen, automatisch eine hervorragende App zu erstellen. Es verbessert den Workflow, um unsere Produktivität zu steigern und die Ausführungsgeschwindigkeit zu verbessern. Ich habe eine Menge Zeit und Mühe gespart, zwischen verschiedenen Workflows und Tools hin- und herzuspringen, nur um zu organisieren, und meine Ideen und Informationen systematisch zu nutzen. Ich habe meine Erkundung mit diesem Gedanken begonnen und genau das mit der Eagle-App erreicht . Wenn Sie nach einem überwältigenden Tool suchen, das Ihnen hilft, einen komplexen Satz von Assets zu organisieren und eine Menge praktischer Operationen mit Ihren Ressourcen durchzuführen, dann suchen Sie nicht weiter.

Das ist das Ende dieser kurzen, aber hoffentlich aufschlussreichen Lektüre. Danke, dass du es bis zum Ende geschafft hast. Ich hoffe, du hast etwas davon mitgenommen.

‍ Schließen Sie sich meinem Inhaltsvers an oder gleiten Sie in meine DMs auf LinkedIn , Twitter , Figma , Dribbble und Substack . Kommentiere deine Gedanken und dein Feedback oder beginne ein Gespräch!