ปัญหาเกี่ยวกับการสร้างไอคอนขนาดใหญ่ความละเอียดสูงสำหรับการแจ้งเตือน Android ใน Jelly Bean


11

ฉันกำลังพยายามสร้างกราฟิกความละเอียดสูงที่สวยงามสำหรับการแจ้งเตือนของ Android แต่พบปัญหาบางอย่าง ใน Jelly Bean มีสถานที่ใหม่สำหรับไอคอนขนาดใหญ่ ( ดูแนวทางการออกแบบการแจ้งเตือนที่นี่ ) ที่ด้านซ้ายของแบนเนอร์การแจ้งเตือน (ดูด้านล่าง # 2 ไอคอนขนาดใหญ่):

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

ไอคอนหุ้น Android ทั้งหมดมีความสวยงามและความละเอียดสูง แต่น่าเสียดายที่ไอคอนที่ฉันสร้างใน Illustrator / Photoshop ไม่ได้ดูคมชัดบนหน้าจอความละเอียดสูง

ไฟล์ของฉันมีขนาด 96 x 96px แต่ฉันกังวลว่านี่ไม่ใช่ขนาดที่เหมาะสมสำหรับไอคอนความละเอียดสูงและฉันไม่พบข้อมูลที่ดีเลยเกี่ยวกับขนาดที่ดีที่สุดสำหรับสิ่งเหล่านี้

ความช่วยเหลือใด ๆ ที่ชื่นชมอย่างมาก!

คำตอบ:


18

ไอคอน Android (และองค์ประกอบ UI อื่น ๆ เช่นความยาวลาก) ถูกวัดdpมา dpเป็นอุปกรณ์ / ความหนาแน่นของพิกเซลที่เป็นอิสระ 1 dpเทียบเท่ากับ1 พิกเซลบนหน้าจอ แต่หากต้องการแปลงเป็นความหนาแน่นของหน้าจออื่นคุณต้องคูณมันด้วยค่าความหนาแน่น ดังนั้นจึงขอแนะนำกันโดยทั่วไปว่าภาพหลายภาพที่มีจำหน่ายสำหรับไอคอนมากที่สุด

ตัวอย่างเช่นไอคอนการแจ้งเตือนที่ใช้ในแถบสถานะจะถูกระบุเป็น 24x24 dp โดยมีระยะห่าง 1 dp (ดังนั้นไอคอนจริงจะใช้ออพติคอลสแควร์ 22x22 dp เท่านั้นแม้ว่า AA บางส่วนจะสามารถเจาะลงใน 1 dp margin / safeframe ) ในการแปลงขนาด 24 dp เป็นขนาดพิกเซลจริงจะใช้การคำนวณคร่าวๆ:

display density  dp units * scale = px units
ldpi   ~120 dpi   24x24 dp * .75   = 18x18 px
mdpi   ~160 dpi   24x24 dp * 1.0   = 24x24 px
hdpi   ~240 dpi   24x24 dp * 1.5   = 36x36 px
xhdpi  ~320 dpi   24x24 dp * 2.0   = 48x48 px
xxhdpi ~480 dpi   24x24 dp * 3.0   = 72x72 px

นอกจากนี้ยังมีความหนาแน่นของจอแสดงผลระดับกลางที่เรียกว่าtvdpi(~ 213 dpi) ที่อยู่ระหว่างmdpiและhdpiและมีตัวคูณสเกล1.33แต่นี่เป็นเรื่องธรรมดาน้อยกว่ามาก สิ่งที่เอกสาร Android แนะนำคือให้คุณทำตาม3:4:6:8:12อัตราส่วนการปรับเมื่อจัดเตรียมรูปภาพบิตแมปที่ได้รับการจัดเตรียมล่วงหน้า (โดยปกติคือ PNGs) สำหรับความหนาแน่นของการแสดงผลที่พบมากที่สุด

ฉันไม่เห็นได้ทุกที่ที่พวกเขาระบุขนาด DP สำหรับไอคอนขนาดใหญ่ที่ใช้ในการแจ้งเตือน แต่ความสูงของแต่ละการแจ้งเตือนในมุมมองกล่องจดหมายปกติคือ64 DP นั่นหมายความว่าขนาดสูงสุดสำหรับไอคอน / รูปภาพที่แสดงจะมี:

ldpi:      48x48 px
mdpi:      64x64 px
hdpi:      96x96 px
xhdpi:   128x128 px
xxhpdi:  192x192 px

หากคุณต้องการที่จะรู้ว่าสิ่งที่ภาพขนาดของ Android ไอคอนสต็อกที่คุณควรจะสามารถที่จะหาจากAndroid ไอคอนแม่แบบแพ็ค v4.0

ดูคำถามนี้ด้วยเช่นกัน: การแจ้งเตือนของรังผึ้ง: วิธีตั้งlargeIconขนาดที่เหมาะสมได้อย่างไร


3
คุณควรเขียนเอกสารการออกแบบของ android อีกครั้ง! ข้อมูลอยู่ที่นั่น แต่ไม่ย่อท้ออย่างมีประสิทธิภาพ เอกสารน่าอัศจรรย์เกือบตลอดเวลา แต่ที่นี่พวกเขาทำให้ฉันผิดหวัง ขอบคุณมากสำหรับคำอธิบายที่ชัดเจนและกระชับที่สุด!
Daniel Smith
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.