ไลบรารีคือเอกสาร Sketch ที่มีองค์ประกอบต่างๆเช่น Symbols, Text Styles และ Layer Styles ที่คุณสามารถแชร์บนเอกสารอื่น ๆ ทั้งหมดแม้แต่สมาชิกทั้งหมดในกลุ่ม
Sketch Sketch สำหรับ Mac
เมื่อคุณอัปเดตองค์ประกอบในไลบรารีเอกสารที่ใช้องค์ประกอบเหล่านี้จะได้รับข้อความอัปเดต คุณสามารถตรวจสอบการเปลี่ยนแปลงเหล่านี้และตรวจสอบความถูกต้องเพื่อให้แน่ใจว่าคุณใช้ส่วนประกอบล่าสุดสำหรับงานปัจจุบันเสมอ
ไลบรารีมีประโยชน์สำหรับการทำงานร่วมกันกับทีมออกแบบซึ่งคุณต้องแชร์องค์ประกอบต่างๆเช่นไอคอนองค์ประกอบอินเทอร์เฟซหรือแบรนด์ อย่างไรก็ตามสามารถใช้ประโยชน์ได้แม้จะทำงานคนเดียว ด้วยไลบรารีคุณสามารถแทรกองค์ประกอบทั่วไป (เช่นองค์ประกอบ iOS UI ของ Apple) ลงในการออกแบบของคุณได้อย่างรวดเร็วและตรวจสอบให้แน่ใจว่าข้อมูลเหล่านี้เป็นข้อมูลล่าสุดอยู่เสมอ
เพิ่มห้องสมุด
เปิดการตั้งค่าของร่างโดยเลือก Sketch> การตั้งค่า (หรือกด ⌘+ ,) และคลิกที่ ห้องสมุด แท็บ ที่นี่คุณสามารถลากเอกสาร Library Sketch ลงในหน้าต่างหรือใช้ปุ่ม เพิ่มไลบรารี… เพื่อเพิ่มข้อมูลที่ต้องการ
แบ่งปันไลบรารี
มีหลายวิธีในการแชร์ไลบรารีกับผู้อื่นเช่นผ่านบริการคลาวด์การแชร์ผ่าน Sketch for Teams หรือ Cloud หรืออัปโหลดไปยังเซิร์ฟเวอร์และใช้ RSS สำหรับการอัปเดต
การใช้บริการคลาวด์ เช่น Dropbox หรือ Google Drive เพื่อแชร์ไลบรารีทำได้ง่ายเพียงแค่อัปโหลดเอกสาร Sketch และแชร์กับผู้ที่ต้องการ พวกเขาจะได้รับการแจ้งเตือนใน Sketch ทุกครั้งที่อัปเดต
การใช้ Sketch Cloud เพื่อแชร์ไลบรารีก็ทำได้ง่ายเช่นกัน เพียงอัปโหลดเอกสารไปยังเมฆนี้เปิดการตั้งค่าให้ตรวจสอบการ ใช้เป็นห้องสมุด และจากนั้นคลิก บันทึกการเปลี่ยนแปลง
ทุกคนที่แชร์เอกสารไลบรารีนี้ใน Sketch Cloud สามารถคลิกปุ่ม เพิ่มไลบรารีลงใน Sketch ในภาพรวมเอกสารเพื่อเพิ่มเป็นไลบรารีและรับการแจ้งเตือนที่ Sketch เมื่ออัปเดต
แชร์ไลบรารีด้วย Sketch for Teams
การเป็นส่วนหนึ่งของไลบรารีจะถูกแชร์และค้นพบโดยทีมงานแม้จะง่ายกว่า อัปโหลดเอกสารของคุณกับสภาพแวดล้อมการทำงานเป็นทีมให้คลิกที่ไอคอนฟันเฟืองที่จะเปิดการตั้งค่าให้ตรวจสอบ ใช้เป็นห้องสมุด> คลิกบันทึกการเปลี่ยนแปลง
กลับไปที่แอพ Mac และคุณจะเห็น Cloud Libraries ทั้งหมดสำหรับทีมใดก็ตามที่ทำงานด้วยภายใต้แท็บ Libraries ใน Preferences คุณสามารถเลื่อนดูและค้นหาไลบรารีที่คุณต้องการได้ เมื่อคุณต้องการที่จะใช้ห้องสมุดเพียงคลิก ติดตั้ง
การใช้ RSS และเซิร์ฟเวอร์ เพื่อแชร์ไลบรารีนั้นซับซ้อนกว่าเล็กน้อย ขั้นแรกคุณต้องจัดเก็บเอกสารไลบรารีบนเซิร์ฟเวอร์ จากนั้นคุณต้องสร้างไฟล์ XML ดังนี้:
<? xml version = "1.0" encoding = "UTF-8"?>
<rss version = "2.0" xmlns: atom = "http://www.w3.org/2005/Atom" xmlns: content = "http: //purl.org/rss/1.0/modules/content/ "xmlns: dc =" http://purl.org/dc/elements/1.1/ "xmlns: sparkle =" http://www.andymatuschak.org/ xml-namespaces / sparkle ">
<channel>
<title> My Sketch Library </title>
<description> My Sketch Library </description>
<image>
<url> </url>
<title> My Sketch Library </title>
</image>
<generator> Sketch </generator>
<item>
<title> My Sketch Library </title>
<pubDate> พุธ, 23 มิ.ย. 2019 11:19:04 +0000 </pubDate>
<enclosure url = "mysketchlibrary.sketch" type = "application / octet-stream" sparkle: version = "1" />
</item>
</channel>
</rss>
ในไฟล์ XML นี้คุณต้องแก้ไขรายละเอียดต่อไปนี้:
<title> - ชื่อไลบรารีที่คุณต้องการแสดงใน Sketch
<image> <url> - URL ภาพขนาดย่อเริ่มต้นที่ Sketch จะพยายามใช้กับห้องสมุดของคุณ จะชี้ไปที่ URL ของรูปภาพที่สามารถเข้าถึงได้โดยสาธารณะ
<item> - ข้อมูลระหว่างแท็กรายการเป็นสิ่งที่คุณต้องการอัปเดตเมื่อสร้างไลบรารีเวอร์ชันใหม่ คุณต้องมีแท็กรายการเดียวในฟีด
ในแท็กรายการนั้นสำหรับการอัปเดตแต่ละครั้งคุณต้องรวม:
<pubDate> - การอัปเดตห้องสมุดวันที่สาธารณะในรูปแบบ RFC822
<enclosure> - แท็กไฟล์แนบมี 3 คุณสมบัติ: url, type & sparkle: version URL นี้ต้องชี้ไปที่ตำแหน่งเซิร์ฟเวอร์ของเอกสาร Library โดยตรง ประเภท ควรเป็น "application / octet-stream" และสุดท้าย sparkle: version คือหมายเลขเวอร์ชันล่าสุด
ตรวจสอบให้แน่ใจว่าคุณได้บันทึกทั้งฟีด XML และไฟล์ Sketch ด้วย http หรือ https URL แต่อย่าผสมทั้งสองอย่าง
สุดท้ายใช้เครื่องมือเช่นตัวเข้ารหัส Meyerweb URL เพื่อเข้ารหัส URL ฟีด XML และเพิ่มดังนี้:
ร่าง: // add-library? url =
ป้อน URL แบบเต็ม (จาก ร่าง: // ไปยังส่วนท้ายของ URL ที่เข้ารหัส) ลงในเบราว์เซอร์เพื่อเปิด Sketch และเพิ่มไลบรารีที่แชร์ของคุณ
ไอคอนห้องสมุด
เมื่อเพิ่มไลบรารีคุณจะเห็นไลบรารีปรากฏที่ด้านบนของแผงคอมโพเนนต์ การคลิกที่ชื่อ Library จะช่วยให้คุณสามารถเลือก Symbols, Text Styles และ Layer Styles จาก Library แล้วลากไปยัง Canvas คุณยังสามารถเข้าถึงสัญลักษณ์ไลบรารีจากเมนู แทรก แทนไอคอนสัญลักษณ์ ไอคอนที่เชื่อมโยงบ่งชี้ว่าเป็นส่วนหนึ่งของไลบรารี
คุณจะพบสัญลักษณ์ไลบรารีในสัญลักษณ์เมื่อทำการแลกเปลี่ยนสัญลักษณ์
วิธีแก้ไขสัญลักษณ์ไลบรารี
เมื่อดับเบิลคลิกที่สัญลักษณ์ไลบรารีเพื่อแก้ไข Sketch จะมีตัวเลือกมากมายให้คุณขึ้นอยู่กับตำแหน่งที่จะเพิ่มไฟล์ไลบรารี
การดับเบิลคลิกเพื่อแก้ไข Symbol ที่เป็นของ Local Library หรือ Library บน Personal Cloud จะแสดงตัวเลือกต่อไปนี้:
เปิดในไลบรารี จะนำคุณไปยังเอกสารไลบรารีต้นฉบับเพื่อให้คุณสามารถแก้ไข Symbol เวอร์ชันหลักได้ การดำเนินการนี้จะอัปเดตไลบรารีและเอกสารใด ๆ ที่มีไอคอนเวอร์ชันใดก็ได้
การยกเลิกการลิงก์จากไลบรารี จะสร้าง Symbol เวอร์ชันโลคัลเพื่อให้คุณสามารถแก้ไขต้นฉบับในเอกสารปัจจุบันได้ ซึ่งหมายความว่าคุณจะไม่ได้รับการอัปเดตไอคอนเหล่านั้นอีกต่อไปหากมีการอัปเดตไลบรารีเดิม
หากคุณพยายามแก้ไขสัญลักษณ์ของไลบรารีทีมบนคลาวด์คุณจะเห็นตัวเลือกต่อไปนี้:
เปิดใน Library จะ เปิดเอกสาร Library ต้นฉบับจาก Cloud การเปลี่ยนแปลงใด ๆ ที่เกิดขึ้นที่นี่จะอัปเดตไลบรารีเพื่อให้สมาชิกในทีมทุกคนเห็น เอกสารและเวอร์ชันใด ๆ ของไอคอนจะแสดงถึงการเปลี่ยนแปลงเหล่านั้น
การยกเลิกการลิงก์จากไลบรารี จะสร้าง Symbol เวอร์ชันโลคัลเพื่อให้คุณสามารถแก้ไขต้นฉบับในเอกสารปัจจุบันได้ ซึ่งหมายความว่าคุณจะไม่ได้รับการอัปเดตไอคอนเหล่านั้นอีกต่อไปหากมีการอัปเดตไลบรารีเดิม
หากคุณใช้ Team Library โปรดใช้ความระมัดระวังเป็นพิเศษเมื่อแก้ไข Symbols หลักที่นี่ การเปลี่ยนแปลงใด ๆ ที่คุณทำและบันทึกจะถูกส่งไปยังทุกคนที่ใช้ห้องสมุดนี้
หากสัญลักษณ์ที่คุณต้องการแก้ไขเป็นของไลบรารีของบุคคลที่สาม ตัวอย่างเช่นชุด Apple iOS UI จะมีเพียง ยกเลิกการเชื่อมโยงจากตัวเลือกห้องสมุด
รูปแบบห้องสมุด
นอกเหนือจากสัญลักษณ์คุณสามารถแชร์และซิงค์ข้อความและสไตล์เลเยอร์โดยใช้ไลบรารี ซึ่งจะปรากฏในแผงคอมโพเนนต์และป็อปโอเวอร์คอมโพเนนต์ในลักษณะที่ปรากฏในตัวตรวจสอบ คุณยังสามารถเข้าถึงลักษณะข้อความและเลเยอร์ผ่านเมนูแทรก เช่นเดียวกับสัญลักษณ์ลักษณะไลบรารีจะมีไอคอนเชื่อมโยงถัดจากชื่อกลุ่มเพื่อประกาศว่าเป็นส่วนหนึ่งของไลบรารี
วิธีแก้ไขไลบรารีสไตล์
หากคุณใช้ไลบรารีสไตล์ (สไตล์เลเยอร์หรือสไตล์ข้อความ) ในเอกสารและต้องการแก้ไขเลเยอร์โดยใช้มันคุณมีสองสามตัวเลือกในแผงลักษณะที่ปรากฏบนตัวตรวจสอบ
ก่อนที่คุณจะทำการแก้ไขใด ๆ คุณสามารถเลือก สร้าง สไตล์ท้องถิ่นใหม่จากสไตล์ที่เลือกในปัจจุบัน การดำเนินการนี้จะลบลิงก์ของสไตล์นั้นในไลบรารีและสร้างสไตล์โลคัลใหม่ในเอกสาร
หรือคุณสามารถเลือกที่จะ แยก สไตล์ออกจากเวอร์ชันดั้งเดิมเพื่อยกเลิกการลิงก์ในไลบรารี แต่ไม่สร้างสไตล์ท้องถิ่นใหม่
หากคุณกำลังแก้ไขไลบรารีสไตล์คุณสามารถเลือก สร้างสไตล์ใหม่และแทนที่ เพื่อยกเลิกการลิงก์ในไลบรารีสร้างสไตล์โลคัลใหม่และใช้การเปลี่ยนแปลงกับเลเยอร์ทั้งหมดในเอกสารที่มีสไตล์เดียวกัน ใช้. หรือคุณสามารถเลือก รีเซ็ตสไตล์ เพื่อย้อนกลับการเปลี่ยนแปลงใด ๆ
ตราบใดที่สไตล์ไม่ได้เป็นส่วนหนึ่งของไลบรารีของบุคคลที่สามคุณสามารถเลือก แก้ไขสไตล์ในไลบรารี เพื่อเปิดเอกสารไลบรารีที่มีสไตล์นั้น
หมายเหตุ: การ แก้ไขสไตล์ในเอกสารไลบรารีต้นฉบับจะอัปเดตสไตล์สำหรับทุกคนที่ใช้ไลบรารีนี้
วิธีสร้างค่าที่ตั้งล่วงหน้าสำหรับไลบรารี
เช่นเดียวกับสัญลักษณ์ลักษณะข้อความและเลเยอร์คุณสามารถใช้ไลบรารีเพื่อซิงค์และแชร์ค่าที่ตั้งไว้ล่วงหน้าประเภทการเติมสีแบบทึบหรือการเติมรูปภาพ เพื่อสร้างห้องสมุดที่ตั้งไว้ล่วงหน้าสำหรับสีตัวอย่างเช่นเลือกสีใน popover เติมของเอกสารห้องสมุดและเพิ่มเป็นที่ตั้งไว้ใน สีเอกสาร
ในขณะที่คุณกำลังทำงานในเอกสารโดยใช้ไลบรารีนั้นให้คลิกที่ชื่อด้านบนค่าที่ตั้งไว้ล่วงหน้าเหล่านี้ในหน้าต่าง Fills จากนั้นเลือกชื่อ Library เพื่อดูตัวอย่าง Library Presets ที่มีอยู่ทั้งหมด
อัปเดตคอมโพเนนต์ไลบรารี
เมื่อมีการอัปเดตส่วนประกอบไลบรารี (สัญลักษณ์ลักษณะข้อความหรือลักษณะเลเยอร์) ที่ใช้ในเอกสารคุณจะเห็นป้ายสถานะ พร้อมใช้งานการอัปเดตไลบรารี ที่มุมของหน้าต่างซอฟต์แวร์ Sketch คลิกที่มันกล่องโต้ตอบที่มีการอัปเดตส่วนประกอบจะปรากฏขึ้น
เลือกคอมโพเนนต์เพื่อดูการเปลี่ยนแปลงและทำเครื่องหมายในช่องหากคุณต้องการอัปเดตในเอกสาร หากคุณไม่ต้องการอัปเดตคอมโพเนนต์โปรดยกเลิกการเลือก เมื่อเสร็จแล้วให้คลิก ปรับปรุงส่วนประกอบ
ที่จะหยุดการปรับปรุง Symbol, ดับเบิลคลิกรุ่นใด ๆ ของมันในเอกสารและคลิก ยกเลิกการเชื่อมโยงจากห้องสมุด การดำเนินการนี้จะสร้างสัญลักษณ์เฉพาะที่ในเพจ Symbols นั้น
สร้างอวาตาร์ไลบรารีที่กำหนดเอง
หากคุณต้องการสร้างหน้าต่างแสดงตัวอย่างแบบกำหนดเองสำหรับห้องสมุดของคุณที่ใดที่หนึ่งในเอกสารให้สร้าง Artboard สี่เหลี่ยมจัตุรัส (1: 1) จากนั้นตั้งชื่อว่า "Library Preview"
ข้างต้นเป็นวิธีการใช้คุณลักษณะของห้องสมุดใน ร่าง ซอฟต์แวร์การออกแบบกราฟิก หวังว่าบทความนี้จะมีประโยชน์กับคุณ