Một cách mới để tổ chức tất cả các nguồn cảm hứng thiết kế của bạn

Hầu hết những người sáng tạo, chẳng hạn như nhà thiết kế sản phẩm và nghệ sĩ kỹ thuật số đều quen thuộc với Pinterest. Mọi người sử dụng nó để xây dựng và thu thập bảng cảm hứng cho các thiết kế trang web, tranh vẽ và kiến ​​trúc, cùng những thứ khác. Pinterest đã là một phần trong cuộc sống của tôi trong một thời gian dài và bộ sưu tập đầu tiên của tôi bắt đầu từ năm 2012. Tuy nhiên, khi sự nghiệp của tôi thăng tiến và tôi trở thành một nhà thiết kế sản phẩm, công cụ này trở nên ít phù hợp với tôi hơn vì nhiều khía cạnh không phù hợp với tôi. Nhân vật thiết kế giao diện người dùng. Thay vì bị mắc kẹt với Pinterest, tôi đã tìm thấy một viên ngọc ẩn của một công cụ có tên là Eagle để sắp xếp các tài nguyên và bảng tâm trạng thiết kế của tôi. Bài đăng này sẽ xoay quanh các cách thức và lý do khiến tôi từ bỏ Pinterest và chuyển tất cả các quy trình công việc chuyên nghiệp của mình sang ứng dụng Eagle.

Tại sao Pinterest không liên quan đến thiết kế sản phẩm?

Hiện tại, tôi đang thiết kế một ứng dụng web và di động Fintech. Bởi vì tôi đang bắt đầu từ con số không, nên tôi phải thiết lập một hệ thống thiết kế, nghiên cứu hàng trăm nguồn cảm hứng để thiết kế bảng điều khiển và nghiên cứu các tùy chọn phông chữ, bảng màu, mẫu biểu tượng, thiết kế trang web, âm thông báo và mẫu di động. Tôi không thể xây dựng một danh sách nguồn cảm hứng hoàn chỉnh trên Pinterest vì nó chứa các loại tài nguyên khác nhau. Để thực hiện từng điều mà tôi đã đề cập ở trên, bạn sẽ cần một công cụ hiểu được một định dạng tệp cụ thể và có thể lấy cảm hứng từ các nguồn khác nhau.

Đây là lúc Pinterest ngừng hoạt động vì đây là một công cụ rất đơn giản để thu thập cảm hứng nhưng không hoạt động đối với các trường hợp sử dụng nâng cao khi cần phải hiểu màu sắc, phông chữ, âm thanh và vectơ. Do đó, tôi quyết định nghiên cứu và tìm ra một công cụ phù hợp hơn với trường hợp sử dụng của mình — Eagle .

Hãy bắt đầu!

Về mặt công cụ, cả Eagle và Pinterest đều có vị trí xứng đáng trong hệ sinh thái bộ sưu tập cảm hứng. Tôi sẽ giải thích những gì tôi muốn nói ở cuối bài viết. Tuy nhiên, như đã nói, việc xây dựng bảng tâm trạng thiết kế cho một sản phẩm cần có công cụ để giải quyết các trường hợp sử dụng nâng cao mà Pinterest không thể xử lý. Tôi sẽ chia nhỏ quá trình xây dựng và di chuyển của mình thành 10 lý do tại sao và cách tôi sử dụng Eagle. Hy vọng rằng những lý do này có thể thúc đẩy bạn khám phá công cụ sắp tới này để sắp xếp nguồn cảm hứng của mình.

01 • Nhập nguồn cảm hứng nhanh chóng

Nhiều nguồn cảm hứng của tôi được lưu trữ trong các thư mục riêng biệt trên Dribbble , Behance và Pinterest, không liên lạc với nhau. Do đó, tôi buộc phải tải hình ảnh từ mỗi nguồn này xuống Miro theo cách thủ công. Tuy nhiên, hiệu suất của Miro sẽ giảm sau một thời gian vì nó không thể xử lý hàng trăm hình ảnh cùng lúc. Ứng dụng Eagle giúp tôi giải quyết hai vấn đề cấp bách nhất trong quy trình được mô tả ở trên —

