Best Practices, wenn Grafikteams aufgefordert werden, die Benutzeroberfläche von Android-Anwendungen zu entwerfen

Ok, jetzt mit der Klärung Ihrer Frage, vielleicht kann ich einige Erfahrungen teilen.

Kleine Geschichte: Ich habe unseren Designer zu den Android-UI-Richtlinien ( Ссылка ) geschickt, aber er Entweder hatte er nicht die Zeit es zu lesen oder es kümmerte ihn nicht! Hahaha! Mann ... wir hatten deswegen eine harte Zeit mit der ersten App!

Es ist wahr, dass es auf der Android-Website viele Informationen über das Design gibt, die aber überall verstreut sind (eine Möglichkeit, Informationen zu finden, die vielleicht nur wir, die Entwickler, richtig nutzen) ?).

Also hier sind meine Vorschläge, basierend auf dem, was ich von der Android-Website habe und Erfahrung:

1. Erstellen Sie ein Storyboard der App, um das grundlegende Aussehen der Benutzeroberfläche festzulegen Kontrollen werden, etc.
2. Da eine App ein gutes Launcher-Symbol benötigt, senden Sie sie zuerst an Ihre Entwerfe die Vorlagen für Symbole auf der Android-Website ( Ссылка )
3. Setzen Sie sich mit dem Designer (oder machen Sie ein Skype-Meeting) und stellen Sie sicher er / sie versteht alles über Dichten, LDPI, MDPI, HDPI und XHDPI und der Unterschied zwischen PIXELS und DPIs. Stellen Sie sicher, dass er / sie versteht das sehr gut, um zukünftige Probleme zu vermeiden. (Sehen Ссылка )
4. Bitten Sie sie, mit Vektoren zu arbeiten, denn Sie werden 3 verschiedene brauchen Größen für jede Ressource.
5. Erkläre ihnen die Namenskonventionen und die Ordnerstruktur. Frag sie um die Dateien mit den Präfixen ic_ zu benennen und Dinge zu speichern sein geeigneter Ort. Sie können Photoshop-Funktionen wie automatisierte Aufgaben zum Speichern der Ressourcen in verschiedenen Größen auf dem richtigen Ordner, dann senden Sie eine ZIP-Datei mit den Ressourcen.
6. Die Richtlinien empfehlen Designern, mit mdpi Ressourcen zu arbeiten zuerst, dann bekommen andere Größen zu testen.
7. Bitten Sie Ihren Designer, einen "funktionalen Prototyp" der App zu erstellen. Ob Er / sie arbeitete an Photoshop, es gibt Möglichkeiten, Dreamweaver zu verwenden Exportieren Sie das Design auf eine tatsächliche Website, die Sie durchsuchen und gehen können durch die Aktivitäten. Und Sie können eine Download-Seite haben, um den kompletten Satz von
   herunterzuladen aktuelle Ressourcen in ihren entsprechenden Ordnern als Zip.
8. Sagen Sie ihnen, dass Android ähnliche Stile und Themen verwendet CSS, und dass Sie Farben in HEX benötigen. Fragen Sie nach einem Dokument mit die Farben für Farbverläufe usw. (Sie können EyeDropper auf Chrome oder CollorZilla auf Firefox, um sie aus dem Funktionsprototyp zu extrahieren auch).
9. Erstellen Sie viele verschiedene Geräte auf dem Emulator mit verschiedenen Bildschirmdichten und -größen.

Schließlich gibt es keine "Zauberformel" ... das Senden von E-Mails oder sogar Beispielen funktioniert manchmal nicht. Das Beste, was Sie tun können, ist etwas Zeit zu widmen, um mit Ihrem Designer auf dieselbe Seite zu kommen Investition von Zeit wird sich sehr schnell zurückzahlen.

Was ich hier erwähnt habe, hat für uns funktioniert, und glauben Sie mir ... Ich habe das gesamte Aussehen der App geändert und es sieht wirklich gut aus und sagen wir, dass 99% das Design selbst mögen.

Viel Glück (und Geduld)!

Ich fühle dich. Allerdings, wenn wir verstehen müssen und wahrscheinlich zu schätzen wissen, dass iOS nur in so vielen Bildschirmgrößen verfügbar ist. Android dagegen ist nicht. Beim Design für den Android ist es zwingend erforderlich, dass wir keine Annahmen über die Pixelgröße machen, da das Leben sonst komplizierter wird. Es ist am besten, Größe Agnostiker zu bleiben, verwenden Sie relative Größen. Es ist vergleichbar mit dem Entwurf von HTML-Seiten, die in jeder Größe angezeigt werden können.

Zeigen Sie ihnen auch, wie .9.png Bilder funktionieren und wie sie diese Bilder erstellen können. Sie sparen viel Zeit, wenn Sie die Bilder nicht selbst erstellen müssen. Darüber hinaus neigen Designer dazu, mit den Möglichkeiten von 9 Patches viel kreativer zu sein.

Es ist möglich mit AbsoluteLayout Aber es ist abgetan.

Es ist nicht ideal, ein festes Layout zu haben. Sie können es entwerfen, vielleicht eine Porträt- und eine Querformat-Version, aber es gibt immer noch verschiedene Seitenverhältnisse von Bildschirmen, also entweder schneiden Sie und haben Sie etwas geschnitten oder passen Sie zum Bildschirm, und erhalten Sie leere Kanten in einer Richtung.

Ich schlage die Verwendung eines RelativeLayout vor.

Bei relativen Layouts können Sie mit ihren @ids auf andere Komponenten "verweisen" und ihnen sagen, dass sie über, unter, toRightOf, toLeftOf anderer UI-Komponenten auf derselben Ebene (innerhalb desselben RelativeLayout) liegen und Sie sie ausrichten können Es ist Eltern View Top, Bottom, Links oder Rechts.

Beispiel:

Die Datei "venue_row.xml", eine Layoutdatei, die ich für eine Zeile in einer Liste erstellt habe:

             android: background="@ zeichnbarer / row_selector" & gt;

Dadurch entsteht ein Layout, das unabhängig von der Ausrichtung oder Bildschirmgröße konsistent bleibt.

Ich hoffe, es hilft.

Hängt davon ab, was Sie entwickeln - wenn Sie Spiel oder etwas anderes mit vollem benutzerdefiniertem Design entwickeln, gibt es keine speziellen Richtlinien, aber wenn Sie Standardsteuerelemente verwenden möchten, hier sind einige nützliche Links:

zuerst und zweite

Ich stimme GLes 1.0.

die meisten Zielgruppe, am einfachsten zu grok und am meisten vertrauten Code. Die meisten Programmierer träumen dank der reichen Kinder in Scheitelpunkten, Indizes und Gesichtern.