Das Textdesign einer Webseite sollte aussehen wie die Kleidung von intelligenten Mädchen

<br />„Es gibt keine hässlichen Frauen auf der Welt, nur faule Frauen.“ Dies ist der schönste Satz in der Bibel der weiblichen Schönheit. Solange eine Frau bereit ist, Zeit darauf zu verwenden, darüber nachzudenken, wie sie auf sich selbst aufpasst und wie sie sich kleidet, wird sie immer einen Weg finden, ihre schöne Seite zu zeigen. Ist das beim Interface-Design nicht dasselbe? Werfen wir einen Blick auf den Kleidungsstil kluger Frauen, um zu sehen, ob wir bei der Gestaltung etwas daraus lernen können.
Prinzip 1: Die Hauptfarben der Kleidung, die Sie tragen, sollten nicht mehr als drei

Egal, welche Art von Kleidung, es sollte eine Hauptfarbe geben, die das Temperament repräsentiert, das die Trägerin zeigen möchte. Sie kann nicht alles betonen – vielleicht hat sie eine ruhige Seite, wie Blau; sie kann auch eine freche Seite haben, wie Orange; eine intellektuelle Seite, wie Weiß; eine süße Seite, wie Pink... Aber wenn sie alle diese Farben gleichzeitig trägt, dann wird sie nutzlos sein, außer wie ein Schmetterling. Es ist wie bei einer Webseite. Es sollten nicht mehr als drei Hauptschriftarten und Farbkombinationen vorhanden sein. Diese werden für das Wichtigste, das relativ Wichtige und das Allgemeine verwendet. Versuchen Sie nicht, alles hervorzuheben, sonst werden Sie am Ende nichts mitbekommen.
Betrachten Sie die folgenden zwei Beispiele:
Ich liebe diese Site, muss aber zugeben, sie sieht ein bisschen wie ein Schmetterling aus.
Das Textdesign einer Webseite sollte wie ein kluges Mädchen in Kleidung aussehen_123WORDPRESS.COM Nachdruck

Das Textdesign einer Webseite sollte wie ein kluges Mädchen in Kleidung aussehen_123WORDPRESS.COM Nachdruck

Und hier wurden allein auf der Homepage mindestens fünf Schriftarten verwendet. Vielleicht denkt der Designer, dass die Schriftartenbibliothek so viele Schriftarten enthält, dass es eine Verschwendung wäre, sie nicht zu verwenden.
Das Textdesign einer Webseite sollte wie ein kluges Mädchen in Kleidung aussehen_123WORDPRESS.COM Nachdruck

Prinzip 2: Accessoires sollten einen einheitlichen Stil haben und sich gegenseitig widerspiegeln

Wenn ein Mädchen heute zu einer Modenschau eingeladen wird und sich für ein enges Abendkleid entscheidet und einen umwerfenden Auftritt hinlegen möchte, glauben Sie, dass ihr dann eine andere Wahl bleibt als ein Paar High Heels? Ich fürchte, nein. Auch wenn sie ein Paar supercoole und vergriffene Nike Air-Schuhe mit der Unterschrift des fliegenden Mannes besitzt und diese am liebsten tragen würde, um anzugeben, muss sie sich zurückhalten. Die Stile der beiden Artikel sind völlig unterschiedlich. Auch wenn es sich bei beiden um erstklassige Produkte handelt, ist es oft eine Katastrophe, sie miteinander zu kombinieren.
Vielleicht achten wir mehr auf die Einheitlichkeit des Textes auf einer Webseite, ignorieren aber oft die Einheitlichkeit des Textes in Bildern auf der Seite. Sehen Sie sich das folgende Beispiel an. Obwohl es sich bei beiden um rabattierte Produkte handelt, sind die Preise der Produktbilder von Dangdang an unterschiedlichen Stellen markiert. Dies kann leicht den visuellen Effekt stören und die Effizienz der Informationskommunikation verringern. Amazon hingegen kennzeichnet alle Produktrabatte an einer einheitlichen Stelle und verwendet lediglich Änderungen der Hintergrundfarbe, um zwischen den Rabattstufen zu unterscheiden. Setzen Sie jedes differenzierte Design dort ein, wo es benötigt wird.
Das Textdesign einer Webseite sollte wie ein kluges Mädchen in Kleidung aussehen_123WORDPRESS.COM Nachdruck

Prinzip 3: Details entscheiden über Erfolg oder Misserfolg

