Ü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
Beispielcode zur Realisierung eines Buchseitenumblättereffekts mit CSS3
Wichtige Erkenntnisse: 1. Beherrschung der CSS3-3...
Methode zur Verhinderung von SSH-Cracking auf Linux-Servern (empfohlen)
1. Der Linux-Server konfiguriert /etc/hosts.deny ...
So verwenden Sie Nginx, um die Koexistenz mehrerer Container auf dem Server zu realisieren
Hintergrund Es gibt einen Tencent Linux Cloud-Hos...
Lösung für das img-Tag-Problem unter IE10
Finden Sie das Problem Ich habe vorher eine einfa...
Detaillierte Erklärung der Homologie und der Domänenübergreifendkeit, die für Front-End-Interviews erforderlich sind
Vorwort Wie wir alle wissen, treten bei Front-End...
Bringen Sie Ihnen bei, Dutzende von Zeilen JS zu verwenden, um coole interaktive Canvas-Effekte zu erzielen
Inhaltsverzeichnis 1. Zeichne einen Kreis 2. Krei...
Langsame MySQL-Abfrage: Langsame Abfrage aktivieren
1. Was nützt eine langsame Abfrage? Es kann alle ...
Einführung in die SSL- und WSS-Schritte für die Nginx-Konfiguration
Inhaltsverzeichnis Vorwort 1. Nginx-Installation ...
Beispiel einer Autorisierungsüberprüfungsmethode von Nest.js
Inhaltsverzeichnis 0x0 Einführung 0x1 RBAC-Implem...
Detaillierter Prozess zum Dekomprimieren und Installieren von mysql5.7.17 zip
1. Adresse herunterladen https://dev.mysql.com/do...
MySQL Infobright-Installationsschritte
Inhaltsverzeichnis 1. Verwenden Sie den Befehl „r...
MySQL erstellt Benutzer, autorisiert Benutzer, widerruft Benutzerberechtigungen, ändert Benutzerkennwörter und löscht Benutzer (praktische Tipps)
MySQL erstellt Benutzer und autorisiert und wider...
Anwendungsbeispiel-Tutorial zum Schlüssel-Rendering in Vue
Einführung Während des Front-End-Projektentwicklu...
Tutorial zur Installation des neuesten MySQL 8.0.18 mithilfe eines komprimierten Pakets unter Win10 64-Bit (mit Bildern und Text)
WIN10 64-Bit installieren Sie das neueste MySQL8....
Lösung für den Fehler beim Aufrufen des Containers aufgrund vollen Docker-Speicherplatzes
Da das Problem ziemlich plötzlich auftrat und das...