วิธีใหม่ในการจัดระเบียบแรงบันดาลใจในการออกแบบทั้งหมดของคุณ

คนที่มีความคิดสร้างสรรค์ส่วนใหญ่ เช่น นักออกแบบผลิตภัณฑ์และศิลปินดิจิทัล คุ้นเคยกับ Pinterest ผู้คนใช้มันเพื่อสร้างและรวบรวมกระดานแรงบันดาลใจสำหรับการออกแบบเว็บไซต์ ภาพวาด และสถาปัตยกรรม เหนือสิ่งอื่นใด Pinterest เป็นส่วนหนึ่งของชีวิตฉันมาเป็นเวลานาน และคอลเลกชั่นแรกของฉันเริ่มตั้งแต่ปี 2012 อย่างไรก็ตาม เมื่ออาชีพของฉันก้าวหน้าขึ้นและกลายเป็นนักออกแบบผลิตภัณฑ์ เครื่องมือนี้ก็มีความเกี่ยวข้องกับฉันน้อยลง เนื่องจากมีหลายแง่มุมที่ไม่เหมาะกับฉัน บุคลิกของนักออกแบบ UI แทนที่จะจมปลักอยู่กับ Pinterest ฉันพบอัญมณีที่ซ่อนอยู่ของเครื่องมือชื่อEagleสำหรับจัดระเบียบมู้ดบอร์ดและแหล่งข้อมูลการออกแบบของฉัน โพสต์นี้จะพูดถึงวิธีการและเหตุผลว่าทำไมฉันถึงเลิกใช้ Pinterest และย้ายเวิร์กโฟลว์ระดับมืออาชีพทั้งหมดของฉันไปยังแอป Eagle

เหตุใด Pinterest จึงไม่เกี่ยวข้องกับการออกแบบผลิตภัณฑ์

ในขณะนี้ ฉันกำลังทำงานเกี่ยวกับการออกแบบแอพพลิเคชั่น Fintech บนมือถือและเว็บ เนื่องจากฉันเริ่มต้นจากศูนย์ ฉันต้องตั้งค่าระบบการออกแบบ ค้นคว้าแรงบันดาลใจหลายร้อยรายการในการออกแบบแดชบอร์ด และค้นคว้าตัวเลือกแบบอักษร ชุดสี ตัวอย่างสัญลักษณ์ การออกแบบเว็บไซต์ เสียงแจ้งเตือน และรูปแบบมือถือ คงเป็นไปไม่ได้สำหรับฉันที่จะสร้างรายการแรงบันดาลใจที่สมบูรณ์บน Pinterest เนื่องจากมีทรัพยากรประเภทต่างๆ ในการทำแต่ละอย่างที่ฉันได้กล่าวไปข้างต้น คุณต้องมีเครื่องมือที่เข้าใจรูปแบบไฟล์เฉพาะ และสามารถดึงแรงบันดาลใจจากแหล่งต่างๆ

นี่คือจุดที่ Pinterest หยุดทำงานเนื่องจากเป็นเครื่องมือง่ายๆ ในการรวบรวมแรงบันดาลใจ แต่ใช้ไม่ได้กับกรณีการใช้งานขั้นสูงที่จำเป็นต้องเข้าใจสี แบบอักษร เสียง และเวกเตอร์ ดังนั้น ฉันจึงตัดสินใจค้นคว้าและค้นหาเครื่องมือที่เหมาะกับกรณีการใช้งานของฉันมากกว่า— Eagle

เริ่มกันเลย!

ในแง่ของ การใช้เครื่องมือ ทั้งEagleและ Pinterest มีสถานที่ที่เหมาะสมในระบบนิเวศของการรวบรวมแรงบันดาลใจ ฉันจะอธิบายสิ่งที่ฉันหมายถึงในตอนท้ายของโพสต์ แต่อย่างที่บอก การสร้างมู้ดบอร์ดการออกแบบสำหรับผลิตภัณฑ์นั้นต้องการเครื่องมือเพื่อจัดการกับกรณีการใช้งานขั้นสูงที่ Pinterest ไม่สามารถจัดการได้ ฉันจะแบ่งกระบวนการสร้างและการย้ายออกเป็น 10 เหตุผลที่ฉันใช้ Eagle และอย่างไร หวังว่าเหตุผลเหล่านี้จะกระตุ้นให้คุณสำรวจเครื่องมือที่กำลังจะมาถึงนี้เพื่อจัดระเบียบแรงบันดาลใจของคุณ