1. Kéo hàng loạt hình ảnh từ Pinterest, Behance và Dribbble để lưu trữ chúng ở một nơi duy nhất. Điều này giúp tôi tiết kiệm thời gian và cũng giúp tôi lưu giữ tất cả những cảm hứng của mình ở một nơi duy nhất.
2. Công cụ này không bị hỏng khi có một bộ ảnh lớn cần xử lý. Trên thực tế, trong quá trình sử dụng rộng rãi của tôi, có vẻ như nó được tạo ra cho mục đích đó.

Bạn có biết rằng một số trang web như Behance chặn nhấp chuột phải khiến mọi người không thể tải xuống hình ảnh không? May mắn thay, ứng dụng Eagle đã vượt qua sự hạn chế của JavaScript này.

02 • Tài nguyên từ cộng đồng

Khi tôi chuyển khỏi Sketch khoảng năm năm trước, Hỗ trợ cộng đồng trong Figma là một tính năng nổi bật mà cho đến tận ngày nay vẫn giúp tôi học hỏi từ các nhà thiết kế khác, tải xuống các tài nguyên miễn phí do các nhà thiết kế đồng nghiệp xây dựng và tương tác với những người mà tôi chưa từng gặp trực tiếp. Tôi có thể nói rằng lý do tại sao mọi người sử dụng Pinterest là vì lý do này, nơi họ có thể dễ dàng ghim hình ảnh của người khác và xây dựng bảng cảm hứng của họ. Với Eagle, tôi có thể chuyển sự chú ý của mình sang Cộng đồng của nó để thu thập tài nguyên chứ không chỉ là nguồn cảm hứng. Ví dụ: tôi có thể tải xuống phông chữ, biểu tượng và hình minh họa cho công việc thiết kế giao diện người dùng sản phẩm của mình.

03 • Gắn thẻ và lọc ảnh

Sắp xếp hình ảnh sau khi thu thập hàng tấn cảm hứng trong bảng tâm trạng của tôi là một cơn ác mộng. Eagle cho phép tôi gắn thẻ tất cả các tài nguyên của mình bằng nhiều từ khóa cho phép tôi truy cập hình ảnh phù hợp nhất nhanh hơn bao giờ hết. Để đưa ra một ví dụ, tôi phải thu thập ảnh chụp nhanh từ Revolut. Ảnh chụp nhanh có thể được phân loại thành -

1. Chiến dịch tiếp thị/khuyến mãi
2. trang web gấp
3. Mẫu ứng dụng
4. Hình ảnh Cửa hàng ứng dụng và Cửa hàng Play

04 • Săn lùng theo bảng màu

Khi tôi đang xây dựng bảng tâm trạng Fintech của mình ở Eagle, việc săn tìm những hình ảnh có màu xanh lam giống hoặc tương tự là cực kỳ hữu ích. Trong thế giới ứng dụng ví fintech, màu xanh lam là màu được sử dụng quá mức và rất nhiều ứng dụng mà tôi đã lấy cảm hứng từ việc sử dụng màu xanh lam. Tôi sẽ mất nhiều thời gian để tìm tất cả các hình ảnh có màu xanh tương tự nhau. Eagle có thể phân biệt các hình ảnh bằng cách sử dụng màu sắc vì nó chia nhỏ từng hình ảnh thành một bảng sáu màu có thể được sử dụng cho các bộ lọc.

Tính năng bảng màu của Eagle nắm bắt đáng kể các giá trị HEX, RGB, HSL và CMYK cho từng màu và cho phép bạn sao chép chúng vào khay nhớ tạm để sử dụng thêm trong một công cụ thiết kế khác.

05 • Hỗ trợ 90 loại định dạng tập tin

Tôi đã lưu một loạt tài nguyên và nội dung vào thư viện Eagle của mình và tôi rất ngạc nhiên khi thấy nhiều loại tệp mà công cụ này hỗ trợ. Nó có thể xử lý 90 loại tệp bao gồm tất cả các loại hình ảnh, nội dung dựa trên đối tượng 3D, tệp dựa trên công cụ như Fig/PSD/Ai, video, âm thanh, phông chữ, hình ảnh-RAW và các định dạng dựa trên tài liệu như XLS và DOC . Để cung cấp cho bạn một ví dụ mặc dù Figma hiện thuộc sở hữu của Adobe, tôi không thể chỉ mở và xem trước các nội dung vectơ Adobe như nội dung AI, EPS hoặc PDF trong Figma. Một giải pháp thống nhất hỗ trợ nhiều loại tệp là vô địch đối với mọi quảng cáo.

