Eine Reihe großer quadratischer Symbole für Android. Themen für Android. Verwenden Sie nach Möglichkeit Vektorformen

Symbol es grafisches Bild, das einen kleinen Teil des Bildschirms einnimmt und eine schnelle, intuitive Ansicht einer Aktion, eines Status oder einer Anwendung bietet. Beim Entwerfen eines Symbols für Ihre Anwendung ist es wichtig, daran zu denken, dass Ihre Anwendung möglicherweise auf installiert wird verschiedene Geräte, die eine Reihe von Pixeldichten bieten, wie in beschrieben. Sie können Ihre Symbole jedoch auf allen Geräten gut aussehen lassen, indem Sie jedes Symbol in mehreren Größen bereitstellen. Wenn Ihre App ausgeführt wird, überprüft Android die Bildschirmeigenschaften des Geräts und lädt Ressourcen für Ihre App, die der Bildschirmdichte entsprechen. Da Sie jedes Symbol in mehreren Größen versenden, um unterschiedliche Dichten zu unterstützen, stützt sich der unten stehende Designleitfaden auf Symbolgrößen in dichteunabhängigen Pixeln (dp), die auf den Abmessungen der durchschnittlichen Bildschirmpixel (MDPI) basieren.

Um also ein Symbol für unterschiedliche Dichten zu erstellen, sollten Sie folgen Zoomverhältnis 2:3:4:6:8 zwischen den fünf Hauptdichten (mittel, hoch, x-hoch, xx-hoch bzw. xxx-hoch). Nehmen wir beispielsweise an, dass die Größe für das Launcher-Symbol 48 x 48 dp betragen soll. Dies bedeutet, dass die Größe der Basisdichte (MDPI) 48 x 48 px (Pixel) und die Größe der hohen Dichte (HDPI) das 1,5-fache der Basisgröße von 72 x 72 Pixeln und die Größe der x-hohen Dichte (XHDPI) das 2-fache betragen sollte die Basis - 96 × 96 Punkte usw.

Abmessungen und Maßstab

Aber wussten Sie, dass Sie auch App-Symbole auf Ihrem Startbildschirm und in der App-Schublade personalisieren können? Dieser Leitfaden zeigt Ihnen, wie und nennt einige der besten verfügbaren Symbolpakete. Ein Symbolpaket ist eine Anwendung, die alle Ihre Symbole durch benutzerdefinierte ersetzt. Alles in allem sind sie sehr einfach zu installieren und Sie können es wie jede andere Anwendung tun. Ein Unterschied besteht jedoch darin, dass Sie, wenn Sie ein paar verschiedene Icon-Packs testen möchten, um Ihren Favoriten zu finden, zuerst den Launcher installieren sollten, um den Vorgang zu vereinfachen.

Notiz: Android unterstützt auch Low-Density-Bildschirme (LDPI), aber Sie müssen normalerweise keine benutzerdefinierten Sets für diese Größen erstellen, da Android die HDPI-Ressourcen effektiv um 1/2 reduziert, um der erwarteten Größe zu entsprechen.

Start

Das Startsymbol ist die visuelle Darstellung Ihrer App auf dem Startbildschirm oder allen App-Bildschirmen. Da der Benutzer das Hintergrundbild des Startbildschirms ändern kann, stellen Sie sicher, dass Ihr Launcher-Symbol auf jedem Hintergrund deutlich sichtbar ist.

Sobald Sie die gewünschten Symbole gefunden haben, können Sie Ihren Launcher jederzeit ändern, wenn sie "kein wesentlicher Bestandteil davon" sind. Sie können es auch verwenden, um Hintergrund- und Splash-Hintergründe festzulegen.


Jedes Abzeichen verleiht dem ursprünglichen Design ein einzigartiges Design; Es ist ein leidenschaftliches Projekt mit viel Liebe zum Detail, und aus diesem Grund steht es auf dieser Liste. Wie bei einigen anderen können Sie das Hintergrundbild auch über die App festlegen.


Nach der letzten Zählung sind über 750 Symbole verfügbar, und wie bei anderen können Sie alle zusätzlichen anfordern, die noch fehlen.

