Cara baru untuk mengatur semua inspirasi desain Anda

Sebagian besar orang kreatif, seperti desainer produk dan seniman digital, sudah tidak asing lagi dengan Pinterest. Orang menggunakannya untuk membangun dan mengumpulkan papan inspirasi untuk desain situs web, lukisan, dan arsitektur, antara lain. Pinterest telah menjadi bagian dari hidup saya sejak lama dan koleksi pertama saya berasal dari tahun 2012. Namun, seiring dengan kemajuan karier saya dan saya menjadi desainer produk, alat tersebut menjadi kurang relevan bagi saya karena banyak aspek yang tidak sesuai dengan keinginan saya. persona desainer UI. Alih-alih terjebak dengan Pinterest, saya telah menemukan permata tersembunyi dari alat bernama Eagle untuk mengatur moodboard dan sumber daya desain saya. Posting ini akan berkisar pada cara dan alasan mengapa saya membuang Pinterest dan memigrasikan semua alur kerja profesional saya ke aplikasi Eagle.

Mengapa Pinterest tidak relevan untuk desain produk?

Saat ini, saya sedang mengerjakan desain aplikasi seluler dan web Fintech. Karena saya memulai dari awal, saya harus menyiapkan sistem desain, meneliti ratusan inspirasi untuk mendesain dasbor, dan meneliti opsi font, palet warna, sampel ikonografi, desain situs web, nada notifikasi, dan pola seluler. Tidak mungkin bagi saya untuk membuat daftar inspirasi lengkap di Pinterest karena berisi berbagai jenis sumber daya. Untuk melakukan setiap hal yang saya sebutkan di atas, Anda memerlukan alat yang memahami format file tertentu dan dapat mengambil inspirasi dari berbagai sumber.

Di sinilah Pinterest berhenti berfungsi karena merupakan alat yang sangat sederhana untuk mengumpulkan inspirasi, tetapi tidak berfungsi untuk kasus penggunaan tingkat lanjut yang memerlukan pemahaman warna, font, audio, dan vektor. Oleh karena itu, saya memutuskan untuk meneliti dan menemukan alat yang lebih sesuai dengan kasus penggunaan saya — Eagle .

Ayo mulai!

Sejauh perkakas berjalan, baik Eagle maupun Pinterest memiliki tempat yang selayaknya dalam ekosistem pengumpulan inspirasi. Saya akan menjelaskan apa yang saya maksud di akhir posting. Namun seperti yang dikatakan, membangun moodboard desain untuk suatu produk memerlukan alat untuk menangani kasus penggunaan tingkat lanjut yang tidak dapat ditangani oleh Pinterest. Saya akan menguraikan proses pembangunan dan migrasi saya menjadi 10 alasan mengapa dan bagaimana saya menggunakan Eagle. Semoga alasan-alasan ini dapat memotivasi Anda untuk menjelajahi alat yang akan datang ini untuk mengatur inspirasi Anda.

01 • Pengimporan inspirasi yang cepat

Banyak dari inspirasi saya disimpan dalam folder terpisah di Dribbble , Behance , dan Pinterest, yang tidak berkomunikasi satu sama lain. Karena itu, saya terpaksa mengunduh gambar secara manual dari masing-masing sumber ini ke Miro. Namun, kinerja Miro menurun setelah beberapa saat karena tidak dapat menangani ratusan gambar secara bersamaan. Aplikasi Eagle membantu saya memecahkan dua masalah paling mendesak dalam alur yang dijelaskan di atas —

1. Kumpulan gambar dari Pinterest, Behance , dan Dribbble untuk menyimpannya di satu tempat. Ini menghemat waktu saya dan juga membantu saya menyimpan semua inspirasi saya di satu tempat.
2. Alat ini tidak rusak saat ada sekumpulan besar gambar untuk diproses. Nyatanya, selama penggunaan ekstensif saya, rasanya seperti dibuat untuk itu.

Tahukah Anda bahwa beberapa situs seperti Behance memblokir klik kanan mouse yang menghentikan orang mengunduh gambar? Untungnya, Eagle-app berhasil melewati batasan JavaScript ini.

02 • Sumberdaya dari Masyarakat

Ketika saya pindah dari Sketch sekitar lima tahun yang lalu, dukungan Komunitas dalam Figma adalah fitur utama yang bahkan hingga hari ini membantu saya untuk belajar dari desainer lain, mengunduh sumber daya gratis yang dibuat oleh sesama desainer, dan berinteraksi dengan orang yang tidak pernah saya temui secara langsung. Saya dapat mengatakan bahwa alasan mengapa orang menggunakan Pinterest adalah karena alasan ini di mana mereka dapat dengan mudah menyematkan gambar orang lain dan membangun papan inspirasi mereka. Dengan Eagle, saya dapat mengalihkan perhatian saya ke Komunitasnya untuk mengumpulkan sumber daya dan bukan hanya inspirasi. Misalnya, saya dapat mengunduh font, ikon, dan ilustrasi untuk pekerjaan UI desain produk saya.