06 • Lưu liên kết trực tiếp

Trong khi thiết kế trang đích, việc lưu liên kết web trở nên quan trọng. Ảnh chụp nhanh của một phần cụ thể là một giải pháp thông thường không hoàn toàn phù hợp với nó. Thông thường, tôi yêu cầu cả lưu liên kết trực tiếp và ảnh chụp nhanh trang web. Công cụ dựa trên plugin của Chrome — FireShot là một tùy chọn tuyệt vời để chụp toàn bộ trang web và kết hợp với Eagle , bạn cũng có thể lưu URL trực tiếp của trang web. Phần tốt nhất về tiết kiệm URL của Eagle là nó mở trang web trong công cụ, điều này rất tuyệt vời để giảm bớt sự phân tâm và giữ tôi trong quy trình làm việc của mình.

07 • Quản lý thư mục lồng nhau

Liên kết một thư mục với một thư mục khác để tạo mối quan hệ cha-con trong khi thu thập hình ảnh từ các nguồn tương tự là điều tuyệt vời cho việc quản lý và phân cấp thông tin. Thật không may, Pinterest không hỗ trợ lồng các bảng, nhưng Eagle thì có. Đối với trường hợp sử dụng của tôi, tôi phải tách riêng tất cả các hình ảnh Playstore và Appstore đồng thời có các thư mục riêng cho từng ứng dụng nơi tôi đã chụp một danh sách dài các bản xem trước ứng dụng. Tôi đã tìm thấy một liên kết hỗ trợ hấp dẫn giải thích tất cả các thao tác thư mục mà người dùng có thể thực hiện bằng ứng dụng Eagle.

08 • Tìm bản sao

Mọi nhà thiết kế đều phải đối mặt với vấn đề này khi họ thêm cùng một hình ảnh hai lần trên nhiều bảng, đôi khi là cố ý và thường là do nhầm lẫn. Giữa chừng bài tập, tôi quyết định quét toàn bộ thư viện của mình để tìm 67 hình ảnh là các bản sao giống hệt nhau trong các thư mục khác nhau. Tôi đã dành mười lăm phút để đăng phát hiện đó bằng cách xóa thủ công các bản sao không liên quan và giữ lại một số bản sao có ghi chú để không xóa chúng trong tương lai.

09 • Hoạt động từ khay nhớ tạm hoặc kéo và thả

Như bạn có thể đã thu thập được từ kinh nghiệm của tôi, thiết lập một bảng tâm trạng có cấu trúc tốt là một nhiệm vụ đầy thách thức. Nó đòi hỏi nhiều công việc và điền vào tên hình ảnh, mô tả và các giá trị khác mà tôi thấy khá trần tục. Tôi thường dành 2–3 giờ chỉ để chụp ảnh màn hình từ nhiều nguồn, sau đó sắp xếp các ảnh chụp màn hình đó thành cấu trúc thư mục hợp lý. Vì số lượng ảnh chụp màn hình có thể từ hơn 200 ảnh nên tính năng kéo và thả rất hữu ích. Không giống như Pinterest, tôi có thể kéo và thả hơn 200 hình ảnh chưa được sắp xếp vào Eagle và chọn giữ chúng nguyên trạng hoặc sắp xếp chúng sau này khi tôi cần. Ứng dụng không bắt tôi phải đặt tên cho từng tệp của mình. Tôi thường kết thúc việc phân loại và đổi tên hàng loạtvà gắn thẻ chúng trong vòng chưa đầy 10 phút. Tôi cũng có thể trực tiếp sao chép và dán hình ảnh từ khay nhớ tạm của mình, điều này rất phù hợp khi xử lý một công cụ như Figma hoặc Confluence.

10 • Tuyệt vời cho một bảng tâm trạng hệ thống thiết kế

