Plakat gestalten Muster

Wenn es um praktische und glatte Ergebnisse geht, nimmt das Kartendesign einige Schläge. Hier sind ein paar Gründe, warum es so gut im Website-Design funktioniert. In diesem Artikel werde ich erläutern, was das Entwerfen von Kartenbenutzeroberflächen im Kontext des Web-UI-Designs und des Designs der benutzerischen Benutzeroberflächen für mobile Benutzeroberflächen bedeutet. Außerdem werde ich einige großartige Karten-UI-basierte Designs für Ihre Inspiration teilen. Wenn Sie daran interessiert sind, Ihre eigene kartenbasierte UI-Design zu machen, können Sie herunterladen und Prototyp mit Mockplus kostenlos. Karten helfen dabei, Daten in Inhalte zu zerstückeln, die leichter gescannt werden können. Außerdem sind die Karten: 3. Karten nehmen mehr Platz ein. Da Karten größer als eine Textzeile sind, kann jede Bildschirmgröße nicht so viele Karten in einer einzigen Ansicht anzeigen, wie dies in einer Listenansicht möglich wäre. Je mehr Dinge ohne Scrollen sichtbar sind, desto geringer ist der Bedarf am Kurzzeitgedächtnis der Benutzer. Als Produkt von Google ist Google Play ein großartiges Beispiel für Material Design. Unabhängig von der Farbe und Website-Thema, alle von ihnen folgen Googles Design.

Sie können Kartendesign überall auf der gesamten Website sehen, nicht nur die Homepage, sondern auch die App-Detailseite. Das zeitgenössische Kartenmuster basiert auf der gleichen Idee, Inhalte in diskrete, vollständig sichtbare Einheiten mit kontrolliertem Informationslayout und Aussehen zu gruppieren. Die zeitgenössische Karte, auf die sich dieser Artikel konzentriert, ist jedoch kein Vollbildartikel (wie beim älteren Kartenmodell), sondern nimmt nur einen kleinen Bereich des Bildschirms ein, und moderne Karten werden häufig in einem Layout mit mehreren Karten pro Bildschirm verwendet. In den letzten Jahren haben wir großes Interesse an der Erstellung modularer UI-Muster gesehen, die gut auf einer Vielzahl von Bildschirmen und Fenstergrößen funktionieren. Eine solche neue UI-Komponente ist die Karte – eine Snapshot-ähnliche Anzeige, die Benutzer dazu anregen soll, zu klicken oder zu tippen, um weitere Details anzuzeigen. Wie bei jeder Designtechnik ist eine Schnittstelle im Kartenstil keine silberne Kugel für perfekte Benutzerfreundlichkeit. Die Karte ist ein kreatives Zeichenbrett für UI-Designer. Es ist nicht nur eine materialisierte Karten-UI-Steuerung, es ist ein wichtiges Layout-Element für die Erstellung von qualitativ hochwertigen Inhalten und bietet eine großartige Benutzererfahrung. Die oben genannten 15 Beispiele veranschaulichen die bewährten Methoden für die Implementierung von Designkarten. Wenn Sie mehr Inspiration für das Design der Kartenbenutzeroberfläche erhalten möchten, suchen Sie dribbble nach weiteren Beispielen und Ressourcen. Karten sind auch eine schlechte Wahl, wenn Benutzer mehrere Optionen vergleichen müssen, da Karten oft nicht in vorhersehbarer Weise von Artikel zu Element strukturiert sind; Unsere Eyetracking-Forschung ergab, dass Benutzer mehrmals zwischen Elementen hin und her schauen, wenn sie sie vergleichen, daher sollten Sie diesen Prozess durch eine konsistente visuelle Behandlung von Elementen, die verglichen werden, erleichtern.

Der Kartencontainer ist im Design der benutzeroberflächenmobilen Mobilen App am wichtigsten. Instagram ist eine bildbasierte mobile App. Alle Bilder werden in einem Quadrat veröffentlicht, das die Breite des Bildes im Feedstream standardisiert. Neben den Bildern tragen die Karten auch andere Elemente wie Text und Funktionsinformationen. Alle Elemente auf dem Bildschirm bilden ein komplettes Funktionsmodul für diese App. Karten eignen sich hervorragend für die Präsentation aggregierter Elemente, deren Größe oder unterstützte Aktionen variieren. Jede Karte dient als Einstiegspunkt für detailliertere Informationen, sodass sie nicht mit fremden Informationen oder Aktionen überlastet werden sollte. Sie sind abschmisch, wischbar, sortierbar und filterbar. Die Karte ist eine Benutzeroberflächenkomponente, die als Einstiegspunkt für detailliertere Informationen fungiert. Unterschiedliche Informationsquellen werden gebündelt und auf verdauliche Weise dargestellt.

Google nennt es das Innere, was im Wesentlichen eine bessere Sammlung von Informationen ist. Was sind also die Vorteile des Karten-UI-Designs? Achten Sie auf Details. Denken Sie daran, Kartendesign ist über die Dinge einfach zu halten, aber das bedeutet, dass jedes Detail zählt.