03 • Penandaan dan penyaringan gambar

Penyortiran gambar setelah mengumpulkan mega-ton inspirasi di moodboard saya adalah mimpi buruk. Eagle memungkinkan saya untuk menandai semua sumber daya saya dengan beberapa kata kunci yang memungkinkan saya mendapatkan gambar yang paling relevan lebih cepat daripada sebelumnya. Sebagai contoh, saya harus mengumpulkan snapshot dari Revolut. Snapshot dapat dikategorikan sebagai —

1. Kampanye Pemasaran/Promosi
2. Lipatan situs web
3. Pola aplikasi
4. Gambar App Store dan Play Store

04 • Berburu dengan palet warna

Ketika saya sedang membangun moodboard Fintech saya di Eagle, berburu gambar yang memiliki warna biru yang sama atau serupa sangatlah berguna. Di dunia aplikasi dompet fintech, biru adalah warna yang terlalu sering digunakan, dan banyak sekali aplikasi yang saya kumpulkan inspirasinya menggunakan warna biru. Butuh waktu lama bagi saya untuk menemukan semua gambar dengan warna biru yang serupa. Eagle dapat membedakan gambar menggunakan warna karena memecah setiap gambar menjadi palet enam warna yang dapat digunakan untuk filter.

Fitur palet warna Eagle secara luar biasa menangkap nilai HEX, RGB, HSL, dan CMYK untuk setiap warna dan memungkinkan Anda menyalinnya ke clipboard untuk digunakan lebih lanjut di alat desain lain.

05 • Dukungan untuk 90 jenis format file

Saya telah menyimpan berbagai sumber daya dan aset ke perpustakaan Eagle saya dan saya terkejut melihat berbagai jenis file yang didukung oleh alat ini. Itu dapat memproses 90 jenis file yang mencakup semua jenis gambar, aset berbasis objek 3D, file berbasis alat seperti Fig/PSD/Ai, video, audio, font, gambar-RAW, dan format berbasis dokumen seperti XLS, dan DOC . Sebagai contoh meskipun Figma sekarang dimiliki oleh Adobe, saya tidak bisa begitu saja membuka dan mempratinjau aset vektor Adobe seperti aset AI, EPS, atau PDF di Figma. Solusi terpadu yang mendukung berbagai jenis file tidak terkalahkan untuk setiap materi iklan.

06 • Penyimpanan tautan langsung

Saat mendesain halaman arahan, menyimpan tautan web menjadi penting. Jepretan dari bagian tertentu adalah solusi biasa yang tidak cukup memotongnya. Biasanya, saya memerlukan penyimpanan tautan langsung dan cuplikan situs web. Alat berbasis plugin Chrome — FireShot adalah opsi hebat untuk menangkap seluruh situs web dan dikombinasikan dengan Eagle Anda juga dapat menyimpan URL langsung dari situs web tersebut. Bagian terbaik tentang penyimpanan URL Eagle adalah membuka situs web di dalam alat, yang sangat baik untuk mengurangi gangguan dan menjaga saya tetap dalam alur kerja saya.

07 • Manajemen folder bersarang

Menghubungkan satu folder ke folder lain untuk membuat hubungan induk-anak sambil mengumpulkan gambar dari sumber serupa sangat bagus untuk hierarki dan manajemen informasi. Pinterest, sayangnya, tidak mendukung papan bersarang, tetapi Eagle mendukungnya. Untuk kasus penggunaan saya, saya harus memisahkan semua gambar Playstore dan Appstore secara terpisah sambil juga memiliki folder individual untuk setiap aplikasi tempat saya mengambil daftar panjang pratinjau aplikasi. Saya menemukan tautan dukungan menarik yang menjelaskan semua operasi folder yang dapat dilakukan pengguna menggunakan aplikasi Eagle.

08 • Menemukan Duplikat

Setiap desainer akan menghadapi masalah ini di mana mereka akhirnya menambahkan gambar yang sama dua kali pada beberapa papan, terkadang dengan sengaja dan seringkali karena kesalahan. Di tengah latihan, saya memutuskan untuk memindai seluruh perpustakaan saya untuk menemukan 67 gambar yang merupakan salinan identik satu sama lain di folder yang berbeda. Saya menghabiskan lima belas menit memposting penemuan itu secara manual menghapus duplikat yang tidak relevan dan menyimpan beberapa dengan catatan untuk tidak menghapusnya di masa mendatang.

09 • Bekerja dari clipboard atau drag & drop

