การออกแบบไอคอนที่ระดับ 100% หมายถึงอะไร


13

จากคู่มือของ Android การออกแบบวัสดุ ,

ไอคอนระบบจะแสดงที่ 24dp เมื่อสร้างไอคอนสิ่งสำคัญคือการออกแบบที่ระดับ 100%เพื่อความแม่นยำของพิกเซล

การออกแบบในระดับ 100% หมายถึงอะไร หมายความว่าไอคอนควรมีขนาด 24 * 24 dp หรือไม่ หรือหมายความว่าควรอยู่ในรูปแบบไฟล์ซึ่งการขยายจะไม่ส่งผลให้ข้อมูลสูญหายหรือผิดเพี้ยนเป็นต้นเช่นรูปแบบไฟล์ SVG


1
มีการเขียนที่ดีเกี่ยวกับเรื่องนี้ใน Stack Overflow - ความแตกต่างระหว่าง px, dp, dip และ sp บน Android?
AndrewH

1
@ Andy ฉันรู้ถึงความแตกต่าง! คำถามเกี่ยวกับความหมายของ "การออกแบบบางอย่างในระดับ 100%"!
Solace

คำตอบ:


23

การออกแบบที่ระดับ 100% หมายถึงการออกแบบที่ขนาด (เป็นพิกเซล) ที่คุณจะแสดง / แสดงไอคอนของคุณที่

หากคุณกำลังออกแบบไอคอน 24px × 24px ให้คุณตั้งค่าบอร์ดของคุณใน Illustrator หรือเอกสารใน Photoshop หรืออะไรก็ตามที่คุณใช้กับ 24px × 24px

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

ป้อนคำอธิบายรูปภาพที่นี่

เป็นเรื่องน่าสังเกตเนื่องจากdpไม่ใช่หน่วยการวัดที่แน่นอนและแปลเป็นจำนวนพิกเซลจริงที่แตกต่างกันจำนวนมาก - การออกแบบที่ระดับ 100% ยังหมายถึงการออกแบบสำหรับแต่ละพิกเซลด้วยขนาดที่เป็นอิสระ (ขอบคุณ Yorik!)


ขอบคุณมากสำหรับคำตอบที่ชัดเจนและชัดเจนมาก =)
ปลอบใจ

สิ่งสำคัญคือต้องตระหนักว่า "24 dp" เป็น "การวัดสเกลสเกล" ที่ได้รับซึ่งหมายความว่า "การออกแบบสำหรับสเกล 100%" ในบริบทที่ยกมาจริง ๆ แปลว่าคุณต้องการไอคอนที่แตกต่างกันสำหรับความหนาแน่นที่เป็นไปได้ทุกประการ
Yorik

1
@ Yorik จุดที่ดีมาก อัปเดตคำตอบของฉัน
Cai

คุณไม่จำเป็นต้องทำงานทุกความละเอียดอย่างอิสระ: 48 อาจใช้การออกแบบเดียวกันกับ 24 ในขณะที่ 126, 128, 64, 32 สามารถแบ่งปันได้เช่นกัน อาจจำเป็นต้องใช้ pixeling มือขนาด 16px ดูโพสต์นี้สำหรับการแก้ปัญหาที่พบบ่อยที่สุด
อยากรู้อยากเห็น dannii
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.