Nowy sposób na uporządkowanie wszystkich inspiracji projektowych

Większość kreatywnych osób, takich jak projektanci produktów i artyści cyfrowi, zna Pinteresta. Ludzie używają go między innymi do tworzenia i zbierania tablic inspiracji do projektów stron internetowych, obrazów i architektury. Pinterest jest częścią mojego życia od dawna, a moja pierwsza kolekcja sięga 2012 roku. Jednak w miarę rozwoju mojej kariery i zostania projektantem produktów narzędzie stało się dla mnie mniej istotne, ponieważ wiele aspektów nie pasuje do moich Postać projektanta interfejsu użytkownika. Zamiast tkwić w Pintereście, znalazłem ukryte narzędzie o nazwie Eagle do organizowania mojej tablicy nastrojów i zasobów projektowych. Ten post będzie dotyczył sposobów i powodów, dla których porzuciłem Pinteresta i przeniosłem wszystkie moje profesjonalne przepływy pracy do aplikacji Eagle.

Dlaczego Pinterest nie nadaje się do projektowania produktów?

W tej chwili zajmuję się projektowaniem aplikacji mobilnej i webowej Fintech. Ponieważ zaczynam od zera, muszę skonfigurować system projektowania, przeszukać setki inspiracji do zaprojektowania pulpitu nawigacyjnego, przeszukać opcje czcionek, palety kolorów, próbki ikonografii, projekty stron internetowych, dźwięki powiadomień i wzorce mobilne. Zbudowanie kompletnej listy inspiracji na Pintereście byłoby dla mnie niemożliwe, ponieważ zawiera różne rodzaje zasobów. Aby wykonać każdą z tych rzeczy, o których wspomniałem powyżej, potrzebujesz narzędzia, które rozumie określony format pliku i może czerpać inspirację z różnych źródeł.

W tym miejscu Pinterest przestaje działać, ponieważ jest to bardzo proste narzędzie do zbierania inspiracji, ale nie działa w zaawansowanych przypadkach, w których wymagane jest zrozumienie kolorów, czcionek, dźwięku i grafiki wektorowej. Dlatego zdecydowałem się zbadać i znaleźć narzędzie, które bardziej pasuje do mojego przypadku użycia — Eagle .

Zaczynajmy!

Jeśli chodzi o narzędzia, zarówno Eagle , jak i Pinterest mają należne im miejsce w ekosystemie kolekcji inspiracji. Wyjaśnię o co mi chodzi na końcu wpisu. Ale jak wspomniano, budowanie tablicy nastrojów projektowych dla produktu wymaga narzędzia do radzenia sobie z zaawansowanymi przypadkami użycia, z którymi Pinterest nie może sobie poradzić. Podzielę mój proces budowania i migracji na 10 powodów, dla których i jak używam Eagle. Mamy nadzieję, że te powody mogą zmotywować Cię do zbadania tego nadchodzącego narzędzia do organizowania inspiracji.

01 • Szybkie importowanie inspiracji

Wiele moich inspiracji jest przechowywanych w osobnych folderach na Dribbble , Behance i Pinterest, które nie komunikują się ze sobą. Z tego powodu jestem zmuszony ręcznie pobierać obrazy z każdego z tych źródeł do Miro. Jednak wydajność Miro spada po pewnym czasie, ponieważ nie może obsłużyć setek obrazów jednocześnie. Aplikacja Eagle pomaga mi rozwiązać dwa najbardziej palące problemy w przepływie opisanym powyżej —

1. Pobieranie wsadowe obrazów z serwisów Pinterest, Behance i Dribbble w celu przechowywania ich w jednym miejscu. Oszczędza mi to czas, a także pomaga przechowywać wszystkie inspiracje w jednym miejscu.
2. Narzędzie nie psuje się, gdy do przetworzenia jest duży zestaw obrazów. W rzeczywistości, podczas mojego intensywnego użytkowania, wydaje się, że został do tego stworzony.

Czy wiesz, że niektóre witryny, takie jak Behance , blokują kliknięcie prawym przyciskiem myszy, co uniemożliwia pobieranie obrazów? Na szczęście aplikacja Eagle omija to ograniczenie związane z JavaScriptem.

02 • Zasoby społeczności

Kiedy jakieś pięć lat temu przeniosłem się ze Sketcha, wsparcie społeczności w Figma było najważniejszą funkcją, która nawet do dziś pomaga mi uczyć się od innych projektantów, pobierać bezpłatne zasoby utworzone przez innych projektantów i wchodzić w interakcje z ludźmi, których nigdy nie mogłem spotkać osobiście. Mogę powiedzieć, że powodem, dla którego ludzie używają Pinteresta, jest właśnie ten powód, dla którego mogą po prostu przypinać zdjęcia innych osób i tworzyć swoje tablice inspiracji. Dzięki Eagle mogę skierować swoją uwagę na jego społeczność w celu gromadzenia zasobów, a nie tylko inspiracji. Na przykład mogę pobierać czcionki, ikony i ilustracje do moich prac związanych z interfejsem użytkownika projektu produktu.

