Share
In diesem Artikel werden einige grundlegende Design-Themen für die Android-Plattform behandelt. Abgesehen von der von Google bereitgestellten Dokumentation gibt es nur sehr wenige Ressourcen, die einen Überblick über die Gestaltung von mobilen Android-Apps bieten. In diesem Artikel können Sie die Nuancen des Android-Benutzeroberflächendesigns besser verstehen.
Ich muss zugeben, dass dies ein Bär eines Artikels war, der geschrieben werden sollte. Warum?
Ich habe versucht, einen Weg zu finden, um dieses Thema zu vermeiden. Wirklich habe ich. Aber es muss diskutiert werden.
Als Designer haben wir zu Beginn eines Projekts alle einen Arbeitsbereich, der manchmal auch bereits vorhandene Designelemente und Visuals beinhaltet. Dies ist der Fall bei den Standard-Designelementen der Android-Benutzeroberfläche:
Beim Design für Android kann es manchmal vorkommen, als würde man einem Schwein Lippenstift hinzufügen, aber das ist es kann auf eine elegante Weise durchgeführt werden.
Da wir wissen, was wir über die Android-Benutzeroberfläche und ihre Designelemente wissen, ist es schwer zu widerstehen, eine iPhone-Benutzeroberfläche "für die Marke" wiederzuverwenden. Aber ist das die richtige Entscheidung? Ich denke, die Antwort ist zweifach.
Hier sind Screenshots vom IconFactory-Spiel Frenzic. Wie bei den meisten Spielen bricht die Standardbenutzeroberfläche sowohl für iPhone als auch für Android aus. Daher ist es sinnvoll, dieselbe UI-Vorlage für beide Plattformen erneut zu verwenden:
Sie müssen einen Weg finden, um Ihre Marke und das Aussehen der Plattform in Einklang zu bringen. Dropbox ist ein hervorragendes Beispiel für eine App, die ihre Markenintegrität und die UI-Steuerung der nativen Plattform auf elegante Weise beibehält:
Das Tolle an Android ist, dass es auf einer Reihe von Geräten läuft. Das Schlechte an Android ist, dass es auf einer Reihe von Geräten läuft. Machen Sie sich aber bereit, Designer: Dieser Faktor wird nur besser / schlechter, da immer mehr Geräte auf den Markt kommen.
Denken Sie beim Design für Android daran, KEINE Layouts mit fester Breite zu verwenden. Wenn Sie aus einem Webdesign-Hintergrund stammen, denken Sie an „flüssige Layouts“. Layouts, die sich je nach Breite des Browsers oder in diesem Fall des Bildschirms ausdehnen.
Google hat ein großartiges Dokument darüber, wie man hier mehrere Bildschirmgrößen unterstützt. Faul dich nicht aus, wenn du anfängst, über Dinge wie das „Dichte unabhängige Pixel“ zu lesen. Dies bedeutet lediglich, dass die Konvertierung zwischen Pixeln und DP nicht über alle Bildschirmgrößen und Auflösungen hinweg konsistent ist. Wenn Sie also eine Grafik erstellen, die auf einem 480x800-Bildschirm großartig aussieht, wird die Größe für einen 240x400-Bildschirm nicht korrekt angezeigt.
Aufgrund des oben genannten Problems der Bildschirmauflösung / Größe empfiehlt Android die Erstellung von drei Grafiksätzen für:
Auf diese Weise wird verhindert, dass Ihr Design beschädigt wird, wenn es auf verschiedenen Bildschirmgrößen angezeigt wird.
Das folgende Raster zeigt die verschiedenen Bildschirmgrößen und Auflösungen, die Sie für Ihre Photoshop-Dateien verwenden:
Ich weiß, dass es viel ist. Wenn Sie Ihr Design jedoch mit Vektorform-Layern erstellen, sollte der Größenanpassungsprozess nicht zu schmerzhaft sein. Der Schlüssel ist, zuerst für den kleinsten Bildschirm zu entwerfen und dann für größere Bildschirme zu vergrößern.
Dies ist mein erster Android-spezifischer Beitrag. Ich würde gerne wissen, ob dies ein Thema ist, das Sie interessiert.
Interessieren Sie sich für weitere Android-Design-Inhalte? Kundenumfragen
Tipps zur Benutzerfreundlichkeit für Android-Apps
Accentsconagua