10 Designtipps zur Verbesserung der visuellen Android-Effekte

1. Verwenden Sie Bilder in geeigneter Größe.

Wenn es um Bilder geht, verfolgen viele Android-App-Entwickler einen einheitlichen Ansatz. Dies erleichtert zwar die Ressourcenverwaltung, ist jedoch der falsche Ansatz, wenn es um die visuelle Attraktivität Ihrer App geht. Damit Ihre App optimal aussieht, sollten Sie unterschiedliche Bilder für bestimmte Gerätebildschirme entwerfen. Die am besten geeigneten Bilder sorgen für das beste Benutzererlebnis.

2. Verwenden Sie ordnungsgemäß formatierte Bilder

Wir haben alle Apps gesehen, die beim Laden bestimmter großer Bilder hängen bleiben, und zwar nicht nur aufgrund der Größenabweichung; Die Android-Plattform unterstützt viele Medienformate wie PNG, JPEG, GIF, BMP und WebP (Hinweis: nur von Android 4.0+ unterstützt). PNG ist ein ideales Format für verlustfreie Bilder, während die Wiedergabequalität von JPEG inkonsistent ist.

Android unterstützt auch elastische Bilder mit Nine-Patch. Erwägen Sie nach Möglichkeit die Verwendung von WebP anstelle von JPEG, da dieses Format beim Speichern und Herunterladen effizienter ist. Das heißt, wenn es als eigenständiges Bild neben einem älteren Format verwendet würde, würde die Gesamtgröße der App größer werden, was die Vorteile der Verwendung des neuen Formats verringern würde.

3. Verwenden Sie subtile Animationen und Farben, um Statusänderungen anzuzeigen.

Verwenden Sie subtile Animationen und Farbänderungen der Benutzeroberfläche, um Änderungen des Anwendungsstatus während Bildschirmübergängen anzuzeigen, wodurch Ihre Anwendung besser sichtbar wird der Professionalität. Durch das Einblenden zwischen Aktivitäten werden Bildschirmübergänge beispielsweise natürlicher, und durch Ändern der Farbe einer gedrückten Taste wird die gerade stattfindende Benutzeraktion hervorgehoben, sodass klar erkennbar ist, was der Benutzer gerade tut.

Android 3.x und spätere Versionen können die Hardwarebeschleunigung aktivieren, wodurch Animationen flüssiger laufen. Allerdings sind Tests erforderlich, da nicht alle Funktionen der App mit der Hardwarebeschleunigung kompatibel sind.

4. Verwenden Sie abgerundete Ecken, um die Benutzeroberfläche weicher zu gestalten.

Steuerelemente der Benutzeroberfläche wie „Button“ und „PageView“ haben auf dem Bildschirm eine rechteckige Pixelform, die jedoch verarbeitet werden muss. Auf der Steueroberfläche wird der Effekt abgerundeter Ecken verwendet, um das Erscheinungsbild der Benutzeroberfläche weicher zu gestalten, was sehr webähnlich aussieht, bei Benutzern jedoch sehr beliebt ist.

5. Verwenden Sie konsistente „Beleuchtung“ in 3D-Effekten

Die neueste Version der Android-Plattform verwendet holografische Stile und 3D-Symbole usw. Wenn Sie Schlagschatten und ähnliche Stile in den Steuerelementen Ihrer App verwenden, achten Sie darauf, eine einheitliche „Beleuchtung“ zu verwenden. Mit anderen Worten: Stellen Sie sicher, dass der Schatten gleichmäßig über den Bildschirm ausgerichtet ist. Verwenden Sie im Bildeditor dieselben Werte, um dieselbe Neigung und Textur zu erstellen.

6. Verwenden Sie ein kontrastreiches Farbschema

Wenn ein Familienmitglied (Anmerkung: oft jemand aus der älteren Generation) zum ersten Mal feststellt, dass Sie in E-Mails farbige Schriftarten und Hintergründe verwenden können, und Ihnen eine E-Mail mit weißem Hintergrund und zitronengelben Schriftarten sendet, ist es ziemlich schwierig, solche E-Mails zu senden lesen. Manche Leute gestalten die Bildschirme ihrer App möglicherweise so, dass es für Spieler schwierig ist, den Inhalt auf dem Bildschirm zu lesen oder darin zu navigieren. Die Verwendung geeigneter kontrastreicher Farben erleichtert die Lesbarkeit des Bildschirms und entlastet die Augen. Machen Sie das Farbschema zu einem Teil Ihrer Systemressourcen und nutzen Sie es als Grundlage für andere Arbeiten.