Abmessungen und Maßstab

  • Startsymbole ein Mobilgerät muss sein 48x48dp.
  • Starten Sie Symbole, die angezeigt werden sollen Google Play muss sein 512×512 Punkte.

Proportionen

  • Vollständiger Satz, 48x48dp

Stil

Verwenden Sie verschiedene Silhouetten. Dreidimensionale Vorderansicht, leicht perspektivisch, wie von oben betrachtet, damit der Benutzer eine gewisse Tiefe wahrnehmen kann.

Verwenden Sie nach Möglichkeit Vektorformen

Es ist ein Icon-Set, das keine Angst hat, von vorgegebenen Formen abzuweichen, sodass Sie schöne Kurven und Winkel erhalten, um es visuell anregend zu halten, ohne dass Unordnung darin erscheint.


Es gibt auch eine obligatorische Symbolanforderungsfunktion für den seltenen Fall, dass Sie das gesuchte Symbol nicht sehen.

So verwenden Sie Symbolsätze

Alles, was Sie tun müssen, wie die anderen, die gestartet werden müssen, ist, zu den Einstellungen zu gehen und auf „Anwenden“ zu klicken.


Es hat möglicherweise nicht so viele App-Symbole wie einige der anderen Optionen hier, aber es gibt ein paar pixelige Hintergründe, die Sie herunterladen können, um alle thematischen Themen beizubehalten, wenn Sie möchten. Es ist auch völlig kostenlos und zeigt keine Werbung, was immer ein Bonus ist.

Aktionsleiste

Aktionsleistensymbole sind grafische Schaltflächen, die die wichtigsten Aktionen darstellen, die Benutzer in Ihrer App ausführen können. Jeder sollte verwenden einfaches Modell, das das einzige Konzept darstellt, das die meisten Menschen auf einen Blick verstehen können.




Der minimalistische Ansatz kombiniert ein einfaches Farbschema und die jetzt erwartete Integrationsoption für Hintergrundbilder, um eine einzige App bereitzustellen, die das Aussehen Ihres Telefons vollständig verändern kann. Die Ikonen nehmen durch ihre formale Herangehensweise ein einheitliches Design an und vermitteln durch einen leichten Schatten am Rand eine Tiefenwirkung.




Wenn Sie ein Fan des Ansatzes sind, aber lieber weiße Symbole haben möchten, hat der Entwickler diese App auch für Sie erstellt.


Durch Vornehmen von Einstellungen können Sie das Aussehen von Symbolen an verschiedenen Stellen ändern. Viele Anwendungen haben spezielle Symbole, während andere automatisch in einen kleinen Kreis mit weißem Rand eingeschlossen werden.

Abmessungen und Maßstab

  • Aktionsleistensymbole für Telefone sollten sein 32x32dp.

Hauptfläche und Proportionen

  • Vollständiger Satz, 32x32dp sichtbares Quadrat, 24x24dp

Stil

Bildhaft, flach, nicht übermäßig detailliert, mit sanften Rundungen oder scharfen Formen. Wenn die Grafiken dünn sind, drehen Sie sie um 45° nach links oder rechts, um den Fokusbereich auszufüllen. Striche und negative Zwischenräume müssen mindestens 2 dp dick sein.

Verwenden Sie gängige Namenskonventionen für Symbolsätze

Für sie enthält das Innere des Kreises eine kleine Version des ursprünglichen bunten Symbols und lässt es so aussehen, als würden Sie durch das Schlüsselloch schauen. Es kann auch als eigenständige App verwendet oder mit Launchern oder anderen Symbolpaketen kombiniert werden.




Die beiden Hauptfiguren sind ein Hase und eine Katze mit Afro, die abwechselnd in Ikonen dargestellt werden. Die Icons vereinen schrullige Katzenliebe und Cartoon-Stil zu einer traditionellen App-Struktur. Einige Apps sehen sehr eigenwillig aus, aber mit diesem App-Bundle haben Sie möglicherweise Probleme, weniger leicht erkennbare Apps zuerst zu finden.

Farben

Farben: #333333
Zugänglich: 60% Opazität
Nicht verfügbar: 30% Opazität

Farben: #FFFFFF
Zugänglich: 80% Opazität
Nicht verfügbar: 30% Opazität


