วิธีสร้างสัญลักษณ์ที่ซ้อนกันใน Sketch

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

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

'สัญลักษณ์ซ้อน' คืออะไร?

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

ลองดูตัวอย่างด้านล่าง ฉันเอาสัญลักษณ์ง่ายๆสองตัวมารวมกันเพื่อสร้างอีกอันหนึ่ง:

เข้ารหัสเซิร์ฟเวอร์ sql 2016 . เสมอ

ด้วยการสร้างสัญลักษณ์ใหม่จากสัญลักษณ์อื่นฉันมีความสามารถในการลบล้างการตั้งค่าของสัญลักษณ์ดั้งเดิมที่ซ้อนอยู่ภายในสัญลักษณ์ใหม่

llc การจำแนกประเภท c หรือ s

วิธีสร้างสัญลักษณ์ที่ซ้อนกัน

เราจะสร้างตัวอย่างปุ่มด้านบนเพื่อให้เข้าใจกระบวนการสร้างสัญลักษณ์ซ้อนกัน

ขั้นตอนที่ 1: สร้างสัญลักษณ์สี

เริ่มต้นด้วยการสร้างสีให้กับปุ่มของเรา สร้างสี่เหลี่ยมผืนผ้าขนาด 100 x 100 พิกเซลโดยไม่มีเส้นขอบและเติมสีน้ำเงินลงไป ตั้งชื่อว่า ** COLOR / PRIMARY-BLUE ** คลิกขวาที่สี่เหลี่ยมผืนผ้านี้แล้วเลือก 'สร้างสัญลักษณ์' ดับเบิลคลิกที่รูปสี่เหลี่ยมผืนผ้าเพื่อข้ามไปยังเมนู Symbols จากนั้นทำซ้ำสัญลักษณ์ทั้งหมด

เปลี่ยนชื่อสำเนาเป็น ** COLOR / SECONDARY-BLUE ** และเปลี่ยนสีเติมเป็นสีอื่น คุณสามารถทำขั้นตอนซ้ำอีกครั้งเพื่อสร้างสีอื่น ๆ

ขั้นตอนที่ 2: สร้างสัญลักษณ์ไอคอน

ในการสร้างสัญลักษณ์ซ้อนเราจะใช้อีกหนึ่งองค์ประกอบ: ไอคอน กระบวนการนี้เหมือนกับการใช้สี - คุณสร้างไอคอนหนึ่งไอคอนจากนั้นแปลงเป็นสัญลักษณ์ จากนั้นบนเมนู Symbols ให้ทำซ้ำสัญลักษณ์ทั้งหมดที่มีไอคอนด้านในและตั้งชื่อเฉพาะ

สำคัญ: ขนาดอาร์ตบอร์ดของสัญลักษณ์ไอคอนต้องเท่ากัน

แอตทริบิวต์คลาสเทียบกับแอตทริบิวต์อินสแตนซ์ python

ขั้นตอนที่ 3: สร้างปุ่มที่มีสัญลักษณ์ซ้อนกัน

ในการสร้างสัญลักษณ์ซ้อนเราจะใช้สีและสัญลักษณ์ไอคอนที่เราสร้างขึ้นในขั้นตอนที่หนึ่งและสอง

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

แนวทางปฏิบัติที่ดีที่สุดในการปรับแต่งประสิทธิภาพของเซิร์ฟเวอร์ sql

แค่นั้นแหละ! ตอนนี้คุณสามารถใช้การลบล้างสัญลักษณ์สำหรับปุ่มของคุณเพื่อปรับเปลี่ยนได้ตามต้องการโดยมีขั้นตอนน้อยลง

ขั้นตอนที่ 4 (ไม่บังคับ): ตั้งชื่อเลเยอร์ของคุณด้วยอิโมจิ!

เพื่อความชัดเจนยิ่งขึ้นคุณสามารถใช้อิโมจิเป็นชื่อเลเยอร์ได้ หากคุณต้องการทราบวิธีการดังกล่าวโปรดดูบทความก่อนหน้าของฉัน: ใช้ Emojis เพื่อจัดการไฟล์ Sketch

นี่คือผลลัพธ์สุดท้ายของสัญลักษณ์ที่ซ้อนกันและการลบล้าง: