\n Typografie ist laut meinem guten alten Freund Google der Stil und das Erscheinungsbild von Drucksachen. Dass es sich dabei um eine eigene Kunst handelt, versteht sich von selbst.\n<\/p>\n
\n Und Typografie ist die Basis, auf der jegliche Art von Gestaltungen entstehen, die mit dem geschriebenen Wort zu tun haben. Das bedeutet, dass Sie es \u00fcberall finden k\u00f6nnen: in B\u00fcchern, auf Verpackungen, sogar \u2013 und vor allem f\u00fcr uns \u2013 auf Websites, E-Mails und Zielseiten.\n<\/p>\n
\n Aber ob k\u00fcnstlerisch oder nicht, Typografie ist etwas, das den Benutzern eine gute Erfahrung bieten muss, \u00e4hnlich wie alle Werkzeuge. Und kursive Buchstaben m\u00f6gen so h\u00fcbsch sein, aber sind sie brauchbar?\n<\/p>\n
\n Sehen wir uns an, wie wir die Benutzererfahrung und die Benutzeroberfl\u00e4che selbst verbessern k\u00f6nnen, indem wir die richtige Typografie verwenden.\n<\/p>\n
\n Zuerst gibt es die Schriftart
\n<\/h5>\n
\n Stellen Sie sich vor, wie blass und gleichg\u00fcltig Ihre Website aussehen w\u00fcrde und wie sehr es die Erfahrung des Benutzers beeintr\u00e4chtigen w\u00fcrde, wenn Ihre Schriftart nicht zur heiligen Dreifaltigkeit eines Unternehmens passt: Ihrer Zielgruppe, dem Ton Ihrer Marke und Ihren Zielen.\n<\/p>\n
\n Die Wahl der richtigen Schriftart ist ein bisschen wie die Wahl der perfekten Vorh\u00e4nge f\u00fcr einen Raum. Klebrige Vorh\u00e4nge zeigen schlechten Geschmack, und eine Schriftart, die einfach nicht passt, kann Ihr Projekt bestenfalls kitschig und im schlimmsten Fall spammig aussehen lassen.\n<\/p>\n
\n Die Schriftart ist ebenso wichtig wie die Grafik selbst, um einen Eindruck zu hinterlassen und die Dinge zu lokalisieren, die Sie sowohl auf einer Website als auch in einer E-Mail lokalisieren m\u00fcssen, um das Benutzererlebnis zu optimieren.\n<\/p>\n
\n Sie brauchen Fett f\u00fcr fette Aussagen, kursive Buchstaben und intensive Kalligrafie f\u00fcr Dinge, die elegant und nicht zu wichtig sind. Kombinationen wie die folgende sind ein Muss:\n<\/p>\n
\n
\n Marken-Font-Paarungen\n<\/p>\n
\n Ich muss Sie jedoch vor etwas warnen: Zu viele Schriftarten werden Sie dazu bringen, das Spiel zu verlieren. Sie k\u00f6nnen h\u00f6chstens zwei Arten von Schriftarten haben, und Sie m\u00fcssen sicherstellen, dass sie wie im obigen Beispiel verwendet werden: Fetter und strenger f\u00fcr die \u00dcberschrift, raffinierter f\u00fcr den Textk\u00f6rper.\n<\/p>\n
\n Und denken Sie an Folgendes: Wenn es um Ihre Website geht und nicht um eine Landingpage oder eine E-Mail, sollten Sie vielleicht dar\u00fcber nachdenken, eine standardisierte Schriftart zu verwenden.\n<\/p>\n
\n Sie sehen, die Schreibschrift kann manchmal schwer zu lesen sein, und ein zu kunstvolles Ergebnis mag sch\u00f6n sein, aber es ist nicht leicht zu lesen und zu verstehen. F\u00fcr die vielbesch\u00e4ftigten Kunden von heute, die ge\u00fcbt darin sind, Textbl\u00f6cke zu scannen und genau das zu finden, was sie wissen m\u00fcssen, um Zeit zu sparen, kann etwas Nicht-Standardisiertes wie viel zu viel Aufwand erscheinen.\n<\/p>\n
\n Ihr Publikum ist zum Beispiel mit Times New Roman vertrauter. Sie k\u00f6nnen Ihnen sogar sagen, wo es verwendet werden sollte, und sie sind kinderleicht zu durchsuchen.\n<\/p>\n
\n Dar\u00fcber hinaus k\u00f6nnte es ein echtes Inhaltsproblem verursachen, in dem Sinne, dass eine k\u00fcnstlerischere Schriftart und ein k\u00fcnstlerischeres Format die Aufmerksamkeit von der inhaltlichen Auseinandersetzung ablenken k\u00f6nnten.\n<\/p>\n
\n Besondere Elemente einer Schrift:\n<\/p>\n
\n Eine Schriftart besteht aus verschiedenen Elementen, die ihre Verwendung so ziemlich beeinflussen oder beeintr\u00e4chtigen k\u00f6nnen. Sie haben verschiedene Stile, Gewichte, die Werke! Sehen wir uns also an, worum es hier geht:\n<\/p>\n
\n Zuallererst haben Sie Ihre Schriftfamilie .<\/strong> Die Schriftfamilie (oder Schriftart) ist so ziemlich die gro\u00dfe Kategorie, die Schriftarten des gleichen Stils enth\u00e4lt.\n<\/p>\n \n Zweitens haben Sie Ihre Schriftst\u00e4rke<\/strong>, also die Breite jedes Zeichens. Dieses Element trennt, welche Schriftart zur Erstellung einer \u00dcberschrift verwendet wird und welche im Flie\u00dftext landet.\n<\/p>\n \n Drittens geht es um Kerning<\/strong>, dh das Muster, dem die Zeichen folgen, dh der Abstand zwischen zwei Buchstaben, der notwendig ist, da Ihre Augen genau diesem Muster folgen.\n<\/p>\n \n Dieser Abstand und die R\u00e4nder definieren das letzte, sehr wichtige Element:\n<\/p>\n \n Die Anzahl der Zeichen pro Zeile<\/strong>. Zu viele Zeichen pro Zeile und der Textk\u00f6rper sehen un\u00fcbersichtlich aus, was zu einer ziemlich schlechten Benutzererfahrung f\u00fchrt.\n<\/p>\n \n Zu wenige und es wird l\u00e4nger dauern, bis das Auge den n\u00e4chsten Absatz erreicht und genau das gleiche Ergebnis erzielt, das ich oben erw\u00e4hnt habe.\n<\/p>\n \n Indem Sie die L\u00e4nge begrenzen, verbessern Sie die Lesbarkeit Ihres Textes. Wenn die Zeile zu lang ist, wird sie auf dem Ger\u00e4t nicht richtig angezeigt, was bedeutet, dass der Leser sie nicht richtig lesen kann, was zu einem Durcheinander in Bezug auf CRO (Conversion Rate Optimization) f\u00fchrt.\n<\/p>\n \n Sie m\u00fcssen einen goldenen Schnitt finden, der f\u00fcr Sie funktioniert, und bedenken Sie, dass dieser goldene Schnitt bei 60 Zeichen pro Zeile enden muss.\n<\/p>\n \n Und hier noch ein kleiner Hinweis: Auch auf die Abst\u00e4nde zwischen den Zeilen<\/strong> m\u00fcssen Sie achten, da es einfach zu einfach ist, eine Zeile entweder noch einmal zu lesen oder ganz wegzulassen. Was nie eine gute Praxis ist, besonders in der heutigen Zeit, in der die Verbraucher so viele Optionen haben.\n<\/p>\n \n Wie oft haben Sie einen Text in Gro\u00dfbuchstaben gesehen und gedacht, dass der Schreiber w\u00fctend schreien will? Ich wette, dass die Antwort „viele Male“ lautet.\n<\/p>\n \n Schriftgr\u00f6\u00dfen k\u00f6nnen genauso funktionieren wie der Tonfall des gesprochenen Wortes: Kursivschrift kann nachahmen, fette Schriftarten k\u00f6nnen anspruchsvoll sein, Gro\u00dfbuchstaben k\u00f6nnen Aufmerksamkeit erregen und so weiter.\n<\/p>\n \n Daher muss ein Designer vorsichtig sein, wenn er eine Schriftart und einen Stil ausw\u00e4hlt, besonders wenn er ein vielf\u00e4ltiges Publikum hat, mit dem er \u201ereden“ kann.\n<\/p>\n \n Wenn Sie mir nicht glauben, \u00f6ffnen Sie einfach einen Roman und \u00fcberpr\u00fcfen Sie die Schriftart. \u00d6ffnen Sie dann ein Kinderbuch und machen Sie dasselbe.\n<\/p>\n \n Es l\u00e4uft alles auf das hinaus, was ich eingangs erw\u00e4hnt habe: Sie m\u00fcssen Ihre Zielgruppe sowohl durch Ihre Typografie als auch durch den Text und die Visuals selbst ansprechen.\n<\/p>\n \n Aber Gr\u00f6\u00dfe ist nicht alles, was z\u00e4hlt. Da wir digital sprechen, muss Ihre Typografie auf allen Ger\u00e4ten einwandfrei sein. Sie m\u00fcssen f\u00fcr Mobilger\u00e4te, Tablets und Desktops optimieren, um zu verhindern, dass der Benutzer verwirrt wird und Ihre Inhalte vollst\u00e4ndig verwirft.\n<\/p>\n \n Denken Sie daran, dass die H\u00f6he genauso wichtig ist. Ein sehr langer oder sehr kurzer Text, der beim Testen f\u00fcr die Desktop-Ansicht gut aussieht, funktioniert m\u00f6glicherweise nicht gut f\u00fcr Mobilger\u00e4te.\n<\/p>\n \n Der vielleicht gr\u00f6\u00dfte Alptraum<\/strong> von allen ist die Ausrichtung des Textes. In der westlichen Kultur sind die Menschen daran gew\u00f6hnt, von links nach rechts zu lesen, daher sollten Sie sich dieser Tatsache bewusst sein und entsprechend handeln.\n<\/p>\n \n Verwenden Sie die Linksausrichtung, um die Art und Weise nachzuahmen, wie Menschen gedruckte Texte lesen, und Sie k\u00f6nnen loslegen.\n<\/p>\n \n Das Gleiche funktioniert nicht f\u00fcr Ihre Zielgruppe, wenn diese irgendwo im Osten liegt, wo von rechts nach links gelesen wird. Auch hier ist Ihre Zielgruppe das erste, was Sie ber\u00fccksichtigen sollten, bevor Sie eine Entscheidung treffen.\n<\/p>\n \n Sie wissen, dass Best Practices in Bezug auf Typografie und Design nicht ausreichen, oder?\n<\/p>\n \n Sie k\u00f6nnen die besten Schriftarten verwenden, Ihre Ausrichtung k\u00f6nnte tadellos sein, aber ohne die Verwendung von Designtrends k\u00f6nnten Ihre E-Mails, Websites, Zielseiten, was auch immer Sie erstellen, immer noch eines Ihrer bestgeh\u00fcteten Geheimnisse bleiben.\n<\/p>\n \n Fett ist manchmal sch\u00f6n\n<\/p>\n \n Denken Sie zum Beispiel an MAC. Die Beauty-Marke liebt es, fetten Text und extremen Kontrast als Element zu verwenden:\n<\/p>\n \n Dies ist der Slogan der Marke und das schon seit Ewigkeiten. Es ist dramatisch und man kann es nicht verpassen. Gleiches gilt f\u00fcr das Heldenbild ihres Newsletters:\n<\/p>\n\n Schriftgr\u00f6\u00dfe und andere Alptr\u00e4ume
\n<\/h5>\n\n Trends sind deine Freunde
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-311789-63837ef07ac28.webp\")
<\/a> MAC-Kosmetik<\/p>\n