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

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

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

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

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

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

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

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

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

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

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

การทำงานกับ Symbols / Master Components

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

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

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

➠ +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 ยังมีประโยชน์ สเกลเลเยอร์ ลักษณะเฉพาะ ( Command + K ) ซึ่งกลุ่มขององค์ประกอบสามารถปรับขนาดได้โดยใช้เปอร์เซ็นต์หรือตัวเลขในขณะที่ระบุว่ามาจากจุดเริ่มต้นใดเพื่อปรับขนาด Sketch จะปรับขนาดเลเยอร์ที่เลือกในขณะที่สไตล์แอตทริบิวต์เช่นความหนาของเส้นขอบขนาดเงาและรัศมีจะถูกปรับขนาดอย่างเหมาะสม

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

_____ หลักการออกแบบเกี่ยวข้องกับการกระจายองค์ประกอบ

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

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

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

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

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

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

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

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

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

ปลั๊กอิน Sketch จำนวนมากถูกสร้างขึ้นเพื่อช่วยนักออกแบบเกี่ยวกับกริดคำแนะนำและการแจกจ่ายนอกเหนือจากไฟล์ การกระจายอัจฉริยะ . นี่คือสาม:

แจกจ่ายเลเยอร์ • SketchDistributor • คำแนะนำที่กระจายอย่างสม่ำเสมอ

➠ +1 ถึง Sketch สำหรับการทำซ้ำและกระจายองค์ประกอบได้ดีขึ้น

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

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

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

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

การพัฒนาที่ขับเคลื่อนด้วยการทดสอบ vs การพัฒนาที่ขับเคลื่อนด้วยพฤติกรรม

Adobe XD เพิ่งใช้คุณสมบัติ 'ปรับขนาดตอบสนอง' แต่ยังล้าหลัง Sketch

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

ปลั๊กอิน

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

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

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

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

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

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

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

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

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

การทำงานร่วมกันของทีม

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

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

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

➠ +1 ถึง Sketch สำหรับการทำงานร่วมกันเป็นทีมที่ตรงไปตรงมา

นักพัฒนา Handoff

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

➠ +1 กับ Adobe XDและ+1 ถึง Sketchสำหรับนักพัฒนาแฮนด์ออฟ

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

การควบคุมเวอร์ชันของไฟล์การออกแบบเป็นสิ่งสำคัญเมื่อทำงานร่วมกับนักออกแบบคนอื่น ๆ ในโครงการเดียวกัน นอกจากนี้ยังอำนวยความสะดวกในการทำงานร่วมกันเป็นทีมและข้อเสนอแนะในการออกแบบได้อย่างมีประสิทธิภาพมากขึ้น Sketch เพิ่งรวมคุณสมบัติเหล่านี้ไว้ในไฟล์ ร่างสำหรับทีม . ด้วย 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’s global สำเนียง และ ไฮไลต์ การตั้งค่าสี ตัวเลือกที่เลือกซึ่งไฮไลต์ในแผงเลเยอร์ตัวตรวจสอบและที่อื่น ๆ ในแอปจะตรงกับค่ากำหนดของระบบ

โหมดมืดไม่มีให้ใช้งานใน Adobe XD แม้กระทั่งบน macOS

หลักการออกแบบห้าประการคืออะไร

➠ +1 ถึง Sketch สำหรับโหมดมืด

ผู้ชนะ Adobe XD vs 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 เท่านั้นเช่น บทคัดย่อ หรือ InVision Craft แต่สามารถหลีกเลี่ยงได้ด้วยการทำความสะอาดเล็กน้อย

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

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

---

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

•••

อ่านเพิ่มเติมในบล็อกการออกแบบ ApeeScape:

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

ทำความเข้าใจพื้นฐาน

Adobe XD ดีกว่า Sketch หรือไม่

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

Adobe XD สามารถเปิดไฟล์ Sketch ได้หรือไม่

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

Adobe XD จะฆ่า Sketch และ InVision หรือไม่

เป็นที่ถกเถียงกันว่า XD จะฆ่า Sketch และเครื่องมืออื่น ๆ เช่น InVision หรือ Figma เครื่องมือออกแบบแต่ละชิ้นมีจุดแข็งและจุดอ่อนและนักออกแบบบางคนจะชอบเครื่องมือที่แตกต่างกัน ปัจจัยในการตัดสินใจอย่างหนึ่งอาจเป็นระบบปฏิบัติการที่เครื่องมือทำงาน (macOS เทียบกับ Windows) หรือถ้าเป็นแอปแบบสแตนด์อะโลนเทียบกับเครื่องมือบนเว็บ

Adobe XD ใช้งานง่ายไหม

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

ฉันควรเรียน Adobe XD หรือ Sketch?

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

Sketch เรียนยากไหม

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