Webdesign: Skriptmaterialien rekonstruieren das Benutzererlebnis

<br />Originaltext: http://blog.rexsong.com/?p=1166
Es gibt zwei Haupthintergründe für Website-Designer: Sie studieren Informatik oder sie studieren Kunst. Im Grunde genommen verstehen diejenigen, die Code schreiben können, nichts von Design, und diejenigen, die Design können, verstehen nichts von Code. Dieses Muster scheint sich bis heute nicht geändert zu haben. Manche Informatikstudenten haben einen eigenen ästhetischen Geschmack und können gut aussehende Websites erstellen, aber Kunststudenten fällt es im Allgemeinen schwer, den Code zu verstehen. Ich ging einmal ins Wangjing CAFA-Wohnheim, um einem Freund Nachhilfe zu geben.
Das Forum hat eine wichtige Rolle bei der Förderung der Technologie gespielt. 2003 habe ich jeden Tag alte Beiträge auf Blue Classic gelesen. 2004 und 2005 habe ich mich hauptsächlich auf Wuyou Script und China XML Alliance konzentriert. Ich glaube nicht, dass ChinaUI viele technische Inhalte hat, und ich bin kein Künstler.
Yueying, der Moderator des Wuyou-Forums, hat bereits ein Buch veröffentlicht. Die Zeit vergeht wie im Flug und jeder macht schnellere Fortschritte. Verwenden Sie Skripte, um Aufmerksamkeit zu erregen <br />Als wir mit dem Webdesign begannen, hatten wir das Glück, die Seite fertigzustellen. Beeinflusst von den Arbeiten im Internet begannen wir nach und nach, verschiedene auffällige Spezialeffekte zu verfolgen. Weil ich das Ding echt cool fand und Leute, die Drehbücher schreiben konnten, im Jahr 2001 tatsächlich ein sehr hohes Gehalt hatten.
Als ich damals verschiedene Produkt-Websites besuchte, verließ ich mich auf großartige Designs und umwerfende Skripte und hatte keine Vorstellung von Einfachheit. Später, mit zunehmender Reife, entstanden auf ganz natürliche Weise viele technische Websites, die „auffällige Dienste“ anboten, und einige gutherzige Menschen ordneten alle möglichen merkwürdigen Dinge im Internet in Kategorien. Wir Enthusiasten schauen täglich, ob etwas Passendes dabei ist, was wir auf unserer eigenen Seite verwenden können.
Bisher habe ich es so gemacht, dass ich mir geduldig die verschiedenen Frischwaren an jeder Station angeschaut und über Favoriten neu sortiert habe. Am typischsten ist ein Artikel mit dem Titel „XX am häufigsten verwendete klassische Techniken von Javascript“, der Dutzende einfacher und leicht zu verwendender Skripte mit herausragender Wirkung auflistet. Auch wenn Sie ihn nicht verstehen, können Sie ihn trotzdem problemlos verwenden. Merken Sie sich einfach, wofür dieser Code verwendet wird. Er scheint im Jahr 2002 in Umlauf gekommen zu sein. Materialien beeinträchtigen das Design . <br />Der Zweck der Verwendung von Materialien besteht darin, einen effizienten Betrieb und eine Massenproduktion zu erreichen, was jedoch unvermeidlich zu einer Verschlechterung der Designqualität und schwerwiegenden Homogenitätsproblemen führt. Damals konnte man auf jeder Design-Website eine große Anzahl von Knöpfen im Kristallstil und koreanischen grafischen Verzierungen sehen.
Um eine schnellere Produktion und eine intuitivere Kundenauswahl zu ermöglichen, wurden zahlreiche Vorlagen im koreanischen, europäischen und amerikanischen Stil erstellt. Im Internet tummeln sich zahlreiche Geschäftsleute, die Screenshots und Vorlagen weiterverkaufen. Sie verdienen damit zwar ein wenig Geld, fügen der Designbranche damit jedoch großen Schaden zu.
Viele schöne Materialien sind von der Art, die man sich einmal ansehen kann, aber nach ein paar Mal Anschauen wird man sich langweilen. Das Ärgerlichste ist, dass jeder sie hat, sodass die Werke einem vertraut vorkommen, egal, von wo man sie ansieht, und daher schnell wie ein Windstoß an einem vorbeigehen. Es ist wie der Windstoß des Webmasters an einem windigen Tag damals, haha.
Seit 2003 veröffentlichen einige Internetnutzer Screenshot-Bibliotheken. Dabei handelt es sich um Screenshots guter Websites im Internet, die sie gesammelt und organisiert haben. Bald darauf gab es Websites, die sich auf die Bereitstellung ähnlicher Dienste spezialisierten. Etwa zur gleichen Zeit entstanden im Ausland eine Reihe von Vorzeige-Websites. Rekonstruktionsrevolution <br />Erst dann wurde uns klar, dass das, was in den vorherigen Büchern stand, „Es wird nicht empfohlen, div zu viel zu verwenden“, Blödsinn ist. Die beste Art zu lernen ist, reifere Werke zu studieren. Erst dann hatte ich eine konzeptionelle Einführung in das Website-Interface-Design und wusste zumindest etwas über Struktur, Ausdruck und Verhalten.
Das Wichtigste ist meiner Meinung nach, beim Refactoring des Codes Änderungen im Designstil zu fördern. Uns ist aufgefallen, dass ausländische Websites immer so prägnant sind. Warum sind mit CSS geschriebene Seiten so prägnant? Einige Freunde glauben auch, dass es Web 2.0 war, das die Entwicklung der Website-Rekonstruktion vorangetrieben hat.
Studierende, die Code-Refactoring betreiben, durchlaufen grundsätzlich einen Prozess von der Standardisierung zum Minimalismus und dann wieder zurück zur Flexibilität. Als wir das letzte Mal den ExtJS-Code analysierten, war die Wirkung erstaunlich, die Struktur allerdings extrem komplex: Allein das CSS wog mehr als 500 KB. Nach der Benutzererfahrung wurden UI und GUI zu den meistdiskutierten Themen in Fachforen, die im Wesentlichen mit Software zu tun hatten. In diesem Zusammenhang wurde beispielsweise auch ChinaUI gegründet, einschließlich des späteren UIGarden. Was sie sagten, war für mich entweder unverständlich oder kam mir sehr einfach und merkwürdig vor. Mir wurde klar, dass die Arbeit im Web und die Grafik zwei völlig unterschiedliche Konzepte sind, also schlug ich WUI vor, aber niemand schenkte mir Beachtung.
Studenten, die gut mit GUI umgehen können, sind möglicherweise nicht gut in der Webentwicklung. Obwohl der Zweck beider die Kommunikation ist, konzentriert sich die Grafik eher auf die Gestaltung von Grafiken, während das Web eher auf die Gestaltung von Informationen ausgerichtet ist. Bisher habe ich nur an webbasierten Produkten gearbeitet und dieser Aspekt allein ist schon mühsam genug.
Als Praktizierender habe ich das tiefste Gefühl, dass ich nicht genug Ansammlung habe und mir jedes Mal den Kopf zerbrechen muss, um mit den Dingen fertig zu werden. Darüber hinaus erfordert das Streben nach Designidealismus in der heimischen Internetbranche einen hartnäckigen Geist.