03 • Oznaczanie i filtrowanie obrazów

Sortowanie zdjęć po zebraniu megaton inspiracji w moim moodboardzie to koszmar. Eagle pozwala mi oznaczyć wszystkie moje zasoby wieloma słowami kluczowymi, co pozwala mi dotrzeć do najbardziej odpowiedniego obrazu szybciej niż kiedykolwiek wcześniej. Dla przykładu muszę zebrać migawki z Revolut. Migawki można sklasyfikować jako —

1. Kampanie marketingowe/promocyjne
2. Fałdy strony internetowej
3. Wzorce aplikacji
4. Obrazy z App Store i Play Store

04 • Polowanie według palety kolorów

Kiedy budowałem mój moodboard Fintech w Eagle, niezwykle przydatne było polowanie na obrazy, które mają ten sam lub podobny niebieski kolor. W świecie aplikacji portfelowych fintech niebieski jest kolorem nadużywanym, a mnóstwo aplikacji, z których czerpałem inspirację, używało koloru niebieskiego. Znalezienie wszystkich obrazów o podobnych niebieskich kolorach zajęłoby mi całe wieki. Eagle może rozróżniać obrazy za pomocą kolorów, ponieważ dzieli każdy obraz na sześciokolorową paletę, której można użyć jako filtrów.

Funkcja palety kolorów programu Eagle znakomicie przechwytuje wartości HEX, RGB, HSL i CMYK dla każdego koloru i umożliwia skopiowanie ich do schowka w celu dalszego wykorzystania w innym narzędziu do projektowania.

05 • Obsługa 90 typów formatów plików

Zapisałem szereg zasobów i zasobów w mojej bibliotece Eagle i jestem zdumiony, widząc zakres typów plików obsługiwanych przez to narzędzie. Może przetwarzać 90 typów plików , w tym wszystkie typy obrazów, zasoby oparte na obiektach 3D, pliki oparte na narzędziach, takie jak Fig/PSD/Ai, wideo, audio, czcionki, obraz-RAW i formaty oparte na dokumentach, takie jak XLS i DOC . Dla przykładu, mimo że Figma jest teraz własnością Adobe, nie mogę po prostu otwierać i przeglądać zasobów wektorowych Adobe, takich jak zasoby AI, EPS lub PDF w Figma. Ujednolicone rozwiązanie obsługujące szeroki zakres typów plików jest bezkonkurencyjne dla każdej kreacji.

06 • Zapisywanie łącza na żywo

Podczas projektowania stron docelowych ważne staje się zapisywanie linków internetowych . Migawki konkretnej sekcji to zwykłe rozwiązanie, które nie do końca go ogranicza. Zwykle wymagam zarówno zapisania łącza na żywo, jak i migawki witryny. Narzędzie oparte na wtyczce Chrome — FireShot to świetna opcja do przechwytywania całej witryny, a w połączeniu z Eagle możesz również zapisać aktualny adres URL witryny. Najlepszą częścią zapisywania adresów URL przez Eagle jest to, że otwiera stronę internetową w narzędziu, co doskonale nadaje się do zmniejszania rozpraszania uwagi i utrzymywania mnie w przepływie pracy.

07 • Zarządzanie folderami zagnieżdżonymi

Łączenie jednego folderu z drugim w celu stworzenia relacji rodzic-dziecko podczas zbierania obrazów z podobnych źródeł doskonale nadaje się do hierarchii informacji i zarządzania nimi. Pinterest niestety nie obsługuje zagnieżdżania tablic, ale Eagle tak. W moim przypadku musiałem posegregować wszystkie obrazy Playstore i Appstore osobno, mając jednocześnie osobne foldery dla każdej aplikacji, w których przechwyciłem długą listę podglądów aplikacji. Znalazłem interesujący link do pomocy technicznej , który wyjaśnia wszystkie operacje na folderach, które użytkownik może wykonać za pomocą aplikacji Eagle.

08 • Znajdowanie duplikatów

Każdy projektant musiałby stawić czoła temu problemowi polegającemu na dodaniu tego samego obrazu dwa razy na wielu planszach, czasem świadomie, a często przez pomyłkę. W połowie ćwiczenia zdecydowałem się przeskanować całą moją bibliotekę, aby znaleźć 67 obrazów, które są identycznymi kopiami siebie nawzajem w różnych folderach. Spędziłem piętnaście minut, publikując to odkrycie, ręcznie usuwając nieistotne duplikaty i zachowując niektóre z notatką, aby nie usuwać ich w przyszłości.

09 • Działa ze schowka lub przeciągnij i upuść

