Liste Görünümü Simgeleri

Liste görünümü simgeleri iletişim kutusu simgelerine çok benzer, ancak ışık kaynağının nesnenin üzerinde olduğu bir iç gölge efekti kullanır. Ayrıca, yalnızca bir ListView içinde kullanılmak üzere tasarlanmıştır. Örnekler arasında Ayarlar uygulaması sayılabilir.

Yoğunluğa Özel Simge Grupları Sağlama konusunda açıklandığı gibi, düşük, orta ve yüksek yoğunluklu ekranlar için ayrı simge grupları oluşturmanız gerekir. Bu sayede simgelerin, uygulamanızın yüklenebileceği farklı cihazlar genelinde doğru şekilde görüntülenmesi sağlanır. Her yoğunluk için önerilen tamamlanmış simge boyutlarının listesini görmek üzere Tablo 1'e bakın. Ayrıca, birden fazla simge grubuyla nasıl çalışılacağıyla ilgili öneriler almak üzere Tasarımcılar İçin İpuçları bölümüne bakın.

Tablo 1. Genelleştirilmiş üç ekran yoğunluğunun her biri için tamamlanan liste görünümü simgesi boyutlarının özeti.

ldpi (120 dpi)
(Düşük yoğunluklu ekran)
mdpi (160 dpi)
(Orta yoğunluklu ekran)
hdpi (240 dpi)
(Yüksek yoğunluklu ekran)
xhdpi (320 dpi)
(Ekstra yüksek yoğunluklu ekran)
Liste Görünümü Simgesi Boyutu 24 x 24 piksel 32 x 32 piksel 48 x 48 piksel 64 x 64 piksel

Resmin son hali, şeffaf PNG dosyası olarak dışa aktarılmalıdır. Arka plan rengi eklemeyin.

Adobe Photoshop'ta simge oluşturmaya yönelik şablonlar Simge Şablonları Paketi'nde mevcuttur.

Tüm Android Sürümleri

Aşağıdaki yönergelerde Android platformunun tüm sürümleri için liste görünümü simgelerinin nasıl tasarlanacağı açıklanmaktadır.

Yapı

  • Liste görünümü simgelerinde normalde 1 piksellik bir güvenli çerçeve bulunur. Ancak, yuvarlak bir şeklin kenar boşluğu için güvenli çerçeve alanı kullanılabilir.
  • Belirtilen tüm boyutlar Photoshop'ta 32x32 piksel olan çalışma yüzeyi boyutunu temel alır. Şablonun içindeki sınırlama kutusunun çevresinde 1 piksellik dolgu bırakın.
Liste görünümü simge yapısının
bir görünümü.

Şekil 1. Liste görünümü simgeleri için güvenli çerçeve ve dolgu gradyanı. Simge boyutu 32x32'dir.

Işık, efektler ve gölgeler

Liste görünümü simgeleri düzdür ve içlerinde bir gölgeyle ön yüzleri resmedilmiştir. Açık renk gradyanı ve iç gölgeyle oluşturulan bu reklamlar, koyu arka plan üzerinde göze çarpar.

Liste görünümü simgeleri için ışık, efektler ve gölgeler görünümü.

Şekil 2. Liste görünümü simgeleri için ışık, efektler ve gölgeler.

1.İç gölge:siyah | % 57 opaklık | açı 120° | karıştırma modu normal | mesafe 1 piksel | boyut 1 piksel
2.Arka plan:siyah | standart sistem rengi
Bu simgeler yalnızca liste görünümlerinde gösterilir.
Not: Liste görünümü simgesi, Photoshop'ta güvenli çerçeve olmadan 32x32 piksellik çalışma yüzeyinde yer alır.

Adım adım

  1. Doğru filtre için Şekil 2'de görünen efektleri ekleyin.
  2. 32x32 boyutundaki simgeyi şeffaflık özelliğinin etkin olduğu bir PNG dosyası olarak dışa aktarın.
  3. Adobe Illustrator gibi bir araç kullanarak temel şekilleri oluşturun.
  4. Şekli Adobe Photoshop gibi bir araca aktarın ve şeffaf bir arka plan üzerine 32x32 piksellik bir resmi sığacak şekilde ölçeklendirin.