01 • นำเข้าแรงบันดาลใจอย่างรวดเร็ว

แรงบันดาลใจมากมายของฉันถูกจัดเก็บไว้ในโฟลเดอร์แยกต่างหากบนDribbble , Behanceและ Pinterest ซึ่งไม่สามารถสื่อสารกันได้ ด้วยเหตุนี้ ฉันจึงถูกบังคับให้ดาวน์โหลดรูปภาพจากแต่ละแหล่งเหล่านี้ลงใน Miro ด้วยตนเอง อย่างไรก็ตาม ประสิทธิภาพของ Miro จะลดลงหลังจากนั้นไม่นาน เนื่องจากไม่สามารถจัดการภาพหลายร้อยภาพพร้อมกันได้ แอปพลิเคชัน Eagle ช่วยให้ฉันแก้ปัญหาเร่งด่วนที่สุดสองข้อในขั้นตอนที่อธิบายไว้ข้างต้น —

1. ดึงรูปภาพเป็นชุดจาก Pinterest, BehanceและDribbbleเพื่อเก็บไว้ในที่เดียว สิ่งนี้ช่วยประหยัดเวลาและช่วยให้ฉันรวบรวมแรงบันดาลใจทั้งหมดไว้ในที่เดียว
2. เครื่องมือไม่พังเมื่อมีภาพจำนวนมากที่ต้องประมวลผล อันที่จริง ในระหว่างการใช้งานที่กว้างขวางของฉัน ฉันรู้สึกว่ามันถูกสร้างมาเพื่อสิ่งนั้น

คุณรู้หรือไม่ว่าบางไซต์เช่นBehanceบล็อกการคลิกขวาของเมาส์ที่ทำให้ผู้คนไม่ดาวน์โหลดรูปภาพ โชคดีที่แอพ Eagle ผ่านการควบคุมจาวาสคริปต์นี้ไปแล้ว

02 • แหล่งข้อมูลจากชุมชน

เมื่อฉันย้ายจาก Sketch เมื่อประมาณห้าปีที่แล้ว การสนับสนุนชุมชนภายใน Figma เป็นคุณลักษณะเด่นที่แม้จนถึงทุกวันนี้ช่วยให้ฉันเรียนรู้จากนักออกแบบคนอื่นๆ ดาวน์โหลดแหล่งข้อมูลฟรีที่สร้างโดยเพื่อนนักออกแบบ และโต้ตอบกับคนที่ฉันไม่สามารถพบตัวเป็นๆ ได้ ฉันสามารถพูดได้ว่าเหตุผลที่ผู้คนใช้ Pinterest เป็นเพราะเหตุผลนี้เองที่พวกเขาสามารถปักหมุดรูปภาพของคนอื่นและสร้างกระดานสร้างแรงบันดาลใจได้ ด้วย Eagle ฉันสามารถหันเหความสนใจของฉันไปที่ชุมชนเพื่อรวบรวมทรัพยากรและไม่ใช่แค่แรงบันดาลใจ ตัวอย่างเช่น ฉันสามารถดาวน์โหลดฟอนต์ ไอคอน และภาพประกอบสำหรับงาน UI การออกแบบผลิตภัณฑ์ของฉัน

03 • การแท็กและการกรองรูปภาพ

การจัดเรียงรูปภาพหลังจากรวบรวมแรงบันดาลใจจำนวนมากในมูดบอร์ดของฉันคือฝันร้าย Eagle ช่วยให้ฉันติดแท็กทรัพยากรทั้งหมดของฉันด้วยคำหลักหลายคำ ซึ่งช่วยให้ฉันเข้าถึงรูปภาพที่เกี่ยวข้องมากที่สุดได้เร็วกว่าที่เคยเป็นมา เพื่อยกตัวอย่าง ฉันต้องรวบรวมสแนปชอตจาก Revolut ภาพรวมสามารถแบ่งประเภทเป็น -

1. แคมเปญการตลาด/โปรโมชั่น
2. เว็บไซต์พับ
3. รูปแบบแอพ
4. ภาพ App Store และ Play Store

04 • ไล่ตามจานสี

