Adobe XD กับ Sketch – แบไต๋ 2020

คู่แข่งรุ่นใหญ่สองคนยังคงต่อสู้กันเพื่อคว้าตำแหน่งสูงสุดสำหรับเครื่องมือออกแบบที่โปรดปรานที่สุด: Adobe XD เทียบกับ Sketch เครื่องมือใดที่จะควบคุมพวกเขาทั้งหมด? คำตอบนั้นไม่ง่าย เนื่องจากทั้งสองมีความก้าวหน้าอย่างมากในช่วงไม่กี่ปีที่ผ่านมา การเปรียบเทียบเครื่องมือออกแบบที่ครอบคลุมเกี่ยวกับคุณลักษณะ ประสิทธิภาพ และความสะดวกในการใช้งานจึงเกินกำหนด

Sketch นั้นอยู่ข้างหน้าหลายปีก่อนการเปิดตัว XD: หกคนเป็นที่แน่นอน มีฐานแฟนคลับที่กว้างขวางและทุ่มเท เต็มไปด้วยคุณสมบัติต่างๆ และมีระบบนิเวศของปลั๊กอินที่กว้างขวาง แต่ Sketch มีจุดอ่อน - ใช้งานได้กับ Mac เท่านั้น

ในปี 2559 Adobe เพิ่มความร้อนแรงและกระโดดเข้าสู่การต่อสู้ ไม่เพียงแต่จับคู่ Sketch กับฟีเจอร์ที่คล้ายกันใน XD เท่านั้น แต่ยังทำให้พร้อมใช้งานบน Windows เนื่องจากประมาณ 78% ของคอมพิวเตอร์เดสก์ท็อปทั่วโลกทำงานบน Windows นี่เป็นการเคลื่อนไหวที่กล้าได้กล้าเสียและสามารถแข่งขันได้

Adobe XD ยังอุดช่องโหว่จำนวนมากในกลุ่มผลิตภัณฑ์ Creative Suite ดอกไม้ไฟได้รับการจับมือสีทอง และคุณสมบัติที่นำเสนอโดย XD ไม่สามารถใช้งานได้ในแอปพลิเคชันอื่นเช่น Illustrator หรือ Photoshop XD ไม่เพียงแต่เป็นเครื่องมือออกแบบที่ใช้เวกเตอร์น้ำหนักเบาแบบเดียวกับ Sketch แต่ยังรวมเข้ากับระบบนิเวศ Adobe Creative Suite ที่เหลือได้ดียิ่งขึ้น

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

มาเจาะลึกและเปรียบเทียบคุณสมบัติต่อไปนี้ใน Adobe XD กับ Sketch:

• หน้าจอผู้ใช้
• การทำงานกับสัญลักษณ์/ส่วนประกอบหลัก
• แผงสินทรัพย์และส่วนประกอบ
• ปรับขนาดเลเยอร์และส่วนประกอบ
• ทำซ้ำและแจกจ่ายองค์ประกอบ
• เครื่องมือออกแบบที่ตอบสนอง
• ปลั๊กอิน
• การสร้างต้นแบบ
• การทำงานร่วมกันเป็นทีม
• นักพัฒนา Handoff
• การควบคุมเวอร์ชันและไลบรารีที่ใช้ร่วมกัน
• โหมดมืด

หน้าจอผู้ใช้

แม้ว่า Sketch และ Adobe XD จะใช้อินเทอร์เฟซที่คล้ายกัน แต่ UI ของ Sketch มีขอบเหนือ XD มันให้ความรู้สึกเหมือนเป็นเครื่องมือออกแบบมืออาชีพที่แข็งแกร่ง ในขณะที่ XD ให้ความรู้สึกเหมือนเป็นการผสมผสานระหว่าง Illustrator และ Photoshop ที่บางลง