<<: Referenzschreiben im JS- und CSS-Stil

>>: Gründe, warum MySQL Kill Threads nicht beenden kann

Versprechenskapselung wx.request-Methode

Eine kurze Analyse der SpringBoot-Verpackung und des Hochladens in Docker sowie der Implementierung der Bereitstellung mehrerer Instanzen (IDEA-Version)

Kürzlich fragte mich ein Freund, ob ich schon ein...

Webdesign: Skriptmaterialien rekonstruieren das Benutzererlebnis

Versprechenskapselung wx.request-Methode

So stellen Sie Ihre erste Anwendung mit Docker bereit

Detaillierte Installation und Konfiguration von Subversion (SVN) unter Ubuntu

Beispiel für den Aufbau eines Redis-Sentinel-Clusters basierend auf Docker

Ausführliche Erläuterung der Konzepte und Verwendung von MySQL-Transaktionen

Detaillierte Erläuterung der Konzepte, Prinzipien und allgemeinen Verwendung von gespeicherten MySQL-Prozeduren

Detaillierte Erklärung zum Schreiben mehrerer Bedingungen von CSS: nicht

Detaillierte Erklärung zur Verwendung von Router-View-Komponenten in Vue

Lernen Sie, wie Sie in 2 Minuten ein kreisförmiges/fächerförmiges Menü erstellen (Basisversion)

uniapp Beispielcode zur Implementierung der globalen Freigabe von WeChat-Miniprogrammen

Artikel empfehlen

Beispiel zum Erstellen eines Datenbanknamens mit Sonderzeichen in MySQL

Tutorial zum Installieren und Ändern des Root-Passworts der dekomprimierten Version von MySQL 5.7.20

Beispielanweisungen für Indizes und Einschränkungen in MySQL

Durch reines CSS können untergeordnete Elemente die Breitenbeschränkung übergeordneter Elemente durchbrechen.

So begrenzen Sie die Zugriffshäufigkeit, die Downloadrate und die Anzahl gleichzeitiger Verbindungen in Nginx

Detaillierte Erklärung des TS-Objekt-Spread-Operators und des Rest-Operators

So installieren Sie MySQL 5.7 unter Ubuntu und konfigurieren den Datenspeicherpfad

Ein vollständiges Beispiel für die Implementierung eines zeitgesteuerten Crawlers mit Nodejs

Eine kurze Analyse der SpringBoot-Verpackung und des Hochladens in Docker sowie der Implementierung der Bereitstellung mehrerer Instanzen (IDEA-Version)

So verwenden Sie MQTT im Uniapp-Projekt

Verwenden Sie Nexus als private Bibliothek, um Docker zum Hoch- und Herunterladen von Bildern zu proxyen

Zusammenfassung der Anwendungspraxis für Docker-Container des Node.js-Dienstes

Die Auswirkungen des Limits auf die Abfrageleistung in MySQL

JavaScript imitiert den Taobao-Lupeneffekt

So verwenden Sie den Linux-Befehl whatis