ทริคTools
การจัดการไอคอนผลิตภัณฑ์ (Product Icons)
ไอคอนผลิตภัณฑ์ควรมาจากแหล่งทางการหรือแหล่งที่เชื่อถือได้ และใช้ให้สม่ำเสมอ.
เริ่มอ่านตรงนี้ก่อน
อธิบายแบบง่าย
การจัดการไอคอนผลิตภัณฑ์ (Product Icons) คือเรื่องที่ช่วยให้เราเป็นเครื่องมือช่วยสร้างหรือแปลงของที่ใช้ซ้ำ เช่น SVG, icon, formulaได้ถูกทางขึ้น
ระดับ
เหมาะกับคนที่ต้องตรวจงานหรือวางมาตรฐาน
ใช้เมื่อไหร่
คุณอ้างถึงผลิตภัณฑ์ของ Microsoft ในเมนูนำทาง
อ่านแล้วทำอะไรต่อ
ใช้ไฟล์ SVG ทั้งในเมนูผลิตภัณฑ์และส่วนหัวของหน้าหมวดนั้น
เห็นภาพ: ทริคนี้เป็นยังไง
- 1ใช้ไฟล์ทางการSVG จาก Microsoft
- 2ขนาดสม่ำเสมอเช่น 24×24 ทั้งชุด
- 3ไม่บิดสัดส่วนล็อกอัตราส่วนเสมอ
- 4ใส่ alt textบอกชื่อไอคอน
▶ เล่นอัตโนมัติ · ชี้เมาส์เพื่อหยุด · กดแถบด้านบนเพื่อข้ามขั้น
ใช้ตอนไหน?
- คุณอ้างถึงผลิตภัณฑ์ของ Microsoft ในเมนูนำทาง
- คุณทำเอกสารหรือแดชบอร์ดที่แบ่งหมวดตามผลิตภัณฑ์
- คุณต้องการภาพที่ดูสม่ำเสมอเมื่อนำเสนอต่อทีม
ความหมาย
การจัดการไอคอนผลิตภัณฑ์ครอบคลุมตั้งแต่การหาไฟล์จากแหล่งทางการ รูปแบบไฟล์ ขนาด การตั้งชื่อ ไปจนถึงกฎการนำไปใช้
กฎการใช้ไฟล์ไอคอน
ถ้ามีไฟล์ SVG ทางการให้ดาวน์โหลด ให้เลือกใช้ก่อน และตั้งชื่อไฟล์ให้คงที่ไม่เปลี่ยนไปมา
public/icons/products/{product}.svgตัวอย่างการใช้
ไอคอนเมนู Power BI
ใช้ไฟล์ SVG ทั้งในเมนูผลิตภัณฑ์และส่วนหัวของหน้าหมวดนั้น