ความไม่สะดวกที่สำคัญใน Adobe XD คือการแสดงแผง สินทรัพย์ ที่เปิดอยู่โดยค่าเริ่มต้น นี่ไม่ใช่สิ่งที่นักออกแบบส่วนใหญ่คาดหวัง เมื่อเริ่มต้นเอกสารการออกแบบ นักออกแบบส่วนใหญ่คาดหวังที่จะเห็นแผง เลเยอร์ ทันที ไม่ใช่ สินทรัพย์ หรือ ปลั๊กอิน

➠ +1 ให้กับ Sketch สำหรับอินเทอร์เฟซที่ใช้งานง่าย

การทำงานกับสัญลักษณ์/ส่วนประกอบหลัก

“สัญลักษณ์” ของไลบรารีการออกแบบที่นำกลับมาใช้ใหม่ได้มีทั้ง Sketch และ Adobe XD (เรียกว่า “ส่วนประกอบหลัก” ใน XD) เมื่อมีการอัปเดตสัญลักษณ์หรือส่วนประกอบหลัก อินสแตนซ์อื่นๆ ทั้งหมดของส่วนประกอบนั้นในโครงการจะสะท้อนถึงการอัปเดต

อย่างไรก็ตาม ในทางตรงกันข้ามกับ Adobe XD ฟีเจอร์ Smart Layout ของ Sketch นั้นมีประสิทธิภาพมากกว่าเมื่อทำงานกับส่วนประกอบหลักดังกล่าว ช่วยให้มีความยืดหยุ่นมากขึ้นและเวิร์กโฟลว์เร็วขึ้น

ใน Sketch เราสามารถกำหนดเลย์เอาต์เฉพาะให้กับส่วนประกอบได้ → ลากส่วนประกอบไปบนแคนวาส → ใช้การแทนที่เพื่อปรับแต่งเนื้อหา และส่วนประกอบจะปรับขนาดตามเนื้อหาใหม่

➠ +1 ให้กับ Sketch เพราะใช้สัญลักษณ์ได้ดีกว่า

แผงสินทรัพย์และส่วนประกอบ

Sketch และ Adobe XD แชร์แผงเนื้อหา/ส่วนประกอบที่คล้ายกันโดยมีข้อแตกต่างบางประการ

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

ร่างมีความยืดหยุ่นน้อย จะแสดงสินทรัพย์โครงการภายใต้การควบคุมแบบแบ่งกลุ่มด้วยปุ่มสามปุ่ม (สำหรับสัญลักษณ์ ลักษณะข้อความ และลักษณะสี) ด้วย Sketch ส่วนประกอบต่างๆ สามารถค้นหาได้ แต่ไม่สามารถค้นหาข้ามหมวดหมู่ได้ XD ค้นหาได้ดีขึ้นด้วยการค้นหาองค์ประกอบทั้งหมดในทุกเนื้อหา

➠ +1 ให้กับ Adobe XD เพราะจัดการเนื้อหาได้ดีขึ้น

การใช้ส่วนประกอบหลักจากไลบรารีอื่น

ด้วย Sketch นักออกแบบสามารถเพิ่มสัญลักษณ์ต้นแบบให้กับอาร์ตบอร์ดจากไลบรารีที่เชื่อมโยงจำนวนมาก—ในเครื่องหรือแชร์ออนไลน์—อย่างรวดเร็วและง่ายดาย ใน Adobe XD คุณสามารถวาง “สินทรัพย์ที่เชื่อมโยง” ลงในการออกแบบจาก “XD cloud” เช่น ส่วนประกอบ สี และรูปแบบอักขระได้ แต่เนื่องจากเวิร์กโฟลว์ที่น่าอึดอัดใจนี้ Adobe XD จึงมีความยืดหยุ่นน้อยกว่ามาก

➠ +1 ให้กับ Sketch เพื่อ UX ที่ดีขึ้นเมื่อทำงานกับส่วนประกอบหลัก

การแก้ไขสไตล์สี

เมื่อเพิ่มลงในไลบรารีแอสเซท Adobe XD ช่วยให้นักออกแบบแก้ไขสไตล์สีและดูการเปลี่ยนสีแบบเรียลไทม์บนอาร์ตบอร์ด ใน Sketch มีวิธีแก้ปัญหาในการแก้ไขสีทั่วโลก แต่ก็ไม่ได้ใช้งานง่ายเหมือน Adobe XD

