Analyse des Produktstatus im interaktiven Design, der im Design nicht ignoriert werden kann
|
Beim Produktdesign legen Designer Wert darauf, dass die Bilder sehr schön aussehen. Beim Erstellen des Inhalts der virtuellen Seite verwenden sie schöne Bilder und ordnen den Inhalt genau richtig an. Bei der Erstellung der Schnittstellendemo ist diese Seite jedoch möglicherweise leer oder weist sehr viele Inhalte auf, was zu einem falsch ausgerichteten Layout führt. Daher dürfen Sie beim Entwurf einer Schnittstelle extreme Zustände wie leere Zustände und zu viel Inhalt nicht ignorieren. Diese Zustände können möglicherweise nur bei der ersten Verwendung und nur bei einer kleinen Anzahl von Benutzern auftreten, sie wirken sich jedoch alle auf die Detailqualität des Produkts aus. Um die Benutzeroberfläche möglichst realistisch zu gestalten, platzieren Designer beim Erstellen interaktiver oder visueller Entwürfe einige virtuelle Inhalte auf der Seite. Aber wenn Designer die von Front-End-Studenten erstellten Demos sehen, fragen sie sich immer, warum sie so anders sind als die Seite, die ich am Anfang erstellt habe. Leerer Zustand: Wenn Benutzer manche Produkte zum ersten Mal verwenden, stoßen sie häufig auf eine Benutzeroberfläche mit leerem Inhalt. Dies gilt insbesondere für Social-Internet-Produkte, bei denen Benutzer selbst Kreise erstellen und Inhalte generieren müssen. Zu diesem Zeitpunkt wird normalerweise ein Leitfaden für Anfänger verwendet, um den Benutzer zum nächsten Schritt zu führen.      Der Zustand bei zu vielen Inhalten Die Oberfläche von Internet-Produkten sollte erweiterbar sein, um die Inhalte flexibel verändern und erweitern zu können. Informationen zu spezifischen Methoden finden Sie in einem anderen Artikel „Flexible und skalierbare Schnittstelle“. |
<<: Zwei einfache Beispiele für Menünavigationsleisten
>>: Vue erhält Token zur Implementierung des Beispielcodes für die Token-Anmeldung
Artikel empfehlen
Auszeichnungssprache – CSS-Stil für Webanwendungen
Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...
Docker-Grundlagen-Tutorial: Detaillierte Erklärung der Dockerfile-Syntax
Vorwort Dockerfile ist ein vom Docker-Programm in...
Zusammenfassung der Verwendung von berechneten Vue-Eigenschaften und -Listenern
1. Berechnete Eigenschaften und Listener 1.1 Bere...
Tutorial zur MySQL-Installation unter Linux (Binärdistribution)
Dieses Tutorial beschreibt Ihnen die detaillierte...
CSS3 implementiert einen Fußbereich, der unten fixiert ist (immer unten, egal wie hoch die Seite ist).
Vorwort Fixieren Sie den Fußzeilenbereich unten. ...
Centos8 (Minimalinstallation) Tutorial zur Installation von Python3.8+pip
Nachdem ich die Installation von Python8 minimier...
Zusammenfassung der Wissenspunkte zum MySQL ALTER-Befehl
Wenn wir den Tabellennamen ändern oder die Tabell...
Erfahren Sie, wie Sie einen Hadoop 3.x-Pseudocluster auf der Tencent Cloud erstellen
1. Umweltvorbereitung CentOS Linux Version 7.5.18...
Detaillierte Einführung in die Definition und Verwendung des HTML-Thead-Tags
Code kopieren Der Code lautet wie folgt: <thea...
Installation und Verwendung von MySQL unter Ubuntu (allgemeine Version)
Unabhängig von der verwendeten Ubuntu-Version ist...
MySQL Serie 3 Grundlagen
Inhaltsverzeichnis Tutorial-Reihe 1. Einführung i...
CSS transparenter Rahmen Hintergrund-Clip-Magie
In diesem Artikel wird hauptsächlich die wunderba...
Teilen Sie 10 der neuesten Web-Frontend-Frameworks (Übersetzung)
In der Welt der Webentwicklung sind Frameworks wei...
So konvertieren Sie eine Spalte mit durch Kommas getrennten Werten in Spalten in MySQL
Vorwort Manchmal stößt man auf Geschäftstabellen,...
CentOS verwendet lokale Yum-Quellen zum Erstellen einer LAMP-Umgebung – Grafik-Tutorial
Dieser Artikel beschreibt, wie Sie mit der lokale...