portaldacalheta.pt
  • หลัก
  • การจัดการวิศวกรรม
  • บุคลากรและทีมงานของผลิตภัณฑ์
  • อื่น ๆ
  • นวัตกรรม
การออกแบบ Ui

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



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

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



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

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



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



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

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

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



ปุ่มที่สร้างด้วยสัญลักษณ์ซ้อนกันใน Sketch

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

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

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



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

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

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



สี่เหลี่ยมสีเป็นสัญลักษณ์

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

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



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

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

ไอคอนเป็นสัญลักษณ์



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

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

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

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

ปุ่มเป็นสัญลักษณ์

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

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

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

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

สัญลักษณ์ที่ซ้อนกันพร้อมการตั้งชื่อเลเยอร์อิโมจิ

การคิดค้นระยะไกล: วิธีค้นหางานอิสระ

กระบวนการทางการเงิน

การคิดค้นระยะไกล: วิธีค้นหางานอิสระ
ApeeScape เปิดตัว TopTracker แอพติดตามเวลาฟรีสำหรับ Freelancers

ApeeScape เปิดตัว TopTracker แอพติดตามเวลาฟรีสำหรับ Freelancers

อื่น ๆ

โพสต์ยอดนิยม
แหล่งข้อมูลสำหรับธุรกิจขนาดเล็กสำหรับ COVID-19: เงินกู้เงินช่วยเหลือและสินเชื่อ
แหล่งข้อมูลสำหรับธุรกิจขนาดเล็กสำหรับ COVID-19: เงินกู้เงินช่วยเหลือและสินเชื่อ
วิธีออกแบบประสบการณ์ที่ยอดเยี่ยมสำหรับอินเทอร์เน็ตในทุกสิ่ง
วิธีออกแบบประสบการณ์ที่ยอดเยี่ยมสำหรับอินเทอร์เน็ตในทุกสิ่ง
กลยุทธ์การสื่อสารที่มีประสิทธิภาพสำหรับนักออกแบบ
กลยุทธ์การสื่อสารที่มีประสิทธิภาพสำหรับนักออกแบบ
เรียนรู้ Markdown: เครื่องมือการเขียนสำหรับนักพัฒนาซอฟต์แวร์
เรียนรู้ Markdown: เครื่องมือการเขียนสำหรับนักพัฒนาซอฟต์แวร์
แนวโน้มต่อไปนี้: การแสดงความเคารพกับการลอกเลียนแบบการออกแบบ
แนวโน้มต่อไปนี้: การแสดงความเคารพกับการลอกเลียนแบบการออกแบบ
 
คู่มือสไตล์ Sass: บทช่วยสอน Sass เกี่ยวกับวิธีการเขียนโค้ด CSS ที่ดีขึ้น
คู่มือสไตล์ Sass: บทช่วยสอน Sass เกี่ยวกับวิธีการเขียนโค้ด CSS ที่ดีขึ้น
ทำลายกระบวนการคิดเชิงออกแบบ
ทำลายกระบวนการคิดเชิงออกแบบ
การออกแบบเว็บไซต์ CMS: คู่มือการใช้งานเนื้อหาแบบไดนามิก
การออกแบบเว็บไซต์ CMS: คู่มือการใช้งานเนื้อหาแบบไดนามิก
ทำคณิตศาสตร์: การปรับขนาดแอปพลิเคชันไมโครเซอร์วิสด้วย Orchestrators
ทำคณิตศาสตร์: การปรับขนาดแอปพลิเคชันไมโครเซอร์วิสด้วย Orchestrators
การปฏิวัติหุ่นยนต์เชิงพาณิชย์ที่กำลังจะเกิดขึ้น
การปฏิวัติหุ่นยนต์เชิงพาณิชย์ที่กำลังจะเกิดขึ้น
โพสต์ยอดนิยม
  • บริษัทธนาคารและบริการทางการเงินของอังกฤษ
  • ความแตกต่างระหว่าง c corp vs s corp
  • การพัฒนามือถือข้ามแพลตฟอร์ม xamarin
  • หลักสูตร c ++ ที่ดีที่สุด
  • วิธีใช้ github เพื่อโฮสต์เว็บไซต์
  • สิ่งที่ไม่สำคัญเมื่อคุณออกแบบฐานข้อมูลครั้งแรก
หมวดหมู่
  • การจัดการวิศวกรรม
  • บุคลากรและทีมงานของผลิตภัณฑ์
  • อื่น ๆ
  • นวัตกรรม
  • © 2022 | สงวนลิขสิทธิ์

    portaldacalheta.pt