➠ +1 ให้กับ Adobe XD เพื่อการแก้ไขสไตล์สีที่ดียิ่งขึ้น

การติดตั้งระบบการออกแบบ

Sketch มีวิธีที่ยอดเยี่ยมในการจัดระเบียบส่วนประกอบต่างๆ เมื่อสร้างระบบการออกแบบ (ไอคอน ปุ่ม ลักษณะสี ลักษณะข้อความ ฯลฯ) การใช้เครื่องหมายทับ '/' เมื่อสร้างและตั้งชื่อเนื้อหาเหล่านี้ จะถูกจัดกลุ่มในแผงส่วนประกอบและจัดเรียงตามลำดับชั้นในเมนูแทรก เป็นวิธีที่ยอดเยี่ยมในการจัดระเบียบส่วนประกอบในลักษณะที่เป็นตรรกะ และเหมาะสมสำหรับนักออกแบบที่ทำงานกับองค์ประกอบการออกแบบหลายร้อยรายการ

Adobe XD ไม่มีความยืดหยุ่นนี้

➠ +1 ให้กับ Sketch เพื่อการจัดการเนื้อหาการออกแบบที่ง่ายดาย

ปรับขนาดเลเยอร์และส่วนประกอบ

Adobe XD จัดการการปรับขนาดวัตถุที่มีหลายองค์ประกอบได้ไม่ดี โดยทั่วไป Sketch จัดการได้ดีกว่ามาก โดยจะรักษาระยะห่างตามสัดส่วนไว้อย่างดีระหว่างองค์ประกอบต่างๆ เมื่อทำการปรับขนาดสัญลักษณ์ เป็นต้น

นอกจากนี้ Sketch ยังมีฟีเจอร์ Scale Layers ที่มีประโยชน์ ( Command+K ) ซึ่งกลุ่มขององค์ประกอบสามารถปรับขนาดได้โดยใช้เปอร์เซ็นต์หรือตัวเลขในขณะที่ระบุแหล่งที่มาที่จะปรับขนาด Sketch จะปรับขนาดเลเยอร์ที่เลือก ในขณะที่แอตทริบิวต์ของสไตล์ เช่น ความหนาของเส้นขอบ ขนาดเงา และรัศมีจะถูกปรับขนาดอย่างเหมาะสม

คุณสมบัติที่มีประโยชน์อีกอย่างใน Sketch คือความสามารถในการปรับขนาดองค์ประกอบในตัวตรวจสอบด้วยตัวเลขหรือเปอร์เซ็นต์ ซึ่งแตกต่างจากคำสั่ง Scale Layers ด้านบนเล็กน้อย การต่อท้ายตัวอักษรต่อไปนี้เป็นเปอร์เซ็นต์หรือตัวเลข— c/m, t, b, r — Sketch จะปรับขนาดองค์ประกอบที่เลือกจากแหล่งกำเนิดนั้น ตัวอย่างเช่น “ 50%c ” จะปรับขนาดองค์ประกอบที่เลือก 50% จากศูนย์กลาง

• c/m: มาตราส่วนจากศูนย์กลาง
• t: มาตราส่วนจากด้านบน
• b: มาตราส่วนจากด้านล่าง
• r: มาตราส่วนจากด้านขวา

หมายเหตุ : ตัวเลือก “มาตราส่วนจากด้านซ้าย” จะไม่แสดง เนื่องจากเป็นการทำงานเริ่มต้นใน Sketch

ดูว่าการปรับขนาดเลเยอร์ทำงานอย่างไรใน Sketch→

➠ +1 ให้กับ Sketch เพื่อความคล่องตัวและความแม่นยำยิ่งขึ้นเมื่อทำการปรับขนาดองค์ประกอบ

ทำซ้ำและแจกจ่ายองค์ประกอบ

Repeat Grid ใน Adobe XD เป็นคุณสมบัติที่มีประโยชน์ที่จะเปลี่ยนกลุ่มขององค์ประกอบให้เป็นตารางที่ทำซ้ำวัตถุเหล่านั้น นักออกแบบส่วนใหญ่อาจลองใช้มันสองสามครั้งเมื่อสำรวจ XD แต่นักออกแบบจะใช้มันกี่ครั้ง? และน่าเสียดายที่ Repeat Grid ไม่ได้จัดชิดกับเลเยอร์ ซึ่งเป็นข้อบกพร่องที่สำคัญ

ในทางกลับกัน ด้วย Sketch เราสามารถกดปุ่ม Option ค้างไว้แล้วลากเลเยอร์เพื่อทำสำเนา ( กดปุ่ม Shift ค้าง ไว้เช่นกันเพื่อจำกัดเลเยอร์) ต่อจากนั้น Command+D จะทำซ้ำองค์ประกอบหลายๆ ครั้งตามที่ต้องการโดยเว้นระยะห่างระหว่างรายการที่ซ้ำกันเหมือนกัน

นอกจากนี้ Sketch ยังช่วยเพิ่มความเร็วเวิร์กโฟลว์การออกแบบด้วย Smart Distribute ช่วยให้นักออกแบบสามารถควบคุมการสร้างกริด การปรับระยะห่าง และการจัดลำดับเลเยอร์ใหม่ นอกเหนือจากสิ่งเล็ก ๆ น้อย ๆ ที่มีประโยชน์มากมายที่ Smart Distribute ทำ มีปุ่ม "เป็น ระเบียบ" ในตัวตรวจสอบ

หลังจากวางวัตถุหลายชิ้นแบบสุ่มบนอาร์ตบอร์ดแล้ว เราสามารถคลิกปุ่มจัด ระเบียบ และวัตถุจะกระจายวัตถุเหล่านั้นอย่างเท่าเทียมกันบนตารางอย่างน่าอัศจรรย์ เราสามารถปรับระยะห่างเพิ่มเติมได้โดยการลากจุดจับที่ปรากฏ (เมื่อวางเมาส์เหนือกลุ่ม) หรือโดยการป้อนค่าด้วยตนเองเพื่อความแม่นยำสูงสุด

ปลั๊กอิน Sketch หลายตัวได้รับการสร้างขึ้นเพื่อช่วยนักออกแบบด้วยกริด คู่มือ และการแจกจ่าย นอกเหนือจาก Smart Distribute นี่คือสาม:

กระจายเลเยอร์ • SketchDistributor • กระจายคำแนะนำ

➠ +1 ให้กับ Sketch เพื่อทำซ้ำและแจกจ่ายองค์ประกอบได้ดียิ่งขึ้น

เครื่องมือออกแบบที่ตอบสนอง

ทั้ง Adobe XD และ Sketch มีคุณสมบัติตอบสนองอัตโนมัติที่คล้ายคลึงกัน ทั้งคู่อนุญาตให้ควบคุมด้วยตนเองสำหรับความกว้างและความสูงคงที่ขององค์ประกอบในขณะที่ตรึงองค์ประกอบไว้ที่จุดเริ่มต้นเฉพาะของกล่องล้อมรอบ Adobe XD ยังมีเครื่องมือ "ปรับขนาดตามอุปกรณ์" ที่ชาญฉลาดซึ่งจะกำหนดขนาดองค์ประกอบและกลุ่มโดยอัตโนมัติ แต่ก็ไม่ได้สมบูรณ์แบบ

Sketch มีเครื่องมือตอบสนองอัจฉริยะที่เรียกว่า Smart Layout นักออกแบบสามารถสร้างส่วนประกอบที่ตอบสนองได้ และเมื่อใดก็ตามที่มีการปรับเนื้อหา ส่วนประกอบจะปรับให้เข้ากับการเปลี่ยนแปลง ทำให้มีความยืดหยุ่นมากขึ้นและเวิร์กโฟลว์เร็วขึ้น