Seperti yang mungkin sudah Anda kumpulkan dari pengalaman saya, menyiapkan moodboard yang dirancang dengan baik adalah tugas yang menantang. Ini membutuhkan banyak pekerjaan dan mengisi nama gambar, deskripsi, dan nilai lainnya, yang menurut saya biasa saja. Saya biasanya menghabiskan 2–3 jam hanya mengambil tangkapan layar dari berbagai sumber dan kemudian mengatur tangkapan layar tersebut ke dalam struktur folder logis. Karena jumlah tangkapan layar bisa berkisar antara 200+, fitur drag-and-drop sangat berguna. Tidak seperti Pinterest, saya dapat menyeret-&-meletakkan 200+ gambar yang tidak terorganisir ke Eagle dan memilih untuk menyimpannya apa adanya atau mengaturnya nanti saat saya membutuhkannya. Aplikasi tidak memaksa saya untuk memberi nama setiap file saya. Saya biasanya berakhir dengan mengkategorikan dan mengganti nama secara massaldan menandai mereka dalam waktu kurang dari 10 menit. Saya juga dapat langsung menyalin dan menempel gambar dari clipboard saya yang sangat bagus untuk saat menggunakan alat seperti Figma atau Confluence.

10 • Bagus untuk mood board sistem desain

Pada akhirnya, Eagle seperti yang saya sebutkan di atas sangat bagus untuk membangun moodboard desain produk. Inilah tampilan struktur folder moodboard saya selama fase pengumpulan —

Saya akhirnya mengumpulkan lebih banyak inspirasi seluler dan web. Paket total terdiri dari laporan fintech tahunan, palet warna, alur aplikasi, pola desain, tangkapan layar Playstore/AppStore, nada notifikasi, logo, ikon, ilustrasi, dan koleksi URL situs web asli.

Ada satu hal lagi…

Bahkan dengan semua hal hebat yang dapat saya capai dengan Eagle, ada satu kekurangan yang menurut saya dapat diperbaiki. Eagle pada dasarnya adalah alat berbasis klien yang dipasang secara lokal. Artinya, saya tidak dapat menelusuri gambar saya di perangkat seluler dan tidak dapat mengakses inspirasi saya dari perangkat khusus online seperti iPad. Saya masih dapat mencadangkan seluruh perpustakaan saya ke Google Drive atau Dropbox, tetapi saya tidak dapat melihatnya saat tidak memiliki akses ke laptop saya. Meskipun ini bukan pemecah kesepakatan, ini tidak ideal. Saat memulai proyek baru, saya sering terobsesi untuk mengumpulkan banyak inspirasi, yang berarti saya cenderung mengumpulkan gambar saat melakukan aktivitas seperti perjalanan.

Saya harap Eagle di versi mendatang dapat mendukung pengalaman berbasis seluler. Ini bisa sangat sulit untuk diselesaikan saat menangani jenis file besar, tetapi satu cara untuk hanya menampilkan sumber daya PNG, JPEG, WEBP, GIF, MP3, dan MP4 pada versi online, dan jenis file kompleks lainnya dapat diblokir agar tidak dapat dipratinjau. Solusi ini mungkin dapat mencakup sekumpulan besar koleksi berbasis gambar.

Sebagai solusi langsung untuk masalah ini, saya terus menggunakan alat berkemampuan seluler seperti Pinterest atau Behance untuk menangkap ide dan solusi saat bepergian. Kemudian, saya menarik seluruh repositori cloud saya ke Eagle yang memungkinkan saya menyatukan semua ide.

Akhiri catatan

Pada akhirnya, Eagle adalah alat seperti yang lainnya. Itu tidak dapat menyaring ide-ide buruk atau membantu kami membuat aplikasi bintang secara otomatis. Apa yang dilakukannya adalah, meningkatkan alur kerja untuk meningkatkan produktivitas kami dan meningkatkan kecepatan eksekusi. Saya telah menghemat banyak waktu dan upaya untuk melompat di antara alur kerja dan alat yang berbeda hanya untuk mengatur, dan menggunakan ide dan informasi saya secara sistematis. Saya memulai penjelajahan saya dengan mengingat hal itu dan mencapai hal itu dengan menggunakan aplikasi Eagle . Jika Anda mencari alat luar biasa yang membantu Anda mengatur sekumpulan aset yang rumit dan melakukan banyak operasi praktis pada sumber daya Anda, maka tidak perlu mencari lagi.

Itulah akhir dari bacaan singkat namun semoga berwawasan ini. Terima kasih telah berhasil sampai akhir. Saya harap Anda mendapatkan sesuatu darinya.

‍ Bergabunglah dengan ayat konten saya atau geser ke DM saya di LinkedIn , Twitter , Figma , Dribbble , dan Substack . Komentari pemikiran dan umpan balik Anda, atau mulailah percakapan!