Jak być może już wywnioskowałeś z mojego doświadczenia, stworzenie dobrze zaprojektowanego moodboardu jest trudnym zadaniem. Wymaga dużo pracy i uzupełniania nazw obrazów, opisów i innych wartości, co uważam za dość przyziemne. Zwykle spędzam 2–3 godziny na robieniu zrzutów ekranu z wielu źródeł, a następnie organizowaniu tych zrzutów ekranu w logiczne struktury folderów. Ponieważ liczba zrzutów ekranu może wynosić od 200+, przydatna jest funkcja przeciągania i upuszczania. W przeciwieństwie do Pinteresta, mogę przeciągnąć i upuścić ponad 200 niezorganizowanych obrazów do Eagle i zdecydować, czy zachować je w niezmienionej postaci, czy zorganizować je później, kiedy zajdzie taka potrzeba. Aplikacja nie zmusza mnie do nazwania każdego z moich plików. Zwykle kończę kategoryzację i masową zmianę nazwyi oznaczanie ich w mniej niż 10 minut. Mogę również bezpośrednio kopiować i wklejać obrazy ze schowka, co jest świetne w przypadku narzędzi takich jak Figma lub Confluence.

10 • Doskonały do ​​tablicy nastrojów systemu projektowania

W końcu Eagle, jak wspomniałem powyżej, świetnie nadaje się do budowania moodboardu z projektem produktu. Oto jak wyglądała moja struktura folderów w moodboardzie podczas fazy zbierania —

Skończyło się na tym, że zebrałem o wiele więcej inspiracji związanych z urządzeniami mobilnymi i internetowymi. Cały pakiet składał się z rocznych raportów fintech, palet kolorów, przepływów aplikacji, wzorców projektowych, zrzutów ekranu Playstore/AppStore, dźwięków powiadomień, logo, ikon, ilustracji i prawdziwych kolekcji adresów URL witryn.

Jest jeszcze jedna rzecz…

Mimo wszystkich wspaniałych rzeczy, które mogę osiągnąć dzięki Eagle, jest jeden drobiazg, który moim zdaniem można poprawić. Eagle to przede wszystkim lokalnie instalowane narzędzie klienckie. Oznacza to, że nie mogę przeglądać moich zdjęć na urządzeniu mobilnym i nie mogę uzyskać dostępu do moich inspiracji z urządzenia online, takiego jak iPad. Nadal mogę tworzyć kopie zapasowe całej mojej biblioteki na Dysku Google lub Dropbox, ale nie mogę ich przeglądać, gdy nie mam dostępu do laptopa. Chociaż nie jest to zerwanie umowy, nie jest idealne. Rozpoczynając nowy projekt, często mam obsesję na punkcie zbierania wielu inspiracji, co oznacza, że ​​mam skłonność do kolekcjonowania zdjęć podczas wykonywania czynności, takich jak dojazdy do pracy.

Mam nadzieję, że Eagle w swojej przyszłej wersji będzie obsługiwał obsługę urządzeń mobilnych. Może to być szczególnie trudne do rozwiązania w przypadku dużych typów plików, ale jednym ze sposobów wyświetlania w wersji online tylko zasobów PNG, JPEG, WEBP, GIF, MP3 i MP4 oraz innych złożonych typów plików może być zablokowanie podglądu. To rozwiązanie może być w stanie objąć szeroki zestaw kolekcji opartych na obrazach.

Jako natychmiastowe rozwiązanie tego problemu, nadal używam narzędzia mobilnego, takiego jak Pinterest lub Behance , do rejestrowania pomysłów i rozwiązań w ruchu. Później ściągam całe moje repozytorium w chmurze do Eagle, co pozwala mi ujednolicić wszystkie pomysły.

Uwagi końcowe

Ostatecznie Eagle to narzędzie jak każde inne. Nie może odfiltrować gównianych pomysłów ani pomóc nam automatycznie stworzyć świetnej aplikacji. To, co robi, poprawia przepływ pracy, aby zwiększyć naszą produktywność i poprawić szybkość wykonywania. Zaoszczędziłem mnóstwo czasu i wysiłku, przeskakując między różnymi przepływami pracy i narzędziami tylko do organizowania i systematycznego konsumowania moich pomysłów i informacji. Mając to na uwadze, zacząłem eksplorację i dokładnie to osiągnąłem, używając aplikacji Eagle . Jeśli szukasz niesamowitego narzędzia, które pomoże Ci uporządkować złożony zestaw zasobów i wykonać mnóstwo praktycznych operacji na Twoich zasobach, nie szukaj dalej.

To koniec tej krótkiej, ale mam nadzieję, że pouczającej lektury. Dzięki, że dotrwałeś do końca. Mam nadzieję, że coś z tego zyskałeś.

‍ Dołącz do mojego wersetu treści lub wpadnij do moich wiadomości prywatnych na LinkedIn , Twitterze , Figma , Dribbble i Substack . Skomentuj swoje przemyślenia i opinie lub rozpocznij rozmowę!