ด้วย เค้าโครงอัจฉริยะ นักออกแบบสามารถสร้างปุ่มที่ปรับขนาดโดยอัตโนมัติได้อย่างง่ายดายในขณะที่รักษาระยะขอบและช่องว่างภายในให้สอดคล้องกัน ไม่ว่าป้ายข้อความจะยาวแค่ไหน Smart Layout ยังใช้งานได้กับกลุ่ม

Adobe XD เพิ่งใช้คุณลักษณะ "การปรับขนาดที่ตอบสนอง" แต่ยังคงล้าหลัง Sketch

➠ +1 ให้กับ Sketch สำหรับคุณสมบัติการออกแบบที่ตอบสนองอย่างรวดเร็วและง่ายดาย

ปลั๊กอิน

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

คอลเล็กชันปลั๊กอินของ Adobe XD นั้นอ่อนลงเมื่อเปรียบเทียบ แม้ว่านักพัฒนาซอฟต์แวร์คนเดียวกันจะสร้างปลั๊กอิน Sketch เวอร์ชัน XD แต่ XD นั้นใหม่เกินไปสำหรับปลั๊กอินที่จะนำไปใช้ในวงกว้าง ยิ่งไปกว่านั้น ปลั๊กอิน XD ใหม่จำนวนมากไม่ได้เพิ่มคุณค่าเพียงพอสำหรับนักออกแบบที่จะยอมรับ

➠ +1 ให้กับ Sketch สำหรับระบบนิเวศของปลั๊กอินที่กว้างขวาง

การสร้างต้นแบบ

ด้วย Auto-animate Adobe XD ได้ยกระดับ ante สำหรับการสร้างต้นแบบ การใช้คุณสมบัติแอนิเมชั่นอัตโนมัติ "อัจฉริยะ" นักออกแบบสามารถสร้างทรานซิชันที่สวยงามในต้นแบบเพื่อแสดงภาพการเคลื่อนไหวของเนื้อหาบนหน้าจอต่างๆ XD ยังสามารถเพิ่มเสียงให้กับต้นแบบด้วย "การกระทำ" ใหม่ที่เล่นเอฟเฟกต์เสียงและไฟล์เสียงอื่น ๆ เพื่อตอบสนองต่อทริกเกอร์

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

ผู้สร้าง Sketch มักจะรู้สึกว่ามีเครื่องมืออื่นๆ อีกมากมายในการสร้างต้นแบบที่มีไมโครอินเทอร์แอกทีฟที่มีรายละเอียดสูง เช่น ProtoPie มีประสิทธิภาพและสามารถนำเข้าการออกแบบจาก Sketch, Figma และ Adobe XD ได้อย่างง่ายดาย

ทั้ง Sketch และ Adobe XD เป็นจุดแข็งเมื่อต้องให้บริการแอปเพื่อดูตัวอย่างต้นแบบบนอุปกรณ์เคลื่อนที่: Sketch Mirror และ Adobe XD แอพดึงต้นแบบที่ออกแบบบนเดสก์ท็อปไปยังหน้าจอมือถือผ่านสาย USB หรือ wifi

➠ +1 ให้กับ Adobe XD สำหรับการเปลี่ยนภาพเคลื่อนไหวอัตโนมัติเพื่อแสดงภาพต้นแบบ

การทำงานร่วมกันเป็นทีม

เครื่องมือทั้งสองมีการทำงานร่วมกันเป็นทีม Sketch มี Sketch for Teams ที่นักออกแบบที่ใช้พื้นที่ทำงานบนระบบคลาวด์ที่แชร์สามารถแชร์แนวคิด ซิงค์กับ Shared Cloud Libraries ตรวจสอบความคืบหน้าของโครงการทีมอื่นๆ และแสดงความคิดเห็นเกี่ยวกับการออกแบบได้ทั้งหมดในที่เดียว

