Über visuelles Design und Interaktionsdesign
<br />Im gesamten Produktdesignprozess liegen die „Prozesse“ des visuellen Designs und des Interaktionsdesigns sehr nahe beieinander, und die Beziehung zwischen beiden ist komplementär und beeinflusst sich gegenseitig. Wie kann man den Benutzern das interaktive Design als direkteste Ebene der Kommunikation mit Benutzern in guter Form präsentieren? Hier konzentrieren wir uns hauptsächlich auf die Rolle des Sehens bei der Verbesserung der Benutzerfreundlichkeit der Interaktion:
1. Verbessern Sie das Surfen: 1) Gute Leistung der Informationsstruktur. Um die Interaktion zu unterstützen, muss das visuelle Design zunächst die Darstellung des Produkts und der interaktiven Informationsstruktur, die Klarheit und Lesbarkeit der Informationen und dann die Kommunikation von Marke und Emotionen erfüllen. Visuelle Sprache kann Produktkonzepte und Informationen durch Schichtung, Klassifizierung, Vergleich und andere Sprachmittel verarbeiten. Beispiel:  Bild 01  Bild 02 Wenn ich die beiden obigen Bilder vergleiche (bei beiden handelt es sich um Artikeldetailseiten), glaube ich, dass nicht viele Benutzer schnell und genau erkennen können, welche Informationen die Website ihnen geben möchte oder was sie tun sollen, wenn sie pic01 durchsuchen. Die Verteilung der Informationen, die Hierarchie und die Farben sind nicht effektiv, was bei den Benutzern Verwirrung und Orientierungslosigkeit hervorruft. Pic02 unterteilt den Inhalt in wichtige und unwichtige Abschnitte, sodass die wichtigsten Artikeldetails klar ersichtlich sind und die Struktur übersichtlich und klar ist. Wir spüren den wirkungsvollen Einsatz visueller Sprache, die bei der Darstellung von Informationsstrukturen eine große Hilfe sein kann. Vorherige Seite 1 2 3 4 Nächste Seite Gesamten Artikel lesen |
<<: Unterschiede und Anwendungsbeispiele von for, for...in, for...of und forEach in JS
>>: Detaillierte Codebeispiele zu sieben Methoden zur vertikalen Zentrierung mit CSS
Artikel empfehlen
Manjaro-Installation CUDA-Implementierungs-Tutorial-Analyse
Ende letzten Jahres habe ich im Dualsystem meines...
Zusammenfassung der Stiländerungen des Eingabefelds vom Typ „file“
Was ist der Eingabetyp="Datei"? Ich glau...
Beispielcode für die Javascript-Operation „Alles auswählen/Alles abwählen“ in HTML
Code kopieren Der Code lautet wie folgt: <html...
CSS3 verwendet var()- und calc()-Funktionen, um Animationseffekte zu erzielen
Wissenspunkte in der Vorschau anzeigen. Animation...
Einführung in die Benutzerverwaltung unter Linux-Systemen
Inhaltsverzeichnis 1. Die Bedeutung von Nutzern u...
Detaillierte Erklärung zur Verwendung von MySQL mysqldump
1. Einführung in mysqldump mysqldump ist ein logi...
Mein CSS-Framework – base.css (Browser-Standardstil zurücksetzen)
Code kopieren Der Code lautet wie folgt: @Zeichen...
Detaillierte Erläuterung der Kommentare zu gespeicherten MySQL-Prozeduren
Inhaltsverzeichnis 1. Gebrauchsanweisung 2. Vorbe...
Detaillierte Erklärung zur korrekten Installation von OpenCV auf Ubuntu
Dieser Artikel beschreibt, wie man OpenCV mit C++...
Detaillierte Erklärung des Prozesses zum Erstellen eines Image-Servers mit nginx (der Unterschied zwischen Root und Alias)
Der Installationsprozess entfällt (ich habe es di...
Fassen Sie die Probleme zusammen, die bei der Verwendung der Vue Element-Benutzeroberfläche auftreten
Inhaltsverzeichnis 1. DateTimePicker Datumsauswah...
Lösen Sie das MySQL 5.7.9 Version sql_mode=only_full_group_by Problem
MySQL 5.7.9 Version sql_mode=only_full_group_by P...
Logrotate implementiert alle zwei Stunden die Catalina.out-Protokollrotation
1. Einführung in das Logrotate-Tool Logrotate ist...
Probleme mit Sperren in MySQL
Schlossklassifizierung: Aus der Granularität der ...
Javascript-Grundlagen: Detaillierte Erklärung der Operatoren und der Flusskontrolle
Inhaltsverzeichnis 1. Betreiber 1.1 Arithmetische...