จัดการ UI สีโดยอัตโนมัติด้วย Sketch

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

หากคุณใช้เครื่องมือสีบ่อยครั้งคุณจะไม่มีปัญหาในการหาจานสีที่ยอดเยี่ยม แต่ถ้าคุณสามารถทำให้กระบวนการเป็นอัตโนมัติได้ ใช่มันเป็นไปได้ผ่านเชน.

เครือคือ Sketch Add-on ฟรี ที่ช่วยให้คุณทำการเลือกสีโดยอัตโนมัติ (ส่วนใหญ่) คุณเพียงแค่เลือกสีหลักและ “โซ่” องค์ประกอบอื่น ๆ พร้อมกับสีนั้น ปลั๊กอินนี้จะยกของหนักสำหรับคุณ.

ด้วย Chain คุณสามารถเลือกสไตล์ของการจับคู่สีและความผันแปรที่คุณต้องการ โดยทั่วไปมันทำงานโดย การผสมผสานองค์ประกอบของหน้าต่างๆเข้าด้วยกัน, บางเบาและเข้มขึ้นดึงทั้งหมดจากสีฐานเดียว นี่เป็นเครื่องมือที่มีประโยชน์อย่างหนึ่งที่น่าประหลาดใจสำหรับ ทุกคนที่ชอบ Sketch เหนือพฤติกรรมเช่น Photoshop.

สมมติว่าคุณมีแถบนำทางส่วนหัวฮีโร่และปุ่ม CTA ที่สว่าง คุณต้องการ อัปเดตองค์ประกอบทั้งหมดเหล่านี้ในครั้งเดียว และผสมผสานให้เข้ากับสไตล์สีที่ไร้รอยต่อ.

Chain ช่วยให้คุณทำสิ่งนี้ได้จากเมนูเดียวใน Sketch คุณสามารถสร้างได้หลายรายการ “ห่วงโซ่” องค์ประกอบของหน้าแต่ละคนมีสไตล์ที่เป็นเอกลักษณ์และเป้าหมายที่ไม่ซ้ำกัน.

แต่ละโซ่มีสี่สีให้เลือก:

• สี
• แอลฟา
• ความอิ่มตัว
• ความสว่าง

วิธีนี้คุณสามารถเลือกวิธีผสมผสานสีเข้าด้วยกันและผสมสีในแบบที่ดูดี.

แม้ว่ามันจะเป็นปลั๊กอินที่มีประโยชน์อย่างยิ่งสำหรับนักออกแบบ แต่ก็อาจไม่ใช่โซลูชัน catch-all สำหรับการออกแบบ AI คุณจะยังคงต้องการสัตวแพทย์เลือกสีด้วยตัวเองและให้แน่ใจว่าพวกเขา ดูดีจริง.

คุณสามารถดาวน์โหลดสำเนาของ Chain จาก GitHub repo ได้ฟรีตลอดชีวิต เมื่อคุณดูเชนและลองนั่งทดสอบคุณจะประหลาดใจว่ามันสามารถช่วยเวิร์กโฟลว์การออกแบบของคุณได้มากแค่ไหน.

หากคุณยังไม่แน่ใจว่ามันใช้งานได้อย่างไรเพียงแค่ดูวิดีโอตัวอย่าง 1 นาทีแสดงตัวอย่างมากมายเพื่อสร้างความพึงพอใจ.