7. Verwenden Sie große und gut lesbare Schriftarten

Ähnlich wie bei der schlechten Farbgebung oben erhalten wir auch Texte von Familienmitgliedern, die in seltsamen Schriftarten schwer lesbar sind. Einige Schriftarten sind definitiv einfacher zu lesen als andere.

Die Schriftgröße ist ebenfalls ein wichtiger Faktor. Versuchen Sie, die Schriftart so groß wie möglich zu gestalten und gleichzeitig die Balance mit anderen Bildschirmfunktionen zu wahren. Ebenso wie bei der Verwendung eines Faxgeräts ist die Verwendung von Schriftarten kleiner als 12 Punkt ungeeignet.

Die Designer von Android 4.0 haben eine neue Schriftart eingeführt, die nur auf der Plattform verfügbar und auf Mobilgeräten gut lesbar ist: Roboto.

8. Weichen Sie nicht zu sehr von den Plattformspezifikationen ab

Viele erfolgreiche mobile Apps verwenden Benutzeroberflächen, mit denen die Leute vertraut sind. Sie verfügen über einfache und gängige Benutzeroberflächen und verwenden Steuerelemente, die den Benutzern vertraut sind. Seien Sie bei der Steuerung Ihrer Benutzeroberfläche und Ihrem Bildschirmdesign nicht zu unkonventionell. Halten Sie es so einfach wie möglich und konsistent mit der Leistung anderer Anwendungen auf der Plattform. Nutzen Sie die Plattform als Anhaltspunkt, um die Leistung und das Verhalten der Anwendung zu bestimmen.

Wenn die von Ihnen erstellte Benutzeroberfläche anders ist, verwenden Sie unbedingt objektive Methoden wie AB-Tests, um die neue Benutzeroberfläche mit der herkömmlichen Benutzeroberfläche zu vergleichen und festzustellen, ob die neue Designlösung optimierter ist, z. B. effektiver, einfacher zu bedienen oder sieht bequemer aus.

9. Befolgen Sie die UI-Richtlinien

Das Android-Anwendungshandbuch enthält viele UI-Richtlinien, die in Ihre Anwendung integriert werden können. Diese Richtlinien unterscheiden sich in der Regel je nachdem, welche Android-Version Ihre App verwendet. In diesem Fall müssen Sie mehrere Assets erstellen, um mehrere Richtlinien zu verwalten. Die Richtlinien umfassen Symbole, Widgets, Menüs und Aktivitäten.

10. Benutzeroberfläche testen

Entwickler sind oft keine guten Qualitätssicherungskräfte oder Tester. Sobald Ihre App stabil läuft, ist es sinnvoll, sie mit Benutzern zu testen, die mit dem Design und der Absicht Ihrer App überhaupt nicht vertraut sind. App-Designer gehen oft davon aus, dass Benutzer die Benutzeroberfläche ihrer App intuitiv finden, aber das ist möglicherweise nicht der Fall. Nur wenn Sie die Benutzer die Anwendung tatsächlich testen lassen, können Sie viele unerwartete Probleme entdecken, bevor Sie die Anwendung veröffentlichen.

Bonus-Tipp: Beauftragen Sie einen professionellen Kunst- oder Grafikdesigner

Benutzer erwarten heutzutage Apps, die gut aussehen und professionell gestaltet sind. Genauso wie Sie nicht leger gekleidet zu einem Vorstellungsgespräch erscheinen würden, sollten Sie vor der Veröffentlichung ausreichend Ressourcen aufwenden, um das Aussehen Ihrer App zu verbessern. In den meisten Fällen handelt es sich bei Programmierern nicht um erfahrene Künstler. Ziehen Sie daher in Betracht, einen professionellen Künstler mit der Arbeit zu beauftragen. Stellen Sie lediglich sicher, dass Sie eine klare Vorstellung vom Designergebnis haben.

Wenn Sie in die Entwicklung von Android-Anwendungen vertieft sind, vergisst man oft leicht das Design der Benutzeroberfläche. Wenn Ihre App relativ stabil ist, gehen Sie diese Liste durch und verbessern Sie sie. Im Allgemeinen sollten diese Aufgaben am besten auf einen späteren Zeitpunkt in der Entwicklung verschoben werden, wenn der Bildschirminhalt relativ feststeht.

Weitere verwandte Artikel zu 10 Designtechniken zur Verbesserung der visuellen Android-Effekte finden Sie auf der chinesischen PHP-Website!