ตอนที่ฉันสร้างมู้ดบอร์ด Fintech ใน Eagle ภาพการล่าสัตว์ที่มีสีฟ้าเหมือนกันหรือคล้ายกันนั้นมีประโยชน์อย่างมาก ในโลกของแอพ fintech wallet สีน้ำเงินเป็นสีที่ถูกใช้มากเกินไป และแอพมากมายที่ฉันรวบรวมแรงบันดาลใจจากการใช้สีฟ้า ฉันต้องใช้เวลานานในการหาภาพทั้งหมดที่มีสีฟ้าใกล้เคียงกัน Eagle สามารถแยกความแตกต่างของภาพโดยใช้สีได้ เพราะมันแบ่งภาพแต่ละภาพออกเป็นจานสีหกสีที่สามารถใช้สำหรับฟิลเตอร์ได้

คุณลักษณะจานสีของ Eagle จับค่า HEX, RGB, HSL และ CMYK ได้อย่างน่าทึ่งสำหรับแต่ละสี และช่วยให้คุณสามารถคัดลอกค่าเหล่านี้ไปยังคลิปบอร์ดเพื่อใช้ในเครื่องมือออกแบบอื่นๆ ต่อไปได้

05 • รองรับรูปแบบไฟล์ 90 ประเภท

ฉันได้บันทึกอาร์เรย์ของทรัพยากรและสินทรัพย์ไว้ในห้องสมุด Eagle ของฉันแล้ว และฉันรู้สึกประหลาดใจที่เห็นประเภทไฟล์ที่หลากหลายที่เครื่องมือนี้รองรับ สามารถประมวลผลไฟล์ได้ 90 ประเภทซึ่งรวมถึงรูปภาพทุกประเภท, สินทรัพย์ที่ใช้วัตถุ 3 มิติ, ไฟล์ที่ใช้เครื่องมือ เช่น Fig/PSD/Ai, วิดีโอ, เสียง, แบบอักษร, รูปภาพ-RAW และรูปแบบที่ใช้เอกสาร เช่น XLS และ DOC . เพื่อให้ตัวอย่างแก่คุณ แม้ว่า Figma จะเป็นของ Adobe ในตอนนี้ ฉันไม่สามารถเปิดและดูตัวอย่างสินทรัพย์เวกเตอร์ของ Adobe เช่น สินทรัพย์ AI, EPS หรือ PDF ใน Figma ได้ โซลูชันแบบครบวงจรที่รองรับไฟล์ประเภทต่างๆ มากมายนั้นไม่มีใครเทียบได้สำหรับทุกโฆษณา

06 • บันทึกลิงค์สด

ในขณะที่ออกแบบหน้า Landing Page การบันทึกลิงก์เว็บมีความสำคัญ สแนปชอตของส่วนใดส่วนหนึ่งเป็นวิธีแก้ปัญหาทั่วไปที่ไม่ได้ตัดทอนออกไปเสียทีเดียว โดยปกติแล้ว ฉันต้องการทั้งการบันทึกลิงก์สดและสแนปชอตของเว็บไซต์ เครื่องมือที่ใช้ปลั๊กอินของ Chrome — FireShotเป็นตัวเลือกที่ยอดเยี่ยมสำหรับการจับภาพเว็บไซต์ทั้งหมด และเมื่อรวมกับEagleคุณจะสามารถบันทึก URL จริงของเว็บไซต์ได้เช่นกัน ส่วนที่ดีที่สุดเกี่ยวกับการบันทึก URL ของ Eagle คือการเปิดเว็บไซต์ภายในเครื่องมือ ซึ่งช่วยลดสิ่งรบกวนและทำให้ฉันอยู่ในขั้นตอนการทำงานได้ดีเยี่ยม

07 • การจัดการโฟลเดอร์ที่ซ้อนกัน

การเชื่อมโยงระหว่างโฟลเดอร์หนึ่งกับอีกโฟลเดอร์หนึ่งเพื่อสร้างความสัมพันธ์ระหว่างพ่อแม่และลูกในขณะที่รวบรวมรูปภาพจากแหล่งที่คล้ายกันนั้นยอดเยี่ยมสำหรับลำดับชั้นข้อมูลและการจัดการ น่าเสียดายที่ Pinterest ไม่รองรับการซ้อนกระดาน แต่ Eagle รองรับ ในกรณีการใช้งานของฉัน ฉันต้องแยกอิมเมจของ Playstore และ Appstore ทั้งหมดออกจากกัน ในขณะเดียวกันก็มีโฟลเดอร์แยกสำหรับแต่ละแอพที่ฉันบันทึกรายการพรีวิวแอพจำนวนมาก ฉันพบลิงก์การสนับสนุนที่น่าสนใจซึ่งอธิบายการทำงานของโฟลเดอร์ทั้งหมดที่ผู้ใช้สามารถดำเนินการได้โดยใช้แอป Eagle

