Moderne Trends in der Gestaltung von mobilen Schnittstellen
Inspiration / / December 26, 2019
Lichtdesign
Das flache Design des Lichts gibt es eine Tendenz zur Ästhetik. Der Raum um ein Objekt nicht verwendet wird oder ist eingerahmt (unter Verwendung von Gradienten, Schatten und dergleichen). Auf diese Weise können Sie nur auf die wichtigen Informationen über eine einfache Schnittstelle mit einem Fokus erstellen. Nicht tragende semantischen Last-Design-Elemente entfernt werden, verfolgt eine klare Ablehnung der leeren Dekorationen.
Lichtdesign nicht ablenken zu viel Aufmerksamkeit auf die Augen und über den Bildschirm leise gleiten hilft und nur auf den Inhalt konzentrieren. Diese Lösung ermöglicht es, die Oberfläche einfach zu navigieren, die für den Anwender von Bedeutung ist. Elegante moderne Ästhetik ist erfreulich, nicht nur für das Auge, sondern hinterlässt einen guten Eindruck.
Eine Schrift für alle
Designer weigern, aus einer Vielzahl von Schriften auf dem Bildschirm und achten Sie auf Typografie. Statt mehrere Schriften oder Schriften verwenden ändern sie einfach die Schriftgröße. Dies macht es möglich, die einzelnen Stücke von Inhalten zu trennen.
Mit dem maximalen Einzel Schrift in der gesamten Anwendung funktioniert nicht nur Anerkennung, sondern auch für die Kommunikation verschiedenen Kanäle: Anwendungen, mobilen und Web-Version der Website. Auf diese Weise können Sie alle Elemente in einem einzigen, integrierten Schnittstelle sammeln. Darüber hinaus Scrollen Benutzer bequem Text einfach, die Informationen zu finden.
Module und Blöcke - keine Linien
Zeile vor und Separatoren verwendet, um einen bestimmten Teil oder eine Kategorie auf dem Bildschirm zu identifizieren. Das Ergebnis ist ein kompaktes, aber die überlastete Schnittstelle. Der Verzicht auf Linien, begann Designer gruppieren Blöcke, um sie voneinander „Luft“ zu trennen - Leerzeichen. Als Ergebnis wird das Aussehen der Anwendung reine frei.
Der Wunsch, um loszuwerden, der formalen Linien und Separatoren erscheint aufgrund der Anforderungen des modernen Erscheinungsbild der Anwendung, für die in erster Linie - die Funktionalität. Deshalb den Raum so viel wie möglich zu verwenden, begannen die Designer für weniger aufdringlichen Methoden der Isolation zu suchen. Zum Beispiel verwendet anstelle der gezogenen Linien Schriftgröße oder vergrößert Bild-Links.
Die Zahlen im Rampenlicht
Benutzereinstellungen verschieben sich zunehmend auf einfache Schnittstellen. Deshalb werden wichtige Informationen in den Vordergrund gestellt werden: Die Zahlen zeichnen sich (wieder durch die Schriftgröße und helle Farben zu erhöhen), um die Aufmerksamkeit des Publikums zu gewinnen.
ohne aufdringliche zusätzliche Befehle und Tastenanschläge unter Verwendung von verbesserten Schriftart und satte Farben, ist es einfacher, die Aufmerksamkeit auf einen bestimmten Bereich zu ziehen. Der Anwender erhält schnell Informationen über seine günstige Lage und die einfache Navigation.
Mikrointeraktiv
Mikrointeraktiv - sind kleine Elemente wie Animation, die auf Nutzungsszenarien erscheinen abhängig. Solche Szenarien in verschiedenen Situationen können Standardoperationen umfassen, Pop-up-Meldungen auf dem Bildschirm, die Elemente, die reagieren auf drücken.
Mikrointeraktiv verwendet als ein Signal für den Benutzer eine Aktion durchführt. Zum Beispiel stellt es Einstellungen für sich selbst, und ihm helfen, Hilfemeldung Pop-up. Anwendungen, die interaktiven ist gut angelegt, einfach zu bedienen, Spaß und Benutzer besser in Erinnerung.
Kleine Palette von Farben
Nach wahllos Ausbreitung eines Flugzeug-Design im Jahr 2013, wenn alle inspirierte Klarheit und Einfachheit der Konstruktion, die Verwendung von einfachen Farbschemata in der Mode enthalten. Heute ist beiden Designer und Anwender bevorzugen gleichermaßen eine kleine Anzahl von Farben.
Farben benötigen die allgemeine Stimmung zu betonen, die Aufmerksamkeit des Benutzers zu führen, wo es notwendig ist, Verbindung mit der Marke zu etablieren. Mit einer kleinen Anzahl von Farben einfacher, die Corporate Identity widerspiegeln. Darüber hinaus Benutzer gefallen diese ästhetisch, weil die Aufmerksamkeit nicht zerstreut, wie im Fall unter Verwendung einer Vielzahl von Farbtönen, und so ist es einfacher, wichtige Funktionen zu finden und den Stream navigieren Informationen.
Multi-Layer-Schnittstelle
Schnittstellen für frühere skeuomorphismus Prinzipien gestaltet. Es wurde angenommen, dass die Gestaltung die Form von realen Objekten (wie ein Kalender auf dem Computer wie ein Desktop-Papier-Kalender, alle Symbole in 3D durchgeführt werden, sieht) folgt. Jetzt - mit der Popularität von flachen Design - Rückzug dieses Prinzips kann auf der Strecke zu sehen, wie die Möglichkeit hat, auf andere Weise zu repräsentieren Tiefe. Vor allem - mit Schichten. Dies hilft, ein Gefühl von Tiefe und Größe erstellen ein konkretes Objekt zu erstellen.
Die flache Design-Risiken „zu flach“, und die Linie ist dünn: als ein Benutzer in einer flachen Anwendung zu navigieren und verwenden Sie es, wenn es verwendet wird, 3D zu umgeben? Es gibt eine Lösung - Schichten. Schichten Hilfe einem Objekt zum anderen, zu bauen Beziehungen zwischen den Elementen und markieren Sie die wichtigsten verhängen.
transparente Tasten
Transparent-Taste - eine Taste ohne die Füllfarbe, die Grenzen von denen sehr feinem Strich angezeigt. In diesem Fall werden nur die einfachen Formen verwendet: rechteckig oder quadratisch, mit geraden oder abgerundeten Ecken. Text-Schaltflächen in eine so einfache und minimalistisch.
Transparente Tasten die Aufmerksamkeit des Benutzers, während die übrigen ordentlich, unaufdringlich und modern. Darüber hinaus ist es möglich, eine Hierarchie zu bauen, wenn Sie verschiedene Arten von Tasten verwenden. Somit müssen die transparenten Tasten Punkt der zusätzlichen Funktionen oder intermediär wirkenden und für einige Schatten angewendet werden, kann der Benutzer leicht die hierarchische Beziehung lesen.
Gesten
Mit der Einführung von Sensoren und Gyroskope Benutzergeräten werden intelligente Bewegung. Menschliche Interaktion mit dem Gerät ermöglicht wird, nicht nur durch Wasserhähne, aber die realen Zeichen.
Menschen intuitiv verstehen, wie das Gerät zu Geste reagiert. Wenn Sie die Benutzer fragen (egal was es ist, Geschlecht oder Alter), wie ein Element zu entfernen, ist es nur eine Bewegung smahnot es vom Bildschirm. Mit zunehmender Erfahrung der Benutzer klicken Sie auf die Schaltfläche weniger und mehr scrollen. Methoden der Interaktion mit dem Gerät werden immer mehr interaktive und der Bildschirm schaltet sich in etwas mehr als nur einen Bereich für Klicks.
Bewegung
Dank Innovationen in der Technologie-Designer konnten die Bewegung der Schichten mit Stilen steuern. Verschieben von Design-Elemente können viele Formen annehmen, einschließlich Übergänge, Animationen und sogar Texturen, die die 3D-Tiefe zu imitieren. Mitglieder gelernt, alles in Bewegung zu bringen, ohne Designer oder Entwickler aufgefordert. Sie wandeln ihre eigenen Inhalte, ändern Elemente, Objekte, Daten, schnell die wichtigsten lesen.
Die Bewegung auf sich aufmerksam. Aber es ist wichtig zu verstehen, dass es den Benutzer helfen kann, und ihn ablenken kann. Und mit den Bewegungen müssen wissen, wann man aufhören muss. Aber im Allgemeinen eine visuelle Manifestation der Reaktion oft erhöht ihre Reichweite aufgrund der Wow-Faktor.
Kurze Anwenderszenarien
Benutzer müssen nicht mehr die komplexe Struktur der Seiten, zu verstehen. Designer erstellt eine einzelne Seite, auf der je nach Bedarf gibt es zusätzliche Elemente. Diese Lösung hilft Zeit und Aufwand zu sparen. Zum Beispiel wird das Formular automatisch angezeigt oder hervorgehoben, wenn der Benutzer einen bestimmten Bereich erreicht und verschwindet, wenn er in dem nächsten bewegt.
Smartphone-Nutzer mag es, wenn alles ist leicht und einfach in der Anwendung. Das gesamte Design-Erfahrung setzt sich dafür ein Benutzeraufwand zu minimieren und die Reaktionsgeschwindigkeit zu erhöhen, so dass die Skripte und kürzer werden.
Design-Standards - die beste Lösung
Design Standards - ein Prozess, eine visuelle Sprache in dem ersten Entwicklungsschritt zu bilden. Definierte Gruppen von Standards: die Farbe, die Symbole, die Gesamtdarstellung des Materials.
Definition von Standards hilft, ein logisches und konsequentes Produkt ohne Mismatch auf verschiedene Plattformen zu erstellen. Dies macht es möglich, die Möglichkeit von Fehlern bei der Umsetzung des Projektes auf Null zu reduzieren, und es ist leichter, in der Zukunft ändern.
Prototyping
Prototyping - das ist Vorarbeit zu einer frühen Version des Produkts. Mit Prototypen ein funktionelles Design, vorherzusagen, mögliche Veränderungen und reagieren auf Benutzeranfragen ohne Zeit zu verschwenden und zwingt den Designer zu erstellen.
Erstellen erschwingliche experimentelle Lösungen - Prototypen, die qualitativ erarbeiten die wichtigsten Komponenten des Projektes sein können: die wichtigen Eigenschaften und technische Anforderungen. Dies hilft, Zeit zu sparen und Ressourcen, durch Erfahrung zu lernen, und um besser auf den Produktentstehungsprozess zu verwalten.