'% 100 ölçekte bir simge tasarlamak' ile kastedilen nedir?


13

Gönderen Android'in Materyal Tasarımı rehberi ,

Sistem simgeleri 24dp'de görüntülenir. Simgeler oluştururken, piksel doğruluğu için % 100 ölçekte tasarım yapmak önemlidir .

% 100 ölçekte tasarım yapmakla ne kastedilmektedir? Simgenin 24 * 24 dp boyutlarında olması gerektiği anlamına mı geliyor? Yoksa SVG dosya formatı gibi ölçeklemenin veri kaybı veya bozulmasına yol açmayacağı bir dosya formatında olması gerektiği anlamına mı geliyor?


1
Stack Overflow bu konuda yazılmış harika bir yazma var - Android'de px, dp, dip ve sp arasındaki fark?
AndrewH

1
@AndrewH Farkı biliyorum! Soru, "% 100 ölçekte bir şey tasarlamak" ile kastedilenle ilgilidir!
Solace

Yanıtlar:


23

% 100 ölçekte tasarlamak, simgenizi görüntüleyeceğiniz / çıktısını alacağınız boyutta (piksel olarak) tasarlamak anlamına gelir.

24px × 24px simgesi tasarlıyorsanız, çalışma yüzeyinizi Illustrator uygulamasında veya Photoshop'taki belgede veya başka herhangi bir şekilde 24px × 24px'e ayarlarsınız.

Materyal Tasarımı kılavuzunda belirtildiği gibi, bu piksel doğruluğu içindir. Daha büyük bir ölçekte çalışırsanız veya pikselleri hesaba katmadan bir vektör formatında çalışırsanız, daha sonra boyutu 24 piksele düşürün - şekilleriniz, yollarınız, noktanız veya pikselleriniz piksel ızgarasına hizalanmaz ve bu örnekte gösterildiği gibi efektler:

resim açıklamasını buraya girin

Bu yana değerinde belirterek dp ölçüm mutlak birim değildir ve aynı zamanda, bağımsız olarak, her bir piksel boyutu için tasarımı ima% 100 ölçekte farklı fiili piksel boyutları-tasarımı, bir dizi çevirir. (Teşekkürler Yorik!)


Çok hassas ve net bir cevap için çok teşekkür ederim. =)
Solace

Ayrıca, "24 dp" nin türetilmiş bir "kayan ölçek ölçeği" olduğunu, belirtilen bağlamda "% 100 ölçek için tasarım" ın gerçekten ideal olan her olası yoğunluk için farklı bir simgeye ihtiyacınız olduğunu ima ettiği anlamına gelmesi önemlidir.
Yorik

1
@Yorik Çok iyi bir nokta. Cevabım güncellendi.
Cai

Her çözünürlükte bağımsız olarak çalışmak zorunda değilsiniz: 48, 24 ile aynı tasarımı alabilirken, 126, 128, 64, 32 de paylaşabilir. El pikseli 16px muhtemelen gerekli olacaktır. En yaygın çözümler için bu gönderiye bakın .
curiousdannii
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.