08 • การค้นหารายการที่ซ้ำกัน

นักออกแบบทุกคนคงเคยประสบปัญหานี้ที่พวกเขาลงเอยด้วยการเพิ่มรูปภาพเดียวกันซ้ำสองครั้งบนกระดานหลาย ๆ กระดาน ซึ่งบางครั้งก็โดยรู้เท่าไม่ถึงการณ์และบ่อยครั้งก็เกิดจากความผิดพลาด ระหว่างทำแบบฝึกหัด ฉันตัดสินใจสแกนทั้งคลังเพื่อหารูปภาพ 67 รูปที่มีสำเนาเหมือนกันในโฟลเดอร์ต่างๆ ฉันใช้เวลา 15 นาทีในการโพสต์การค้นพบนั้นเพื่อลบรายการซ้ำที่ไม่เกี่ยวข้องด้วยตนเองและเก็บบางส่วนไว้ในบันทึกเพื่อไม่ให้ลบออกอีกในอนาคต

09 • ทำงานจากคลิปบอร์ดหรือลากและวาง

ดังที่คุณอาจรวบรวมมาจากประสบการณ์ของฉันแล้ว การจัดทำมู้ดบอร์ดที่มีการออกแบบมาอย่างดีนั้นเป็นงานที่ท้าทาย มันต้องใช้งานมากและการกรอกชื่อรูปภาพ คำอธิบาย และค่าอื่นๆ ซึ่งฉันพบว่าค่อนข้างธรรมดา ฉันมักจะใช้เวลา 2-3 ชั่วโมงในการจับภาพหน้าจอจากหลายๆ แหล่ง แล้วจัดระเบียบภาพหน้าจอเหล่านั้นให้เป็นโครงสร้างโฟลเดอร์แบบลอจิคัล เนื่องจากจำนวนภาพหน้าจอมีตั้งแต่ 200 ภาพขึ้นไป คุณลักษณะการลากและวางจึงมีประโยชน์ ฉันสามารถลากและวางภาพที่ไม่มีการจัดระเบียบได้มากกว่า 200 ภาพลงใน Eagle และเลือกที่จะเก็บไว้ตามที่เป็นอยู่หรือจัดระเบียบในภายหลังเมื่อต้องการ แอปไม่บังคับให้ฉันตั้งชื่อไฟล์แต่ละไฟล์ ฉันมักจะลงเอยด้วยการจัดหมวดหมู่และการเปลี่ยนชื่อเป็นกลุ่มและแท็กพวกเขาภายในเวลาไม่ถึง 10 นาที ฉันยังสามารถคัดลอกและวางรูปภาพจากคลิปบอร์ดได้โดยตรง ซึ่งเหมาะสำหรับการจัดการกับเครื่องมืออย่าง Figma หรือ Confluence

10 • เหมาะสำหรับมู้ดบอร์ดของระบบการออกแบบ

ในท้ายที่สุด Eagle อย่างที่ฉันได้กล่าวไปข้างต้นนั้นยอดเยี่ยมสำหรับการสร้างมู้ดบอร์ดสำหรับการออกแบบผลิตภัณฑ์ นี่คือลักษณะของโครงสร้างโฟลเดอร์มู้ดบอร์ดของฉันในระหว่างขั้นตอนการรวบรวม —

ฉันลงเอยด้วยการรวบรวมแรงบันดาลใจบนมือถือและเว็บมากขึ้น ชุดข้อมูลทั้งหมดประกอบด้วยรายงาน fintech ประจำปี ชุดสี โฟลว์แอพ รูปแบบการออกแบบ ภาพหน้าจอ Playstore/AppStore เสียงแจ้งเตือน โลโก้ ไอคอน ภาพประกอบ และการรวบรวม URL ของเว็บไซต์จริง

ยังมีอีกสิ่งหนึ่ง…