นอกจากนี้ ผู้มีส่วนได้ส่วนเสียและผู้ทำงานร่วมกันที่ได้รับเชิญซึ่งไม่มีสิทธิ์เข้าถึงแอป Sketch สามารถดู ตรวจสอบ และแสดงความคิดเห็นเกี่ยวกับการออกแบบในเบราว์เซอร์ได้ แฮนด์ออฟของนักพัฒนาถูกรวมเข้ากับ Sketch โดยใช้ Sketch for Teams

ในการเขียนนี้ เวอร์ชันพรีเมียมของ Adobe XD ช่วยให้ทีมสามารถแก้ไขไฟล์ XD ร่วมกับนักออกแบบคนอื่นๆ (ออนไลน์และออฟไลน์) ผ่าน Creative Cloud แชร์ไฟล์เพื่อตรวจสอบ และส่งต่อข้อกำหนดสำหรับนักพัฒนาได้อย่างง่ายดาย คุณลักษณะทั้งหมดเหล่านี้อยู่ ในรุ่นเบต้า

➠ +1 ให้กับ Sketch เพื่อการทำงานร่วมกันเป็นทีมอย่างตรงไปตรงมา

นักพัฒนา Handoff

การส่งมอบการออกแบบให้กับนักพัฒนาเป็นขั้นตอนที่สำคัญ และทั้ง Adobe XD และ Sketch ก็จัดการได้ดีไม่แพ้กัน ด้วยการแชร์โปรเจ็กต์ผ่านแพลตฟอร์มออนไลน์ นักออกแบบสามารถสร้างข้อกำหนดและร่วมมือกับนักพัฒนาเพื่อช่วยเปลี่ยนการออกแบบให้เป็นเว็บไซต์และแอพ

➠ +1 ให้กับ Adobe XD และ +1 ไปยัง Sketch สำหรับนักพัฒนาแฮนด์ออฟ

การควบคุมเวอร์ชันและไลบรารีที่ใช้ร่วมกัน

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

Adobe XD ยังมีระบบกำหนดเวอร์ชันไฟล์บนคลาวด์ด้วย Adobe Creative Cloud แม้ว่าเว็บไซต์ Creative Cloud จะเก็บเวอร์ชันของไฟล์ XD ไว้ แต่จะไม่สามารถเปลี่ยนกลับเป็นเวอร์ชันก่อนหน้าได้ หากต้องการเปลี่ยนกลับเป็นเวอร์ชันก่อนหน้า นักออกแบบจำเป็นต้องเปิดไฟล์ใน Adobe XD ผ่านเว็บไซต์ Creative Cloud จากนั้นคัดลอกและวางเนื้อหาลงในเอกสารปัจจุบัน เวอร์ชันของไฟล์จะถูกลบโดยอัตโนมัติหลังจากผ่านไป 30 วัน เว้นแต่จะตั้งชื่อหรือบุ๊กมาร์กไว้ กล่าวอีกนัยหนึ่ง มันไม่ใช่กระบวนการที่ราบรื่น

เช่นเดียวกับ Sketch XD ยังช่วยให้ทีมใช้เนื้อหาที่แชร์โดยใช้ Creative Cloud Libraries ได้อย่างง่ายดาย นักออกแบบสามารถนำสี ลักษณะตัวละคร และกราฟิกมาไว้ใน XD จากไลบรารีเหล่านี้

➠ +1 ให้กับ Sketch สำหรับการกำหนดเวอร์ชันไฟล์ที่ง่ายดายและไลบรารีที่แชร์ในคลาวด์

โหมดมืด

ดูดีและทำให้การออกแบบโดดเด่น

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

โหมดมืดไม่เพียงแต่ดูดีเท่านั้น แต่ยังช่วยลด “สายตาล้าดิจิตอล” มาเผชิญหน้ากัน นักออกแบบจ้องที่หน้าจอเกือบทั้งวัน อาการปวดตาทางดิจิทัลเป็นอาการทั่วไปที่ส่งผลกระทบต่อผู้คนนับล้าน เกิดจากทุกอย่างตั้งแต่การใช้คอมพิวเตอร์มากเกินไปไปจนถึงการได้รับแสงจ้าเป็นประจำ อาจทำให้เกิดอาการปวดหัว ปวดคอ ตาพร่ามัว และตาแสบร้อน/แสบตาได้

