Wir entwerfen jeden Tag mit Schriftarten. Aber wir haben uns nie ernsthaft um ihre Existenz gekümmert. Wir haben sie nicht gut benutzt oder sie sogar missbraucht. Es ist alles, weil wir sie nicht kennen. Schriftarten sind eines der wichtigsten Elemente des Artensetts; Lassen Sie uns in diesem Artikel dieses tiefgreifende Wissen mit Ihnen diskutieren. Schriftart Typ Englische Schriftarten (Schrift) sind in mehrere Hauptkategorien unterteilt. 1. Serif Serife ist der dekorative Teil der Ränder der Striche. Die rote Markierung in der folgenden Abbildung ist die Serife. Die ursprüngliche Absicht des Serifendesigns besteht darin, das Ende des Schlaganfalls deutlicher anzuzeigen, die Erkennungsrate zu verbessern und die Lesegeschwindigkeit zu verbessern. Darüber hinaus lässt die Verwendung von Serifenschriften die Menschen orthodoxer fühlen. Daher verwenden viele unserer gemeinsamen englischen Bücher, insbesondere Papiere und Romane, Serifen, um den Haupttext zu vervollständigen. Häufig verwendete Serifen im Webdesign sind zeitweise neue Roman und Georgien. Die linke Seite des Bildes unten ist die neue Roman -Schriftart mit 12px und die rechte Seite ist die Georgia mit 12px. Auf Chinesisch ist die Song -Schriftart, die wir verwenden, die entsprechende Serifenschrift. 2. Sans-Serif/Sans-Serif Wenn die Schriftart nicht serif ist, heißt sie SSERIF oder SANS SeriF. Die folgende Abbildung ist ein Sanserif. Im Webdesign werden relativ häufiger ohne Serifen verwendet. Es gibt Arial, Verdana, Tahoma, Helivetica, Calibri usw. Die folgende Abbildung ist Arial, Verdana und Tahoma von links nach rechts: Es ist erwähnenswert, dass Serif -Schriftarten zwar in Büchern weit verbreitet sind, Serifenschriften jedoch selten im Internet verwendet werden. Da die Auflösung des Computerbildschirms nicht mit der von Büchern vergleichbar ist, ist es schwierig, die Serifenschriften von 10 bis 12px Text auf dem Computerbildschirm zu erkennen. Das Bild unten ist ein Vergleich zwischen Verdana von 10px und Times New Roman von 10px ohne ClearType. Sie können feststellen, dass das Verdana links gut identifiziert werden kann. Times New Roman auf der rechten Seite ist ziemlich schwer zu identifizieren. 3. Monospace Monowidth -Schriftarten sind eigentlich nur für westliche Schriftarten. Weil die Breite der englischen Buchstaben variiert. Zum Beispiel ist ich viel schmaler als m. Beim Programmieren wird der Code angezeigt. Wenn die Buchstaben nicht gleich sind, ist das Layout hässlich. In der DOS -Befehlszeile können wir sehen, dass die Monospace -Schriftart verwendet wird. Die für die Programmierung erforderlichen Monospace -Schriftarten haben die folgenden Anforderungen: 1. Alle Zeichen sind gleich in der Breite; 2. präzise, klare und standardisierte Charakterformen; 3.. Unterstützt erweiterte Zeichensätze mit ASCII -Code von 128 oder höher; 4. Whitespace -Zeichen (ASCII: 0 × 20) sind anderen Zeichen gleich; 5. Die drei Zeichen wie "1", "L" und "I" sind leicht zu unterscheiden; 6. Die drei Zeichen wie "0", "O" und "O" sind leicht zu unterscheiden; 7. Die vorderen und hinteren Teile von Doppelzitaten und einzelnen Zitaten sind leicht zu unterscheiden, und es ist am besten, spiegelsymmetrisch zu haben. 8. Klare Interpunktionsformen, insbesondere lockige Zahnspangen, runde Klammern und quadratische Klammern. Gemeinsame Monospace -Schriftarten sind Kurier, Kurier neu 4. Kalligraphie Wie der Name schon sagt, ist Handschrift eine Schriftart der Handschriftstil. Manchmal nennen wir es auch Kalligraphie -Schriftarten. Die meisten chinesischen Kalligraphie -Schriftarten sind relativ steif. Ich persönlich empfehle, japanische Kalligraphie -Schriftarten zu verwenden. Japanische Kalligraphie -Schriftarten sind weicher und humaner. Der Nachteil der Verwendung japanischer Kalligraphie -Schriftarten besteht jedoch darin, dass die meisten von ihnen traditionell sind und viele chinesische Charaktere fehlen. 5. Symbol Der berühmteste symbolische Körper in Windows ist Webdings (ich erinnere mich, dass ich es geliebt habe, als ich in Windows 95 war ...). Hier sind einige Webdings -Schriftarten: Schriftstil Gemeinsame Schriftstile sind unterteilt in: Normal, mutig, kursiv. Einfach ausgedrückt bedeutet mutig, dass die Schrift dunkler und "dicker" ist. Kursivschrift bedeutet leicht die Achse des Charakters. Sie alle werden verwendet, um einen bestimmten Absatz innerhalb des Raums zu betonen. Wenn wir über BOLD sprechen, können wir das Schriftgewichtsattribut für Schriftgewicht in CSS leicht in Verbindung bringen. Wir wissen, dass zusätzlich zu normalen und fettem wir normalerweise den Schrott-Gewicht-Attributwert auch Eigenschaften wie mutiger, leichter, 100 ~ 900 enthält. Was ist der Wert von 100 ~ 900? Ausgezeichnete Schriftarten bieten unterschiedliche Designs für verschiedene Schriftgewichte. Wenn die Schriftart im Voraus ein integriertes Design der Dicke verschiedener Ebenen hat, entsprechen diese Werte jeweils jeder Ebene. Zu den Zürich -Schriftarten gehören beispielsweise sechs Schriftarten: Zürich Light, Zürich regulär, Zürich Medium, Zürich Bold, Zürich Black und Zürich Ultrablack. Auf diese Weise entspricht Zürich Light drei Werten: 100, 200 und 300, Zürich regelmäßig 400, was "normal" ist, das Zürich -Medium entspricht 500 und Zürich BOLD, was "fett kühn" ist, entspricht 600. 700, Zürich Black entspricht 800, und schließlich entspricht Zürich Ultrablack 900. Für chinesische Kursivschrift wird es im Allgemeinen nicht im Internet verwendet. Da es auf Chinesisch viele Striche gibt, wird es schwierig zu erkennen, ob es verwendet wird. Einheit Einige Einheiten werden in unserem Webdesign verwendet: 1. Punkt (pt, Punkt) 72 Punkte = 1 Zoll, 1 Zoll beträgt 72 Punkte. Zusätzlich 1 Pickup (PICA) = 12 Punkte 2. Pixel (Pixel, PX) Ein Pixel ist die kleinste Bildeinheit auf einem Computerbildschirm und ist in Laien den kleinsten Punkt auf dem Bildschirm. 3. DPI, PPI Der vollständige Name von DPI beträgt Punkte pro Zoll und der vollständige Name von PPI ist Pixel pro Zoll. Sie sind Einheiten der Auflösung. Das heißt, wie viele Punkte (Pixel) in der Länge von 1 Zoll angeordnet werden können. Im Allgemeinen beträgt unser Monitor im Allgemeinen etwa 72 ppi, was 1 Zoll Länge bedeutet, mit 72 Punkten (Pixel). Je höher der DPI/PPI ist, desto höher die Auflösung, dh desto kleiner die Partikel, desto delikater das Bild. Im Allgemeinen liegt die Auflösung eines Fotos zwischen 240DPI und 300DPI. Warum sieht das Foto also viel detaillierter aus als auf dem Bildschirm? Der Zeitschriftendruck verwendet 133 oder 150DPI, und hochwertige Bücher verwenden 350-400DPI, da die am schönsten gedruckten Bücher beim Drucken 175 bis 200DPI verwenden. Warum ist es also viel klarer, in Büchern Text mit derselben physischen Größe zu lesen, als auf dem Bildschirm zu lesen? Das heißt, wir haben früher erwähnt, warum können wir mutig seriF-Schriftarten zum Drucken englischer Bücher verwenden? Es gibt im Wesentlichen keinen Unterschied zwischen DPI und PPI. Wenn Sie wirklich den Unterschied finden möchten, kann der einzige Unterschied sein, dass DPI häufig zur Beschreibung von Scannern und Druckern verwendet wird, während PPI häufig die Auflösung des Bildschirms beschreibt. 4.ex, x-hohe Oft in CSS verwendet. 1ex = die Höhe des Kleinbuchstabenbuchstabens x. 5.em Oft in CSS verwendet. Natürlich repräsentiert EM nicht die Höhe des Kleinbuchstabenbuchs M (in der Tat ist die Höhe des Kleinbuchstabens M im Allgemeinen die gleiche Höhe des Kleinbuchstabenbuchstabens x). 1em = 100% der Größe der Schrift. ist eine Mehrfacheinheit. Abstand 1. Zeilenhöhe, führend Wenn es um Linienabstand (Linienhöhe, Lead) geht, müssen wir zunächst einen Begriff namens Baseline lernen. Erinnern Sie sich an das Line -Grid -Buch, mit dem wir Briefe geschrieben haben, als wir zum ersten Mal Englisch gelernt haben? Die Grundlinie ist die gerade Linie über dem absteigenden Teil der Schriftart, die die meisten Buchstaben "sitzen". Die meisten Schriftarten, Großbuchstaben halten sich immer an der Grundlinie und befinden sich über der Grundlinie. Die chinesischen Schriftarten sind die gleichen wie in englischen Großbuchstaben. Die rote Linie in der folgenden Abbildung ist die Grundlinie. Dann bezieht sich der Linienabstand auf den Abstand zwischen zwei benachbarten Linien und der Grundlinie. Die Einheit des Leitungsabstands wird häufig verwendet, um den Linienabstand gemäß der Schriftgröße zu definieren. Im Browser gibt es keine Regel für den Standard -Zeilenabstand. Darüber hinaus ist es der Ansicht, dass der Standardabstand von W3C zwischen 1,0EM und 1,2EM liegen sollte. Tatsächlich gibt es beim Festlegen von Zeilenabständen ein Prinzip bei der Art und Weise, dass die Lücke zwischen den Zeilen größer sein muss als die Lücke zwischen den Wörtern. Angemessener Zeilenabstand kann jede Textzeile trennen und es den Augen leicht erleichtern, die vorherige oder nächste Zeile zu unterscheiden. In den letzten Jahren mögen die meisten Menschen das Layout des Haupttextes im Web mit einem Zeilenabstand von 1,5EM, insbesondere chinesischen Websites. Das heißt, wenn eine Schriftgröße von 12px verwendet wird, mögen Designer häufig den Abstand von 18px. 1.5EM ist in der Tat ein guter Erfahrung. Tatsächlich verwendet die Spezifikation chinesischer Papiere auch einen Linienabstand von 1,5EM. 2. Buchstabe, Verfolgung Der Wortabstand bezieht sich auf den Abstand zwischen einer Gruppe von Buchstaben. Der Abstand von Zeichen beeinflusst die Textdichte in einer Zeile oder einem Absatz. 3.. Kerning KERING ist eine technische Verarbeitung, die aufgrund visueller Bedürfnisse durchgeführt wird. Einfach ausgedrückt, wenn zwei spezifische Zeichen angeordnet sind, können Sie sie separat eindeutig angeben. Wenn beispielsweise auf ein Kapital A ein Kleinbuchstaben V folgt, erscheint zwischen den beiden Zeichen ein seherer Abstand (in der Tat ist der Zeichenabstand gleich), der nicht durch den normalen Charakterabstand gelöst werden kann. Wenn sie reduziert sind, werden die anderen Buchstaben in einem Ball verbunden. Zu diesem Zeitpunkt ist die Einstellung von Kerning erforderlich, um es zu handhaben. Die folgende Abbildung zeigt ein Beispiel für die Verwendung von Kerning: Absatz 1. Präsident (Maßnahme) Die Zeilenlänge bezieht sich auf die Breite eines Textabsatzes. Wie unten gezeigt: Es gibt zwei Lesbarkeitsprobleme im Zusammenhang mit dem Präsidenten: Je länger die Linienlänge, desto größer ist der Linienabstand erforderlich. Der Linienabstand ist zu klein und erleichtert es den Lesern, beim Lesen von Neulinen zu serialisieren. Der Linienabstand ist zu groß und die Leser werden das Gefühl haben, dass der Text beim Lesen der Linie diskontinuierlich ist. Im Text ist es ratsam, 40 bis 70 Buchstaben pro Zeile zu haben. 2. Ausrichtung Grundsätzlich gibt es vier Arten von Absätzen von Absätzen: links (links flush), rechts (rechts bündig), zentriert (zentriert) und gerechtfertigt. Die linke Ausrichtung bezieht sich auf eine Ausrichtungsmethode, die den Textinhalt festlegt, den horizontalen Abstand des Textes anpasst und den Text in Absätzen oder Artikeln in horizontaler Richtung links ausrichtet. Die linke Ausrichtung gibt den Text auf der linken Seite des Artikels eine ordentliche Kante. Gleichzeitig ist die rechte Seite des Textes ungleichmäßig. Daher wird die englische Ausrichtung nach links auch als zerlumptes rechts bezeichnet, was die rechte Seite mit ungleichmäßigen Erscheinungen bedeutet. Die richtige Ausrichtung ist dasselbe. Die Ausrichtung der Mitte bezieht sich auf eine Ausrichtungsmethode, die den Textinhalt festlegt, den horizontalen Abstand des Textes anpasst und den Text im Absatz oder im Artikel in horizontaler Richtung in die Mitte ausgerichtet macht. Richten Sie das Zentrum so aus, dass der Text auf beiden Seiten des Artikels in der Mitte ordentlich konzentriert ist, so dass der gesamte Absatz oder der Artikel ordentlich angeordnet ist. Wenn Sie die beiden Enden ausrichten, werden die beiden Enden des Textinhalts festgelegt und den horizontalen Abstand des Textes/der Wörter angepasst, damit er gleichmäßig zwischen den linken und rechten Seitenrändern verteilt ist. Richten Sie die beiden Enden so aus, dass der Text auf beiden Seiten ordentliche Kanten hat. Nachdem die beiden Enden verwendet werden, um ausgerichtet zu werden, sind die Ausrichtungslinien auf beiden Seiten klar und das "schnelle" Gefühl von Textblöcken ist offensichtlich. In englischer Sprache wird jedoch die Zeilenlänge sehr kurz, wenn Sie die beiden Enden zum Ausrichten von zu einem zu langen Abstand und einigen Linien mit einem zu kurzen Abstand machen, sodass sich der ungleichmäßige Abstand sehr unordentlich anfühlt. von Kleidung mit Flecken überall. 3. Lesbarkeit einfacher Lesbarkeit Die Alphabetisierung beschreibt die Leichtigkeit und den Komfort des typografischen Textes. Tatsächlich ist dies der grundlegendste Zweck des normalen Designs. Zusätzlich zu einigen der oben beschriebenen Prinzipien habe ich einige kleine Prinzipien der Lesbarkeit und mit Ihnen mitgeteilt: Ein Design verwendet bis zu drei Schriftarten. In einem Design werden maximal drei Schriftarten verwendet. Ein bestimmter Kontrast muss sichergestellt werden, aber es darf keinen übermäßigen Kontrast geben. Yang Text (schwarze Zeichen auf weißem Hintergrund) ist leichter zu lesen als Yin -Text (schwarze Zeichen auf schwarzem Hintergrund). Im Hintergrund von #FFFF sieht der Text #333 komfortabler aus als der Text von #000. Achten Sie auf den Hintergrund des Textes. Der Hintergrund sollte Single sein. Vermeiden Sie Hintergrundgeräusche. "Less ist mehr" verwendet die geringsten Elemente, um die meisten Informationen zu vermitteln. Lassen Sie Ihren Link wie ein Link aussehen. Nutzen Sie Ihren Raum gut.