Cuối cùng, Eagle như tôi đã đề cập ở trên là tuyệt vời để xây dựng một bảng tâm trạng thiết kế sản phẩm. Đây là cấu trúc thư mục bảng tâm trạng của tôi trông như thế nào trong giai đoạn thu thập —

Cuối cùng, tôi đã thu thập được nhiều hơn nữa cảm hứng từ điện thoại di động và web. Gói tổng thể bao gồm các báo cáo fintech hàng năm, bảng màu, luồng ứng dụng, mẫu thiết kế, ảnh chụp màn hình Playstore/AppStore, âm thông báo, logo, biểu tượng, hình minh họa và bộ sưu tập URL trang web thực.

Còn một điều nữa…

Ngay cả với tất cả những điều tuyệt vời mà tôi có thể đạt được với Eagle, vẫn có một điều nhỏ nhặt mà tôi nghĩ có thể được cải thiện. Eagle chủ yếu là một công cụ dựa trên máy khách được cài đặt cục bộ. Điều này có nghĩa là tôi không thể duyệt hình ảnh của mình trên thiết bị di động và không thể truy cập nguồn cảm hứng của mình từ thiết bị chỉ trực tuyến như iPad. Tôi vẫn có thể sao lưu toàn bộ thư viện của mình lên Google Drive hoặc Dropbox, nhưng tôi không thể xem chúng khi không có quyền truy cập vào máy tính xách tay của mình. Mặc dù đây không phải là một công cụ giải quyết, nhưng nó không phải là lý tưởng. Khi bắt đầu một dự án mới, tôi thường bị ám ảnh bởi việc thu thập rất nhiều cảm hứng, điều đó có nghĩa là tôi có xu hướng thu thập hình ảnh trong khi thực hiện các hoạt động như đi lại.

Tôi hy vọng Eagle trong phiên bản tương lai của nó có thể hỗ trợ trải nghiệm dựa trên thiết bị di động. Có thể đặc biệt khó giải quyết khi xử lý các loại tệp lớn, nhưng một cách để chỉ hiển thị các tài nguyên PNG, JPEG, WEBP, GIF, MP3 và MP4 trên phiên bản trực tuyến và các loại tệp phức tạp khác có thể bị chặn xem trước. Giải pháp này có thể bao gồm một tập hợp lớn các bộ sưu tập dựa trên hình ảnh.

Là một giải pháp tức thời cho vấn đề này, tôi đang tiếp tục sử dụng một công cụ hỗ trợ di động như Pinterest hoặc Behance để nắm bắt các ý tưởng và giải pháp khi đang di chuyển. Sau đó, tôi kéo toàn bộ kho lưu trữ đám mây của mình sang Eagle để cho phép tôi thống nhất tất cả các ý tưởng.

Ghi chú kết thúc

Vào cuối ngày, Eagle là một công cụ giống như bất kỳ công cụ nào khác. Nó không thể lọc ra những ý tưởng tồi tệ hoặc giúp chúng tôi tự động tạo một ứng dụng xuất sắc. Những gì nó làm là tăng cường quy trình làm việc để tăng năng suất của chúng tôi và cải thiện tốc độ thực thi. Tôi đã tiết kiệm được rất nhiều thời gian và công sức khi chuyển đổi giữa các quy trình công việc và công cụ khác nhau chỉ để tổ chức cũng như sử dụng ý tưởng và thông tin của mình một cách có hệ thống. Tôi đã bắt đầu hành trình khám phá của mình với suy nghĩ đó và đã đạt được chính xác điều đó bằng cách sử dụng ứng dụng Eagle . Nếu bạn đang tìm kiếm một công cụ tuyệt vời giúp bạn tổ chức một bộ tài sản phức tạp và thực hiện rất nhiều thao tác thực tế trên tài nguyên của mình thì không cần tìm đâu xa.

Đó là phần cuối của bài đọc ngắn nhưng đầy hy vọng sâu sắc này. Cảm ơn vì đã làm cho nó đến cùng. Tôi hy vọng bạn đã đạt được một cái gì đó từ nó.

‍ Tham gia câu nội dung của tôi hoặc trượt vào DM của tôi trên LinkedIn , Twitter , Figma , Dribbble và Substack . Bình luận suy nghĩ và phản hồi của bạn, hoặc bắt đầu một cuộc trò chuyện!