Listenansichtssymbole

Die Symbole in der Listenansicht ähneln den Dialogsymbolen, haben jedoch einen inneren Schatteneffekt dort, wo sich die Lichtquelle über dem Objekt befindet. Sie wurden außerdem nur für die Verwendung in einem ListView entwickelt. Ein Beispiel hierfür ist die Anwendung „Einstellungen“.

Wie unter Dichtespezifische Symbolgruppen bereitstellen beschrieben, sollten Sie für Bildschirme mit niedriger, mittlerer und hoher Dichte separate Symbolgruppen erstellen. Dadurch wird sichergestellt, dass Ihre Symbole auf allen Geräten, auf denen Ihre App installiert werden kann, richtig angezeigt werden. In Tabelle 1 finden Sie eine Liste der empfohlenen fertigen Symbolgrößen für die jeweilige Dichte. Unter Tipps für Designer finden Sie Vorschläge zum Arbeiten mit mehreren Symbolsätzen.

Tabelle 1 Zusammenfassung der Symbolabmessungen der fertigen Listenansicht für jede der drei allgemeinen Bildschirmdichten.

ldpi (120 dpi)
(Bildschirm mit geringer Dichte)
mdpi (160 dpi)
(Bildschirm mit mittlerer Punktdichte)
hdpi (240 dpi)
(HD-Bildschirm)
xhdpi (320 dpi)
(Bildschirm mit besonders hoher Punktdichte)
Größe des Symbols für Listenansicht 24 x 24 Pixel 32 x 32 Pixel 48 x 48 Pixel 64 x 64 Pixel

Das endgültige Artwork muss als transparente PNG-Datei exportiert werden. Geben Sie keine Hintergrundfarbe an.

Vorlagen zum Erstellen von Symbolen in Adobe Photoshop sind im Icon Templates Pack verfügbar.

Alle Android-Versionen

In den folgenden Richtlinien wird beschrieben, wie Sie für alle Versionen der Android-Plattform Symbole für die Listenansicht erstellen.

Struktur

  • Ein Symbol für die Listenansicht hat normalerweise einen SafeFrame von 1 Pixel, aber Sie können den SafeFrame-Bereich für den Rand des Kantenglättungsbereichs einer runden Form verwenden.
  • Alle angegebenen Abmessungen basieren auf einer Zeichenflächengröße von 32 x 32 Pixel in Photoshop. Verwenden Sie einen Abstand von 1 Pixel um den Begrenzungsrahmen innerhalb der Vorlage.
Eine Ansicht der Symbolstruktur
für die Listenansicht.

Abbildung 1. SafeFrame und Füllverlauf für Listenansichtssymbole. Die Symbolgröße beträgt 32 x 32.

Licht, Effekte und Schatten

Die Symbole für die Listenansicht sind flach und von außen mit einem Schatten nach innen abgebildet. Durch einen hellen Farbverlauf und einen Schatten nach innen kommen sie auf dunklem Hintergrund hervor.

Eine Ansicht mit Licht, Effekten und Schatten für Symbole in der Listenansicht.

Abbildung 2. Licht, Effekte und Schatten für Symbole in der Listenansicht.

1.Schatten nach innen:Schwarz | 57 % Deckkraft | Winkel 120° | Mischmodus normal | Abstand 1 px | Größe 1 px
2.Hintergrund:Schwarz | Standardsystemfarbe
Diese Symbole werden nur in Listenansichten angezeigt.
Hinweis: Das Symbol für die Listenansicht befindet sich in Photoshop auf einer Zeichenfläche mit 32 x 32 Pixeln, ohne SafeFrame.

Detaillierte Anleitung

  1. Fügen Sie für den richtigen Filter die in Abbildung 2 gezeigten Effekte hinzu.
  2. Exportieren Sie das Symbol im Format 32 x 32 als PNG-Datei mit aktivierter Transparenz.
  3. Erstellen Sie die Grundformen mit einem Tool wie Adobe Illustrator.
  4. Importieren Sie die Form in ein Tool wie Adobe Photoshop und skalieren Sie die Form, damit sie ein Bild von 32 x 32 Pixel auf einen transparenten Hintergrund passt.