Die Verarbeitung von Schriftarten im Webdesign kann nicht genug betont werden. Schließlich werden Webseiten zur Übermittlung von Informationen verwendet, und die klassischste und direkteste Art der Übermittlung von Informationen ist Text. Daher ist das Verständnis einiger Grundkenntnisse über Schriftarten für das Design immer noch sehr wichtig. von.
Der größte Unterschied zwischen Chinesisch und Englisch besteht darin, dass Chinesisch quadratische Zeichen und Englisch Pinyin-Zeichen hat. Dies hat große Auswirkungen auf die Schriftverarbeitung. Wenn Sie sich das Diagramm unten ansehen, werden Sie feststellen, dass die Änderungen in der englischen Schriftart in der chinesischen Schriftart abgeschwächt sind.
Als chinesischer Leser akzeptiere ich normalerweise die quadratische Form als Leseeinheit. Tatsächlich ermüdet dies die Augen. Beim Lesen folgen Ihre Augen tatsächlich der Form der gesamten Textzeile. Schauen Sie sich dieses Beispiel an.
Jetzt habe ich versucht, mit Ihnen zu reden und Sie verständlich zu machen
Jetzt habe ich versucht, mit Ihnen zu sprechen und Ihnen Verständnis zu vermitteln
Welche Zeile ist leichter zu lesen?
Die erste Zeile ähnelt in gewisser Weise der Situation im Chinesischen. Der Unterschied besteht darin, dass jedes chinesische Zeichen wie ein Gemälde ist und seine Änderungen viel umfangreicher sind als die 26 englischen Buchstaben. Für uns haben wir diese Funktion akzeptiert, aber beim Entwerfen gibt es noch Einige Punkte, die berücksichtigt werden müssen. Wenn das, was ich gesagt habe, falsch ist, hinterlassen Sie bitte unten eine Nachricht. Diese Inhalte werden als allgemeine Grundsätze dargestellt, wenn ich Typografie unterrichte. Ich sage den Schülern auch: „Der Zweck der Regel besteht darin, die Regel zu brechen.“ Das Gestaltungsprinzip selbst besteht darin, das Prinzip zu brechen, was auch eine Manifestation der sogenannten Kreativität ist. Das Problem besteht darin, dass Sie die Prinzipien zuerst kennen und in deren Einhaltung üben müssen. Erst wenn Sie mit den Prinzipien vertraut sind, können Sie die Prinzipien brechen und Ihre Kreativität zeigen. Das Brechen der Prinzipien bedeutet nicht, dass die Prinzipien fehlerhaft oder falsch sind. Aber nur durch die geniale Anwendung dieser Prinzipien haben Sie einige gebrochen und gleichzeitig die Teile, die Sie gebrochen haben, kompensiert, was ziemlich philosophisch zu sein scheint.
Ich persönlich denke, die wichtigeren Grundsätze sind (anwendbar auf Englisch):
Bei der Auswahl einer Schriftart sollten Sie den Zweck des Textes berücksichtigen. Handelt es sich um einen Titel oder einen Absatz?
Im Allgemeinen eignen sich San-Serif-Schriftarten für die Verwendung als Titel, z. B. Arial; Serifen-Schriftarten eignen sich für die Verwendung als Absatztext, z. B. Time New Roman. Für das Webdesign gibt es mehrere Schriftarten, die ich sehr empfehle, wie zum Beispiel Verdana, Tahoma und Georgia. Tatsächlich wurde eine Schriftart wie Verdana fast zwei Jahre lang von den weltweit führenden Schriftartendesignern entworfen und stellt sie den Benutzern dann kostenlos zur Verfügung, wenn Sie IE 4 installieren Für die obige Version muss Ihr Computer über diese Schriftart verfügen, sodass Sie sich keine Gedanken darüber machen müssen, ob der Benutzer über diese Schriftart verfügt. Es wurde entwickelt, um die Probleme zu berücksichtigen, die bei der Anzeige von Schriftarten auf dem Bildschirm auftreten können, und liefert nahezu perfekte Antworten. Das einzige Problem besteht darin, dass wir aufgrund seiner nahezu Perfektion keine Persönlichkeit haben, wenn wir es verwenden, weil jeder es verwendet.
Schriftgröße?
Im Forum gibt es viele Diskussionen darüber, was besser ist, Pixel oder Point? Ich möchte es hier nicht wiederholen: Es gibt viele verschiedene Einheiten für die Schriftgröße in CSS und es gibt ungefähr drei Kategorien:
Absolute Größe: mm, cm, in, pt, pc
Relative Größe: em, ex
Relativ zum Gerät: px
Ich möchte vielleicht noch ein paar Worte zu em sagen und z. B. Em stellt die Schriftgröße in CSS dar. Beispielsweise entspricht 1 em 12 pt.
P {
Schriftgröße: 10pt;
Texteinzug: 1em
}
Vielleicht werden Sie sagen, dass ich text-indent: 10pt verwenden kann, um den gleichen Effekt zu erzielen, aber das ist nur unter idealen Umständen der Fall, wenn der Benutzer der Meinung ist, dass es besser ist, die Schriftgröße seines Browsers auf 14pt einzustellen, die Proportion, die Sie entwerfen Da es verloren geht, ist die relative Größe sehr vorteilhaft für das Skalierbarkeitsdesign von Webseiten.
ex ist ähnlich wie em, aber nicht dasselbe. Um auf das obige Diagramm zurückzukommen: Die x-Höhe ist für jede Schriftart unterschiedlich. ex definiert die Größe der Schriftart basierend auf der x-Höhe der Schriftart.
Ausrichtung?
Es ist am besten, die Linksausrichtung zu verwenden, insbesondere die Links- und Rechtsausrichtung zu vermeiden, es sei denn, Sie haben einen besonderen Entwurfszweck. Die Fehlausrichtung der rechten Seite bei der Linksausrichtung dient lediglich der besseren Lesbarkeit Nutzen Sie Änderungen, um Ihren Augen mitzuteilen, dass es an der Zeit ist, die Linien zu ändern.
Zeilenabstand?
Der Zeilenabstand hängt von der Größe der Schriftart ab. Im Allgemeinen erfordern kleine Schriftgrößen einen größeren Zeilenabstand, um das Lesen zu erleichtern. Wenn es auf einer Webseite keine Einstellung für den Zeilenabstand gibt, ist es für den Leser eine Katastrophe, große Absätze zu lesen Daher ist es unbedingt erforderlich, die Zeilenhöhe entsprechend einzustellen. Im Allgemeinen sollte die Zeilenhöhe im Webdesign das 1,5- bis 2-fache der Schriftgröße betragen. In Word und anderen Textbearbeitungsprogrammen sind im Allgemeinen 120 % der Schriftart als Standardzeilenabstand eingestellt. Die Zeilenhöheneinstellung in CSS wird gleichmäßig aufgeteilt und am oberen und unteren Rand jeder Zeile hinzugefügt. Das heißt, wenn die Zeilenhöhe auf 20 Pixel eingestellt ist, hat jede Textzeile oben und unten einen Abstand von 10 Pixeln unten.
Wortabstand und Zeichenabstand?
Für ganz spezielle Zwecke sollten die beiden für Chinesisch gleich sein. Diese Einstellung selbst dient dazu, bestimmte Fehler im Schriftdesign zu beheben und die Lesbarkeit von Text zu verbessern.