Ist Ihnen aufgefallen, dass die Outfits mancher Mädchen sehr natürlich und lässig aussehen, als wären sie nachlässig getragen worden, und dass sie dennoch sehr attraktiv sind? Ich kann garantieren, dass solche Mädchen höchstwahrscheinlich ihre Hausaufgaben zu Hause machen, bevor sie ausgehen. Sie werden sorgfältig darüber nachdenken, welches Kleid zu welcher Halskette passt, welche Frisur zu welchen Ohrringen passt und sogar, ob und wie weit die Ärmel hochgekrempelt werden sollen. Nur so ist gewährleistet, dass jedes Detail perfekt umgesetzt ist.
Tatsächlich sehen viele Designs auf den ersten Blick gut aus, aber bei näherem Hinsehen fühlen sie sich etwas rau an, genau wie die ausgefransten Kanten schöner Kleidung. Wenn Sie sie tatsächlich tragen, werden Sie feststellen – Oh mein Gott! ! @￥@#%#￥…%￥&
Wenn Sie nur 5 weitere Pixel für Text und Ränder verwenden, sieht dieser Tofu-Block viel angenehmer aus. Warum nicht großzügig sein?
Das Textdesign einer Webseite sollte wie ein kluges Mädchen in Kleidung aussehen_123WORDPRESS.COM Nachdruck

Wenn Sie dick sind, nehmen Sie ab, aber zwängen Sie sich nicht in enge schwarze Hosen. Wenn zu viele Wörter und zu wenig Platz vorhanden sind, löschen Sie die Wörter, anstatt sie in einen kleinen Raum zu drängen. Der Platz, der ursprünglich nur vier Wortzeilen aufnehmen konnte (siehe linkes Bild), wurde auf fünf Wortzeilen beschränkt, was wirklich eng aussieht.
Das Textdesign einer Webseite sollte wie ein kluges Mädchen in Kleidung aussehen_123WORDPRESS.COM Nachdruck

Die meisten Websites verwenden Songti als Hauptschriftart, aber ich habe festgestellt, dass nur wenige Websites bemerkt haben, dass Songti sehr schwer zu lesen ist, wenn es zur Anzeige von Englisch verwendet wird. Obwohl wir eine chinesische Website sind, kommen immer mehr englische Wörter in unseren Seiteninhalt. Warum investieren wir nicht etwas mehr Mühe und überlegen, eine separate Schriftart für Englisch zu definieren?
Das Textdesign einer Webseite sollte wie ein kluges Mädchen in Kleidung aussehen_123WORDPRESS.COM Nachdruck

<<: Eine kurze Diskussion über den Linux-Signalmechanismus

>>: Vue verwendet Canvas-Handschrifteingabe, um Chinesisch zu erkennen

So legen Sie die Breite und Höhe von HTML-Tabellenzellen fest

Das Textdesign einer Webseite sollte aussehen wie die Kleidung von intelligenten Mädchen

So legen Sie die Breite und Höhe von HTML-Tabellenzellen fest

Vue realisiert die Palastgitterrotationslotterie

Lösen Sie das Problem, dass die Zeitzone in der Linux-Umgebung nicht eingestellt werden kann

Lösung für Djangos Unfähigkeit, mit dem uwsgi+nginx-Proxy auf statische Ressourcen zuzugreifen

Detaillierte Erläuterung des Startens und Einhängens des Docker-Nginx-Containers in den lokalen

So löschen Sie ein Image in Docker

Ausführliches Tutorial zur Installation und Konfiguration von MySQL 8.0.20

Implementierung der Docker-Batch-Container-Orchestrierung

Vergleich zwischen Node.js und Deno

So ändern Sie die Firewall auf einem Linux-Server, um den Remotezugriff auf den Port zu ermöglichen

Artikel empfehlen

So implementieren Sie die GZIP-Komprimierung in Nginx, um die Website-Geschwindigkeit zu verbessern

Implementierung der Optimierung für das Laden ausgewählter Mehrfachdaten in Element

Der einfachste Weg, das MySQL-Root-Passwort zurückzusetzen

Detaillierte Erklärung der grundlegenden Syntax und Datentypen von JavaScript

Mysql-Optimierung Zabbix-Partitionsoptimierung

Vue-Ereignisparameter $event = Ereigniswertfall

Detaillierte Erläuterung der MySQL sql_mode-Abfrage und -Einstellung

Lernen Sie die wichtigsten Kenntnisse, die im Vue-Framework beherrscht werden müssen

Detaillierte Erläuterung von 5 Lösungen für das adaptive CSS-Layout für Fortgeschrittene

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.18

Detaillierte Schritte zur Installation und Konfiguration von MySQL 8.0 auf CentOS 7.4 64-Bit

5 Möglichkeiten, Ihre JavaScript-Codebasis sauberer zu machen

So verwenden Sie Web-Frontend-Vektorsymbole

Mysql Workbench - Abfragemethode für MySQL-Datenbanken

Modulare CSS-Lösung