Kleine / Kontextsymbole

Verwenden Sie im Hauptteil Ihrer App kleine Symbole, um auf bestimmte Elemente zu reagieren und/oder den Status anzuzeigen. In der Google Mail-App hat jede Nachricht beispielsweise ein Sternsymbol, das die Nachricht als wichtig markiert.

Licht und Farbe

Es ist auch eines der am einfachsten zu bedienenden - es gibt kein Optionsmenü, aber es erfordert einen der vier Starter unten.


Möchten Sie Ihre Ikonen in Superhelden verwandeln? Sie erhalten insgesamt 20 Comic-Superhelden-Symbole in diesem Paket, sodass es in Bezug auf Vielseitigkeit nicht mit anderen auf dieser Liste konkurrieren wird. Es gibt jedoch nichts, was Sie davon abhalten sollten, es in Kombination mit einem anderen Symbolpaket aus dieser Liste zu verwenden.

Es ist kostenlos herunterzuladen und mit einer Vielzahl von Launchern zu arbeiten, wenn Sie möchten, dass Ihr Superheld enthalten ist. Sie sind jedoch etwas verwirrend, wenn Sie nicht wissen, wofür sie eingerichtet sind.


Sie können natürlich alles anfordern, was Ihnen fehlt.

Abmessungen und Maßstab

  • Kleine Symbole sollten sein 16x16dp.

Hauptfläche und Proportionen

  • Vollständiger Satz, 16x16dp sichtbares Quadrat, 12x12dp

Stil

Neutral, flach und einfach. Gefüllte Formen sind leichter zu erkennen als dünne Striche. Verwenden Sie ein einfaches visuelles Modell, dessen Zweck die meisten Menschen leicht erkennen und verstehen können.




Wie die meisten anderen auf dieser Liste bietet es mehrere verschiedene Hintergrundbilder, die gut mit ihren Symbolen in der App funktionieren.


Dies ist einer der meisten einfache Wege Machen Sie Ihr Gerät wirklich zu Ihrem. Alles, von der Erstellung eines kompletten Icon-Themas bis hin zur Übersichtlichkeit und Übersichtlichkeit, das Ändern des Icons, das Ihnen einfach nicht gefällt, ist in Nova unglaublich einfach. Und das Beste ist, dass diese Funktion sowohl in der kostenlosen als auch in der kostenpflichtigen Version des Launchers verfügbar ist, sodass jeder davon profitieren kann.

Farben

Verwenden Sie nicht neutrale Farben sparsam und bewusst. Beispielsweise verwendet Google Mail ein gelbes Sternsymbol, um eine mit einem Stern versehene Nachricht anzuzeigen. Wenn das Symbol mit einer Aktion verknüpft ist, wählen Sie eine Farbe, die sich gut vom Hintergrund abhebt.


Um einen einzigen Blick auf Ihr gesamtes Gerät zu werfen – ob auf Ihrem Startbildschirm oder in Ihrer App-Schublade – möchten Sie ein Symbolpaket verwenden. Und für alle Apps, die nicht unterstützt werden, können Sie Ihre Symbole manuell ändern. Zuerst müssen Sie natürlich ein Symbolpaket finden, das Sie verwenden können. Es bietet auch passende Hintergrundbilder und eine Funktion, mit der Benutzer Symbole für ihre Lieblings-Apps anfordern können. Nicht alle Icon-Packs sind so voll ausgestattet, also denken Sie daran, wenn Sie nach dem perfekten Thema suchen.

Benachrichtigungssymbole

Wenn Ihre Anwendung Benachrichtigungen generiert, stellen Sie ein Symbol bereit, das das System in der Statusleiste anzeigen kann, wenn eine neue Benachrichtigung verfügbar ist.

Sobald Sie Ihren Symbolsatz installiert haben, können Sie ihn anwenden. Der erste Eintrag in diesem Menü ist die Option „Themensymbol“ – tippen Sie darauf. Klicken Sie auf diejenige, die Sie anwenden möchten. Das Popup verschwindet, aber der Eintrag „Themensymbol“ sollte jetzt das Symbolthema anzeigen, das Sie gerade im Subtext unter dem Titel ausgewählt haben.