แม้จะมีสิ่งดีๆ มากมายที่ฉันสามารถทำได้ด้วย Eagle แต่ก็มีข้อด้อยข้อหนึ่งที่ฉันคิดว่าสามารถปรับปรุงได้ Eagle เป็นเครื่องมือที่ใช้ไคลเอนต์ที่ติดตั้งในเครื่องเป็นหลัก ซึ่งหมายความว่าฉันไม่สามารถเรียกดูรูปภาพของฉันบนอุปกรณ์พกพา และไม่สามารถเข้าถึงแรงบันดาลใจจากอุปกรณ์ออนไลน์อย่างเดียว เช่น iPad ฉันยังสามารถสำรองไลบรารีทั้งหมดของฉันไปที่ Google Drive หรือ Dropbox ได้ แต่ฉันไม่สามารถดูข้อมูลเหล่านั้นได้เมื่อไม่มีสิทธิ์เข้าถึงแล็ปท็อปของฉัน แม้ว่านี่จะไม่ใช่ตัวแบ่งข้อตกลง แต่ก็ไม่เหมาะ เมื่อเริ่มโปรเจกต์ใหม่ ฉันมักจะหมกมุ่นกับการสะสมแรงบันดาลใจมากมาย ซึ่งหมายความว่าฉันมักจะเก็บภาพขณะทำกิจกรรมต่างๆ เช่น การเดินทาง

ฉันหวังว่า Eagle ในเวอร์ชันอนาคตจะสามารถรองรับประสบการณ์บนมือถือได้ การแก้ไขปัญหาประเภทไฟล์ขนาดใหญ่อาจยุ่งยากเป็นพิเศษ แต่วิธีหนึ่งที่จะแสดงเฉพาะทรัพยากร PNG, JPEG, WEBP, GIF, MP3 และ MP4 ในเวอร์ชันออนไลน์ และประเภทไฟล์ที่ซับซ้อนอื่นๆ อาจถูกบล็อกไม่ให้แสดงตัวอย่างได้ โซลูชันนี้อาจครอบคลุมคอลเล็กชันภาพจำนวนมาก

เพื่อเป็นการแก้ไขปัญหานี้ในทันที ฉันยังคงใช้เครื่องมือที่ใช้งานผ่านมือถือเช่น Pinterest หรือBehanceเพื่อรวบรวมแนวคิดและวิธีแก้ปัญหาในขณะเดินทาง ต่อมา ฉันดึงพื้นที่เก็บข้อมูลระบบคลาวด์ทั้งหมดไปที่ Eagle ซึ่งช่วยให้ฉันรวมแนวคิดทั้งหมดเข้าด้วยกันได้

บันทึกท้าย

ท้ายที่สุดแล้ว Eagle ก็เป็นเครื่องมือที่เหมือนกับเครื่องมืออื่นๆ ไม่สามารถกรองความคิดห่วยๆ หรือช่วยให้เราสร้างแอปที่เป็นตัวเอกได้โดยอัตโนมัติ สิ่งที่ทำคือปรับปรุงเวิร์กโฟลว์เพื่อเพิ่มประสิทธิภาพการทำงานและปรับปรุงความเร็วในการดำเนินการ ฉันประหยัดเวลาและแรงได้มากในการข้ามไปมาระหว่างเวิร์กโฟลว์และเครื่องมือต่างๆ เพื่อจัดระเบียบ และใช้ความคิดและข้อมูลของฉันอย่างเป็นระบบ ฉันเริ่มการสำรวจโดยคำนึงถึงสิ่งนั้นและบรรลุผลสำเร็จโดยใช้ แอ ปEagle หากคุณกำลังมองหาเครื่องมือที่น่าทึ่งที่ช่วยให้คุณจัดระเบียบชุดสินทรัพย์ที่ซับซ้อนและดำเนินการจริงกับทรัพยากรของคุณได้มากมาย ไม่ต้องมองหาที่ไหนอีกแล้ว

นั่นคือจุดสิ้นสุดของการอ่านสั้น ๆ แต่หวังว่าจะมีความเข้าใจลึกซึ้ง ขอบคุณที่ทำให้มันจบลง ฉันหวังว่าคุณจะได้อะไรจากมัน

‍ เข้าร่วมกลอนเนื้อหาของฉันหรือเลื่อนไป ที่ DM ของ ฉัน บนLinkedIn , Twitter , Figma , DribbbleและSubstack แสดงความคิดเห็นและคำติชมของคุณ หรือเริ่มการสนทนา!