İletişim Kutusu Simgeleri

İletişim kutusu simgeleri, kullanıcıdan etkileşim kurmasını isteyen pop-up iletişim kutularında gösterilir. Bu resimler, koyu renkli bir arka planda dikkat çekmek için açık gradyan ve iç gölge kullanır.

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 iletişim kutusu 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)
İletişim Kutusu 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 iletişim kutusu simgelerinin nasıl tasarlanacağı açıklanmaktadır.

Yapı

  • İletişim kutusu simgelerinde 1 piksellik bir güvenli çerçeve var. Taban şekli, güvenli çerçeveye sığmalıdır. Ancak yuvarlak bir şeklin kenar takma adı, güvenli çerçeveyle çakışabilir.
  • Bu sayfada belirtilen tüm boyutlar Adobe Photoshop'ta 32x32 piksel olan çalışma yüzeyi boyutuna dayanır. Photoshop şablonunun içindeki sınırlama kutusunun çevresinde 1 piksellik dolgu bırakın.
İletişim kutusu simge
yapısının görünümü.

Şekil 1. İletişim kutusu simgeleri için güvenli çerçeve ve dolgu gradyanı. Simge boyutu 32x32'dir.

Işık, efektler ve gölgeler

İletişim kutusu simgeleri düz ve yüz üzerinde resimlerdir. Koyu renkli bir arka planda dikkat çekmek için açık gradyan ve iç gölge kullanılarak oluşturulur.

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

Şekil 2. Diyalog simgeleri için ışık, efektler ve gölgeler.

1.Ön kısım:gradyan yer paylaşımı | 90°
alt: r 223 | g 223 | b 223
üst: r 249 | g 249 | b 249
alt renk konumu: %0
üst renk konumu: %75
2.İç gölge:siyah |% 25 opaklık |
açı -90° | mesafe 1 piksel | boyut 0 piksel

Adım adım

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