Raster und Führungen

Wieder an Hauptbildschirm und App-Schublade sollte jetzt auf alle unterstützten Apps ein Symbolpaket angewendet werden. Höchstwahrscheinlich gibt es mehrere Symbole, die sich nicht geändert haben. Vielleicht hatte das Paket kein Symbol, das zu dieser App passte, oder vielleicht wurde ein Symbol nicht richtig angewendet - wir haben das mehr als einmal gesehen.

Abmessungen und Maßstab

  • Benachrichtigungssymbole sollten sein 24x24dp.

Hauptfläche und Proportionen

  • Vollständiger Satz, 24x24dp sichtbares Quadrat, 22x22dp

Stil

Halten Sie den Stil flach und einfach, indem Sie dasselbe einheitliche visuelle Modell wie das Launcher-Symbol verwenden.

Oder vielleicht möchten Sie nicht alle Ihre Symbole ändern, sondern nur einige anpassen. Halten Sie es gedrückt, bis Sie mit dem folgenden Bildschirm begrüßt werden, und ziehen Sie dann das Symbol über die Option Bearbeiten. Wenn Sie es von der App aus ändern, können Sie es ganz einfach zu Ihrem Startbildschirm hinzufügen, solange sich das Symbol des Startbildschirms nicht ändert.

Dadurch wird das Kontextmenü „Bearbeiten“ der Anwendung geöffnet. Klicken Sie auf das Symbol, das die Optionen „Design auswählen“ anzeigt. Hier gibt es mehrere Optionen: Sie können ein Systemsymbol, etwas aus Ihrer Galerie oder ein Symbol aus einem installierten Paket auswählen. Wenn Sie einen benutzerdefinierten Symbolsatz verwenden, kann das Laden je nach Paketgröße einige Sekunden dauern.

Farben

Benachrichtigungssymbole sollten vollständig weiß sein. Außerdem kann das System die Symbole verkleinern und/oder verdunkeln.

Hier sind einige Tipps, die Ihnen beim Erstellen von Symbolen oder anderen Grafiksätzen für Ihre Anwendung hilfreich sein könnten. Diese Tipps gehen davon aus, dass Sie Adobe® Photoshop® oder ein ähnliches Bitmap- und Vektorbildbearbeitungsprogramm verwenden.

Wenn das vorgeschlagene Symbol nicht das ist, wonach Sie suchen, scrollen Sie einfach in alphabetischer Reihenfolge durch die Liste, bis Sie es finden richtige Wahl. Dadurch gelangen Sie zurück zum Menü „Verknüpfung bearbeiten“ – klicken Sie einfach auf „Fertig“, um Ihre Änderungen zu speichern. Das Symbol ändert sich sofort und Sie können mit dem nächsten fortfahren.

Hauptfläche und Proportionen

Auch wenn das Paket kein Symbol für Ihre gewünschte App enthält, finden Sie oft ein passendes. Es ist auch erwähnenswert, dass das Anwenden eines neuen systemweiten Symbolpakets keine einzelnen Symboländerungen überschreibt. Wenn Sie also ein Thema auf Ihren Startbildschirmen und ein anderes in der App benötigen, können Sie dies ganz einfach tun.

Verwenden Sie nach Möglichkeit Vektorformen

In vielen Bildbearbeitungsprogrammen wie Adobe® Photoshop® können Sie eine Kombination aus Vektorformen und Bitmap-Ebenen und -Effekten verwenden. Verwenden Sie nach Möglichkeit Vektorformen, damit die Sätze bei Bedarf vergrößert werden können, ohne dass Details oder Kantendefinition verloren gehen.

Die meisten Symbolpakete sind jetzt standardisiert, sodass sie mit den gängigsten Launchern von Drittanbietern funktionieren. Dies ist eine gute Nachricht für Benutzer, die vielleicht den Launcher wechseln möchten, da die meisten Pakete derzeit im Wesentlichen universell kompatibel sind.