เน้นและเน้นสี

Sketch รองรับโหมดมืดตั้งแต่ Sketch 52 (ตุลาคม 2018) นอกจากนี้ยังรองรับการตั้งค่าสีแบบ เน้น และ เน้น ส่วนกลางของ macOS Mojave ตัวเลือกที่เลือกซึ่งถูกเน้นในแผงเลเยอร์ ตัวตรวจสอบ และที่อื่นๆ ในแอปจะตรงกับการตั้งค่าระบบ

โหมดมืดไม่พร้อมใช้งานใน Adobe XD แม้แต่ใน macOS

➠ +1 ไปยัง Sketch สำหรับโหมดมืด

ผู้ชนะ Adobe XD เทียบกับ Sketch Showdown คือ… Sketch

Sketch ชนะการต่อสู้เพื่ออำนาจสูงสุดของเครื่องมือออกแบบด้วยความเป็นผู้นำที่เหนือกว่า Adobe XD

ในบางสถานการณ์ มีตัวเลือกที่ชัดเจน: Sketch ไม่พร้อมใช้งานสำหรับ Windows ข้อได้เปรียบที่โดดเด่นสำหรับสมาชิก Adobe Creative Cloud คือ "แผนเริ่มต้น" ของ XD นั้นให้บริการฟรี แม้ว่าจะมีข้อจำกัดมากมาย

ความเก่งกาจของ Sketch ควรบังคับให้นักออกแบบบน macOS เลือก Sketch แทน XD อินเทอร์เฟซ, ปลั๊กอิน, คุณสมบัติการทำงานร่วมกัน, เครื่องมือออกแบบที่ตอบสนอง, สัญลักษณ์ที่ใช้ซ้ำได้, ไลบรารีที่ใช้ร่วมกันและคุณสมบัติที่มีประโยชน์อื่น ๆ เหนือกว่า Adobe XD

เป็นที่น่าสังเกตว่าไม่สามารถ ย้ายไฟล์การออกแบบจาก XD ไปยัง Sketch ได้ การเปลี่ยนจาก Sketch (และ Photoshop หรือ Illustrator) เป็น XD นั้นง่ายกว่าเพราะ XD สามารถเปิดไฟล์ Sketch ได้ ปัญหาบางอย่างอาจเกิดขึ้นเมื่อใช้ปลั๊กอิน Sketch-only เช่น Abstract หรือ InVision Craft แต่สามารถหลีกเลี่ยงได้ด้วยการล้างข้อมูลเล็กน้อย

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

การต่อสู้ยังไม่จบ อีกไม่กี่ปีข้างหน้าน่าจะเกิดสงครามที่รุนแรงและสมบูรณ์ระหว่าง Adobe XD กับ Sketch ในท้ายที่สุด นักออกแบบจะได้รับประโยชน์จากความสามารถที่เพิ่มขึ้นในเครื่องมือการออกแบบทั้งสอง มันจะทำให้ชีวิตการทำงานในแต่ละวันของพวกเขาง่ายขึ้นมาก และนั่นคือสิ่งที่รอคอย

แจ้งให้เราทราบสิ่งที่คุณคิด! โปรดแสดงความคิดเห็น ความคิดเห็น และข้อเสนอแนะของคุณด้านล่าง

• • •

อ่านเพิ่มเติมเกี่ยวกับบล็อก Toptal Design:

• การออกแบบที่มีความแม่นยำ – Adobe XD Review
• สำรวจการออกแบบหลายรูปแบบ – บทช่วยสอน Adobe XD
• แบบฟอร์มและฟังก์ชัน – คำแนะนำเกี่ยวกับเครื่องมือ Wireframe ยอดนิยม
• ฝึกฝนฝีมือของคุณด้วยเครื่องมือ UX ยอดนิยมเหล่านี้
• ผลงานออกแบบ UX ที่ดีที่สุด – กรณีศึกษาและตัวอย่างที่สร้างแรงบันดาลใจ