Metzler IT GmbH

Grundlagen des Android-Designs

Grundlagen der Android-Entwicklung

Seit Anfang 2016 habe ich aufgehört, Webdesign zu machen, und mich ganz in die Welt von Android vertieft. Diese Entscheidung wurde von vielen Faktoren beeinflusst.

Jetzt fragen Sie sich bestimmt, warum Android- und nicht iOS Entwicklung?

phone-display-mockup_7939-4495

In diesem Artikel werde ich versuchen, die Grundlagen zu beschreiben, die für alle Varianten aller Nasnova-Startups ausreichen können. Beginnen wir vielleicht mit den Bildschirmtypen. Android hat eine große Vielfalt.

Bildschirme der Android-Geräte

Alle Unternehmen, die „Androiden“ herstellt, sieht es als Ihre Pflicht an, eine Million verschiedener Geräte mit den neuesten unvorstellbaren Bildschirmfunktionen herzustellen. Dieser Grad verkompliziert das Design und den Effekt des „überall abgedeckt“ -Effekts.

Aber es ist nicht so beängstigend, wie es auf den ersten Blick erscheinen mag, wenn Sie ein paar grundlegende Punkte verstehen.

Zunächst müssen Sie sich daran erinnern, dass es 5 Hauptbildschirmdichten gibt: mdpi, hdpi, xhdpi, xxhdpi und xxxhdpi. Die Basisdichte ist mdpi, von der aus wir schreiben werden.

hdpi = mdpi * 1,5

xhdpi = mdpi * 2

xxhdpi = mdpi * 3

xxxhdpi = mdpi * 4

Zweitens ist es wichtig zu entscheiden, über welches Gerät Sie Ihre Skizzen testen möchten. Für mich ist dieses ein Nexus 5. Sie können jedes andere Smartphone für sich selbst auswählen.

Sie müssen zunächst mit dem Seitenverhältnis beginnen. Idealerweise sollte es 16:9 sein. Dies entspricht ungefähr 1024 x 768 im Web.

Beispiele

Wir haben Eingabedaten – Seitenverhältnis 16:9 sowie möglicherweise ein funktionierendes Gerät zur Hand.

Folgen Sie dem Link https://design.google.com/devices/ und tragen Sie es in die Tabelle ein. Wir versuchen unser Gerät darin zu finden. Angenommen, wir suchen nach dem zuvor erwähnten Nexus 5.

tabelle

Die Tabelle zeigt, dass der Nexus das erforderliche Seitenverhältnis von 16:9 hat. Die Bildschirmgröße in DP beträgt 360 × 640 und in PX – 1080 × 1920. Die Bildschirmdichte beträgt xxhdpi.

Ohne auf Details einzugehen, ist 360 × 640 unser mdpi.

Für das Nexus 5 werden wir Layouts zeichnen. Oben habe ich geschrieben, dass xxhdpi = mdpi * 3. Wenn wir also 360 × 640 mit 3 multiplizieren, erhalten wir genau 1080 × 1920.

Was ist DP?

Dp – dichteunabhängiges Pixel. 1dp = 1px bei mdpi-Bildschirmdichte. In jedem anderen Fall ist 1dp = 1px * Multiplikator.

Beispiele

Wir müssen ein Symbol für das Nexus 5 zeichnen. Laut den Anleitungen sollte es 24×24 dp sein. Aus der obigen Tabelle wissen wir, dass Nexus 5 = xxhdpi und xxhdpi = mdpi * 3.

Dementsprechend wird die zuvor untersuchte Formel 1dp = 1px * Multiplikator angewendet, wir erhalten: 24dp = 24px * 3 = 72px.

Richtlinien der Android-Geräte

Nachdem wir uns für das Gerät und die Größe der zukünftigen Layouts entschieden haben, können wir auf UA klicken. Dies ist ein sehr wichtiger Schritt und Sie müssen ihn so ernst wie möglich nehmen.

In den Anleitungen lernen Sie alle notwendigen Dinge, um das richtige Design zu entwickeln. Es gibt dort viele Informationen, aber ohne diese Informationen ist es unwahrscheinlich, dass Sie ein qualitativ hochwertiges Design erstellen können.

Anfangs wollte ich Links zu den wichtigsten Punkten bereitstellen, aber dort ist absolut alles wichtig. Seien Sie deshalb nicht faul und lesen Sie sehr sorgfältig, damit Sie, wenn etwas passiert, schnell das Notwendige finden.

Gitter

Zum Erstellen meiner Layouts verwende ich überhaupt kein Raster, obwohl Google das anbietet. Der Kollege, der mich über Android unterrichtet, unterstützt den Komponentenansatz, und dementsprechend bin ich der Umsetzer.

Es wird angenommen, dass das Raster die korrekte Ausrichtung von Elementen nur in Grafiken ermöglicht. Unter Kampfbedingungen springt das alles und deshalb ist das unrealistisch.

Im Allgemeinen sind Richtlinien für Android eine ziemlich seltsame Sache. Sie verweisen in erster Linie auf das Design in Bezug auf seinen visuellen Aspekt. Dies führt dazu, dass es fast unmöglich wird, die Empfehlung umzusetzen.

Ein weiteres Argument, verwenden Sie das sogenannte Komponentendesign. Sie haben kein Konzept eines modularen Gitters. Das Komponentendesign basiert auch auf dem Füllen bzw. das Finden einer gemeinsamen Sprache mit einem Programmierer.

Hilfreiche Tipps

  1. Ich empfehle, die Quality Android-Gruppe auf Facebook zu abonnieren. Die besten Dinge für Android-Designer sind in dieser Gruppe und mehr.
  2. Installieren Sie Skala Preview. Ein wunderbares Tool, das Ihre Layouts auf Ihr Mobilgerät projiziert. Wir werden es bald im Detail analysieren. 
  3. In mobilen Anwendungen zählt jede KB. Ich empfehle daher dringend, Image Optim zu installieren, um Bilder zu optimieren.

Fazit

Das Entwerfen für Android ist nicht kompliziert. Wie in jedem anderen Geschäft ist es das Wichtigste, die Kenntnis zu erlangen. In den bald folgenden Artikeln werden wir uns das Komponentendesign genauer ansehen und versuchen, ein vernünftiges Layout darzustellen.

 

Quelle: https://onjee.ru/osnovy-razrabotki-dizajna-pod-android/

6 Vorteile der Integration mit Vtiger Telefonie
6 Vorteile der Integration mit Vtiger Telefonie mehr ansehen
Wie man der perfekte Projekt-Manager wird
Wie man der perfekte Projekt-Manager wird mehr ansehen
Automatisierung von Geschäftsprozessen
Automatisierung von Geschäftsprozessen mehr ansehen
Automatisierung in KMU (2021)
Automatisierung in KMU (2021) mehr ansehen
7 Schritte der Website-Entwicklung: ein Leitfaden
7 Schritte der Website-Entwicklung: ein Leitfaden mehr ansehen
Wie melde ich Fehler richtig?
Wie melde ich Fehler richtig? mehr ansehen
In unserem Blog finden Sie die neuesten Informationen für Ihr Business. Immer aktuell mit innovativen Ideen, hilfreichen Tipps & Tools und Analysen der Kundenkommunikation.
Abonnieren Sie unseren Newsletter, um auf dem aktuellsten Stand zu bleiben!