App-Verknüpfungen geben Benutzern schnellen und einfachen Zugriff auf die vier Aktionen Ihrer App. Jede Aktion kann auch zum Startbildschirm hinzugefügt werden. Shortcut-Aktionen werden basierend auf der Position des Symbols Ihrer App angezeigt. Beispielsweise zeigen App-Symbole am linken Bildschirmrand Aktivitäten an, wo immer freier Speicherplatz vorhanden ist.

Die Verwendung von Vektoren erleichtert auch das Ausrichten von Kanten und Ecken mit pixeligen Rändern bei niedrigeren Auflösungen.

Fangen Sie groß an

Weil Wenn Sie Sätze für unterschiedliche Bildschirmdichten erstellen müssen, beginnen Sie am besten damit, große Symbolgrößen zu entwerfen, die ein Vielfaches der Zielsymbolgröße sind. Launcher-Symbole sind beispielsweise je nach Bildschirmdichte (mdpi, hdpi, xhdpi bzw. xxhdpi) 48, 72, 96 oder 144 Pixel breit. Wenn Sie Ihre Launcher-Symbole ursprünglich mit 864 x 864 Pixel gezeichnet haben, werden Sie es einfacher finden, die Symbole anzupassen, wenn Sie sie auf die Zielgröße skalieren, um den endgültigen Satz zu erstellen.

Diese Richtlinien helfen Ihnen beim Erstellen von App-Verknüpfungen mit Standardsymbolen, Einzelavataren und Gruppenavataren. Vier helle Etiketten können gleichzeitig angezeigt werden. Sie können die Reihenfolge der Etiketten festlegen. App-Verknüpfungssymbole sind kreisförmig. Sie enthalten ein Standard-System-Icon oder mindestens einen Avatar. Der Inhalt der Symbole muss innerhalb des Zuschneidebereichs bleiben.

Geometrie und Anatomie

Farbe Live-Bereich: Vollmaterialfüllung Grau 100. Bei Standard-Shortcut-Symbolen ist das Materialsystemsymbol im Live-Bereich zentriert. Farbe Das Systemsymbol muss die gleiche Farbe wie die Hauptfarbe oder das Anwendungssymbol haben. Sie können auch Vektorzeichnungen oder getönte Bitmaps verwenden.

Zeichnen Sie beim Skalieren Bitmap-Ebenen nach Bedarf neu

Wenn Sie statt einer Vektorebene eine Rasterebene hochskalieren, müssen diese Ebenen manuell neu gezeichnet werden, damit sie bei höherer Dichte scharf sind. Wenn beispielsweise ein 60x60-Kreis als gezeichnet wurde Bitmap für mdpi sollte es auf einen 90x90-Kreis für hdpi neu gezeichnet werden.

Verwenden Sie gängige Namenskonventionen für Symbolsätze

Versuchen Sie, die Dateien so zu benennen, dass die entsprechenden Sätze innerhalb des Verzeichnisses gruppiert sind, wenn sie alphabetisch sortiert sind. Insbesondere die Verwendung gemeinsamer Präfixe für jeden Symboltyp hilft. Zum Beispiel:

Beachten Sie, dass Sie kein generisches Präfix jeglicher Art verwenden müssen – tun Sie dies nur zu Ihrer Bequemlichkeit.

Einrichten eines Arbeitsbereichs, der Dateien nach Dichte organisiert

Die Unterstützung mehrerer Bildschirmdichten bedeutet, dass Sie mehrere Versionen desselben Symbols erstellen müssen. Um mehrere Kopien von Dateien sicher und leichter auffindbar zu halten, empfehlen wir, eine Verzeichnisstruktur in Ihrem Arbeitsbereich zu erstellen, die Ressourcendateien basierend auf der Dichte organisiert. Zum Beispiel.

Symbole sind das Gesicht eines jeden Betriebssystems, zusammen mit der Benutzeroberfläche und dem Gesamtdesign. Persönlich haben mich schon immer die Symbole angezogen, die auf dem Hauptbildschirm von Smartphones und Tablets in Geschäften und auf offiziellen Renderings zur Schau gestellt werden. Niemand möchte auf eine App mit einem schlechten und hässlichen Symbol tippen.




Von links nach rechts: Schneidebrett, Moonshine


Aufrichtig schöne CUTBOARD-Symbole werden in einem dreidimensionalen Stil ohne Hintergrund erstellt. Sie möchten sie unbedingt anfassen, denn sie sind sauber und so gezeichnet, dass sie möglichst voluminös wirken. Das Set enthält 2.000 hochauflösende Icons.

Beliebte Moonshine-Symbole sind nicht ursprünglich geplant Aussehen- Einfaches "Material"-Design, aber minimalistischer und ohne Hintergrund auf den Symbolen. Das Set enthält über 925 Vektordesign-Icons mit 28 handgezeichneten Hintergrundbildern.

Ungewöhnlich

,

Von links nach rechts: Leaf, Tiny White, einfach 8-Bit


Blattsymbole können kaum als zu ungewöhnlich bezeichnet werden - sie sind einfach nicht quadratisch oder rund und sie haben einen Hintergrund. Leaf ist den Symbolen von Sailfish OS sehr ähnlich, daher sind sie von gewissem Wert. Es gibt ziemlich viele Symbole im Set - etwas mehr als 200, und es gibt auch 9 Hintergrundbilder.

Das Tiny White-Set eignet sich für diejenigen, die zu viele Symbole auf dem Desktop und im Menü haben. Icons sind deutlich reduziert und in einem einfachen Stil gehalten - weiße Icons ohne Hintergrund. Das Set enthält über 1.300 Symbole.

Wie Sie dem Namen entnehmen können, werden Simply 8-Bit-Symbole im 8-Bit-Stil erstellt. Fans von Pixel-Art und Retro-Spielen werden dieses Set definitiv lieben. Einige der Symbole hier sehen sogar etwas komisch aus, wie zum Beispiel das Standard-SMS-Symbol. Das Set enthält mehr als 700 Symbole sowie thematische Hintergrundbilder mit alten Spielen.

,


Von links nach rechts: Fluss, Glyphe, Ballon


Rives mehrschichtige Symbole haben einen ungewöhnlichen Stil: einige sind leicht beschnitten, andere sind mit einigen Symbolen aus den Anwendungen selbst überhäuft, und wieder andere sehen ziemlich ungewöhnlich aus (ein Rechteck mit einer sich überschneidenden Inschrift). Das Design ist definitiv originell und interessant. Das Set enthält über 1.000 Symbole und 12 Hintergrundbilder, ohne dass ein Download erforderlich ist.

Glif-Symbole ähneln im Stil den vorherigen, aber sie wären besser für jedes Open geeignet Betriebssystem basierend auf Linux. Ich persönlich habe eine solche Assoziation mit Glif-Ikonen. Die Icons sind im Cartoon-Stil gestaltet und mit schwarzen Linien umrandet. Das Set enthält über 800 Symbole und Hintergrundbilder.

Lustige Ballon-Symbole sind auch im hellen Cartoon-Stil gestaltet, aber hier in jedem Symbol befindet sich der Name der Anwendung oder des Spiels, der im Comic-Stil gestaltet ist. Bei Ballonsymbolen wird empfohlen, App-Titel zu deaktivieren. Das Set enthält über 450 Symbole.

Und

Von links nach rechts: Glim Dark UI, Octagons UI


Glim Dark UI ist eine minimalistische und kontrastreiche Reihe von Symbolen in verschiedenen Stilen - mit und ohne Hintergrund. Hier dominieren dunkle Farbtöne, kombiniert mit gedeckten hellen Farben. Es gibt ein Dienstprogramm zum Anfordern eines Symbols von Entwicklern, wenn es nicht im Set enthalten ist. Glim Dark UI hat 3.700 Symbole und über 150 Hintergrundbilder.

Dieses umfangreiche TOP wird durch das OctagonsUI-Set mit achteckigen Symbolen geschlossen einheitlicher Stil Und Farbschema(Schwarz und Rot). Außerdem erhielt jedes Symbol in diesem Set voluminöse Schatten und Kanten. Das Set enthält 2.811 Symbole und 10 HD-Hintergrundbilder für Ihren Desktop.

Ich hoffe, dass Ihnen zumindest ein paar Icons aus diesem Set gefallen und sie von der Treshbox heruntergeladen haben. In Zukunft wird diese Sammlung regelmäßig mit neuen Artikeln aktualisiert.