{"id":253485,"date":"2023-07-10T06:40:00","date_gmt":"2023-07-10T03:40:00","guid":{"rendered":"https:\/\/inform.click\/auswirkungen-der-typografie-auf-die-benutzererfahrung\/"},"modified":"2023-07-10T07:18:00","modified_gmt":"2023-07-10T04:18:00","slug":"auswirkungen-der-typografie-auf-die-benutzererfahrung","status":"publish","type":"post","link":"https:\/\/inform.click\/de\/auswirkungen-der-typografie-auf-die-benutzererfahrung\/","title":{"rendered":"Auswirkungen der Typografie auf die Benutzererfahrung"},"content":{"rendered":"<p>\n  Typografie ist eine Kunst und Technik, die im Laufe der Zeit immer mehr an Popularit\u00e4t gewinnt. Es ist eine entscheidende F\u00e4higkeit, die jeder Designer haben muss, egal auf welches Fachgebiet er sich konzentriert.\n<\/p>\n<p>\n  Wenn Sie ein Unternehmen sind, es werden wollen oder einfach nur Designer sind, wird nicht umsonst \u00fcber Typografie gesprochen. Mit Hilfe von Typografie k\u00f6nnen Sie Ihre Leser und Nutzer nachhaltig beeindrucken.\n<\/p>\n<p>\n  Auch wenn es f\u00fcr manche Menschen nur wie ein Haufen zusammengew\u00fcrfelter Worte erscheinen mag, ist dieser Haufen auf sehr logische und technische Weise zusammengestellt, wobei jedem Element des Tees Aufmerksamkeit geschenkt wird. Sie ist ein wichtiger Gestaltungsfaktor, der nicht vernachl\u00e4ssigt werden darf und darf.\n<\/p>\n<p>\n  Wenn Sie sich nicht sicher sind, warum Sie auf Typografie achten sollten, um es einfach zu machen, so k\u00f6nnen Sie die Aufmerksamkeit Ihres Lesers auf Ihre Illustration, Marke oder Ihr Design lenken. Ja, Bilder k\u00f6nnen mehr als tausend Worte sagen, genau wie Ihr Logo und andere Illustrationen. Aber die Typografie spielt eine ziemlich gro\u00dfe Rolle dabei, wie lange sie sich deine Arbeit ansehen und welche Auswirkungen sie auf sie hat.\n<\/p>\n<p>\n  Bedeutung im Grafikdesign\n<\/p>\n<p>\n  Beim Grafikdesign bezieht sich Typografie auf die Techniken und Ergebnisse, Schrift so anzuordnen, dass sie die Marke und das Unternehmen, an dem Sie arbeiten, so genau wie m\u00f6glich repr\u00e4sentiert und den Menschen eine Vorstellung davon gibt, worum es wirklich geht.\n<\/p>\n<p>\n  Je besser Ihre Typografie ist, desto gr\u00f6\u00dfer sind Ihre Chancen, wahrgenommen zu werden. So sehr, dass einige Unternehmen vor allem bei Logos Bilder zur\u00fcckgelassen und ihr Logo mit Buchstaben gestaltet haben, die auf eine ganz bestimmte Weise stilisiert sind.\n<\/p>\n<p>\n  Das macht Marken leichter zu merken, eines der h\u00e4ufigsten Beispiele ist Coca Cola. Hinter dem Logo von Coca Cola steckt eine ganze <a href=\"http:\/\/www.coca-cola.co.uk\/stories\/the-logo-story\" target=\"_blank\" rel=\"noopener\">Geschichte<\/a>, die genau zeigt, wie alles entstanden ist, und die Auswirkungen, die es auf alle Teile der Welt hatte, sind ziemlich offensichtlich.\n<\/p>\n<p>\n  Das Coca-Cola-Logo ist das beste Beispiel, da Sie genau sehen k\u00f6nnen, wie viele seiner Elemente mit der Marke selbst verbunden sind.\n<\/p>\n<p>\n  Ein cleverer Grafikdesigner wei\u00df, wie man Typografie so erforscht, dass sie sowohl die visuellen als auch die verbalen Aspekte des Designs und der Marke klar kommuniziert.\n<\/p>\n<p>\n  Was genau ist nun mit \u201e <strong>visuellen und verbalen Aspekten<\/strong> &#8220; gemeint?\n<\/p>\n<ul>\n<li>\n    <strong>Visuell<\/strong> \u2013 Die Bedeutung, die durch das visuelle Erscheinungsbild der Illustration entsteht; sowohl Text als auch Bild. Der Charakter der Typografie und die Art und Weise, wie sie sich anf\u00fchlt, tragen zu ihrer visuellen Qualit\u00e4t bei.\n  <\/li>\n<li>\n    <strong>Verbal<\/strong> \u2013 W\u00f6rtliche Bedeutung der in der Illustration verwendeten W\u00f6rter oder Phrasen.\n  <\/li>\n<\/ul>\n<p>\n  Bei richtiger Kombination k\u00f6nnen die visuellen und verbalen Aspekte einen gro\u00dfen Einfluss auf die Benutzererfahrung haben und eine Vielzahl von Botschaften demonstrieren und vermitteln.\n<\/p>\n<p>\n  Ein weiteres Beispiel f\u00fcr ein sehr starkes Logo mit ausgewogenen visuellen und verbalen Aspekten ist das <a href=\"https:\/\/www.nestle.co.uk\/aboutus\/history\/blog\/posts\/kitkatnohyphen\" target=\"_blank\" rel=\"noopener\">KitKat-Logo<\/a>.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb12be534.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb12be534.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Diese Studie <a href=\"http:\/\/sheltonography.com\/resources\/Articles\/thangaraj.pdf\" target=\"_blank\" rel=\"noopener\">hier<\/a> zeigt sehr deutlich, wie Typografie auf uns wirken kann und wie Vermarkter sie zu ihrem Vorteil nutzen k\u00f6nnen. Es zeigt, dass die von einigen bekannten Unternehmen wie IBM, Mercedes, Nivea und Marlboro verwendeten Schriftarten international anerkannt sind, und genau aus diesem Grund haben diese Unternehmen in Design und Urheberrecht von markenrechtlich gesch\u00fctzten Schriftarten investiert.\n<\/p>\n<p>\n  Wenn Sie es nicht glauben, schauen Sie sich das Bild unten aus einer Werbekampagne von Greenpeace an:\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb14ec5a7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb14ec5a7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Obwohl es nicht KitKat hei\u00dft, stellt Ihr Verstand sofort eine erkennbare Verbindung zur Marke her.\n<\/p>\n<h3>\n  Auswirkungen der Typografie<br \/>\n<\/h3>\n<p>\n  Kevin Larson und Rosalind Picard pr\u00e4sentierten ihre Ergebnisse dar\u00fcber, wie Typografie Stimmungen beeinflusst, in ihrem Artikel \u201eThe Aesthetics of Reading&#8220;, der sich auch mit den Vorteilen guter Typografie befasste.\n<\/p>\n<p>\n  Es folgt ein sehr einfaches Beispiel, das erste in der Studie. Welches sieht Ihrer Meinung nach besser und angenehmer zu lesen aus?\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb16d3e85.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb16d3e85.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Das einzige, was sich in beiden Dokumenten unterscheidet, ist das Layout und die Platzierung des Textes. Das zweite Bild ist sehr deutlich leichter zu lesen und die meisten w\u00fcrden sich sogar freuen, es zu lesen. Es ist klar und klar, und das Layout wird dem anderen stark vorgezogen.\n<\/p>\n<p>\n  Das erste Bild scheint ziemlich verwirrend und fast so, als w\u00e4re es zu viel zum Verarbeiten. Es kann Ihren Verstand verwirren und ist einfach nicht einmal angenehm anzusehen.\n<\/p>\n<p>\n  Diese Prozesse laufen st\u00e4ndig in unserem Gehirn ab und spiegeln unsere Stimmung und Entscheidungen, die wir danach treffen, stark wider.\n<\/p>\n<p>\n  In \u00e4hnlicher Weise testet das Papier auch die Art und Weise, in der ein Text geschrieben ist, einschlie\u00dflich Ligaturen, Kapit\u00e4lchen, Ziffern, tief-\/hochgestellten Merkmalen und so weiter.\n<\/p>\n<p>\n  Sogar die Leerzeichen zwischen jedem Buchstaben, Wort, Satz und Absatz wirken sich auf Ihre Stimmung und Produktivit\u00e4t bei bestimmten kognitiven Aufgaben aus.\n<\/p>\n<p>\n  Das Papier zeigt, dass Symmetrie viel bevorzugter ist als ungleichm\u00e4\u00dfige Strichst\u00e4rke und Abst\u00e4nde zwischen und innerhalb von Zeichen.\n<\/p>\n<p>\n  Dies sind alles Faktoren, die sowohl bei der Online- als auch bei der Offline-Arbeit ber\u00fccksichtigt werden m\u00fcssen.\n<\/p>\n<p>\n  Abgesehen davon ist es eine gute Faustregel, Ihr Logo oder Ihre Illustration optisch und nicht mathematisch zu beabstanden. Das Bild unten zeigt den Unterschied zwischen den beiden.\n<\/p>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb18b90f5.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-292452-6382eb18b90f5.webp\" alt=\"\" \/><\/a><\/p>\n<h5>\n  Positive Stimmung, bessere Ergebnisse<br \/>\n<\/h5>\n<p>\n  Es ist nur offensichtlich, dass je mehr Positivit\u00e4t Ihre Illustration hervorruft, desto mehr werden sie von Ihrer Marke und Ihrem Unternehmen angezogen. Die obige Studie beweist, dass gute Typografie auch die kognitive Leistungsf\u00e4higkeit steigert.\n<\/p>\n<p>\n  Die Wahrheit ist, dass Typografie auch das Urteilsverm\u00f6gen beeinflussen kann. Die New York Times hat eine Studie mit dem Titel \u201eSind Sie Optimist oder Pessimist?&#8220; durchgef\u00fchrt. Obwohl die Studie das Sicherheitsgef\u00fchl der Teilnehmer w\u00e4hrend Katastrophenereignissen thematisierte, ging es mehr um die Auswirkungen, die Schriftarten auf Sie haben k\u00f6nnen. Und da kein Schaden verursacht wurde, k\u00f6nnte man es vielleicht auch als ethisch bezeichnen.\n<\/p>\n<p>\n  Die verwendeten Schriftarten waren Comic Sans, Computer Modern, Trebuchet, Helvetica, Georgia und Baskerville. Die Studie wurde mit etwa 45.000 Teilnehmern durchgef\u00fchrt und die Ergebnisse zeigten, dass die Menschen der Baskerville-Schrift um 1,5 % mehr zustimmten als der Rest.\n<\/p>\n<p>\n  1,5 % m\u00f6gen wie ein kleiner Prozentsatz erscheinen, aber es ist betr\u00e4chtlich genug, um zu zeigen, dass die Schrift letztendlich das Urteilsverm\u00f6gen beeinflusst.\n<\/p>\n<p>\n  Je mehr Schriftarten Sie im selben Text verwenden, desto mehr personalisieren Sie ihn und desto ausdrucksst\u00e4rker und kreativer wird er. Ganz ehrlich, Ihre Schrift fungiert so ziemlich als Ihre K\u00f6rpersprache und wir alle wissen, wie wichtig K\u00f6rpersprache ist. Es kann entweder eine emotionale Verbindung zwischen Ihnen und dem Kunden herstellen oder Ihr Marketing-Pitch komplett ruinieren.\n<\/p>\n<p>\n  Und wenn es um gute Typografie geht, ist sie einfach zu verstehen, aber nicht so sehr auszuf\u00fchren. Je einfacher Ihr Text zu verstehen ist, desto mehr Charakter entwickelt er, auf den sich Ihr Publikum konzentrieren kann.\n<\/p>\n<h5>\n  Typografie im Webdesign<br \/>\n<\/h5>\n<p>\n  Wenn Sie eine Website entwerfen, m\u00fcssen Sie bedenken, dass Sie dort wahrscheinlich viele Informationen haben werden, daher ist es besser, die Schriftart und den Stil konsistent zu halten, anstatt zu versuchen, sie zu sehr zu verwechseln, was nur der Fall sein wird eine Wunde zu lesen sein.\n<\/p>\n<p>\n  Eine gut gesetzte Seite teilt dem Leser und Benutzer genau mit, wo er mit dem Lesen beginnen und wie er auf der Seite fortfahren soll. Was wichtig ist und was nicht, wird nicht in Worten deutlich, sondern durch die Art und Weise, wie der Text auf der Seite der Website angeordnet ist.\n<\/p>\n<p>\n  Farben sind ebenfalls sehr wichtig und sollten auf ein Minimum reduziert oder nur ein Satz auf der gesamten Website verwendet werden. Zu viel Herumspringen kann wiederum Ihre Leser nur verwirren und den Sinn der Website oder Seite schwerer verst\u00e4ndlich machen.\n<\/p>\n<p>\n  Halten Sie es auch nicht so einfach, dass es keinen Unterschied mehr zwischen der \u00dcberschrift und dem Inhalt gibt.\n<\/p>\n<h5>\n  Typografie im Content Marketing<br \/>\n<\/h5>\n<p>\n  Beim Content-Marketing geht es darum, den Leser zu beeindrucken und Ihr Unternehmen durch Inhalte anzusprechen. Es ist fast unm\u00f6glich, jede Art von Text zu lesen, ohne dass er eine Emotion vermittelt, weshalb es viel besser ist zu wissen, welche Emotion Sie vermitteln m\u00f6chten, die beste Schriftart zum Schreiben und alles andere, was Sie zeichnen wird Aufmerksamkeit.\n<\/p>\n<p>\n  Ein weiterer Tipp, den Sie sich merken sollten, ist, dass <strong>Fettschrift die Aufmerksamkeit auf sich zieht<\/strong>, w\u00e4hrend Kursivschrift keine gro\u00dfe Wirkung auf den Leser hat. Die Kursivschrift des Inhalts kann Ihrem Text jedoch ein wenig Eleganz und Raffinesse verleihen.\n<\/p>\n<p>\n  Informationen lassen sich auch leichter verarbeiten, wenn sie in Stichpunkten festgehalten werden als in riesigen Abschnitten, die ehrlich gesagt niemand durchgehen kann.\n<\/p>\n<p>\n  Wenn Sie hingegen eine \u201escharfe&#8220; Schriftart wie Calibri verwenden, machen Sie Ihren Standpunkt sehr klar und solide.\n<\/p>\n<h3>\n  Einstieg<br \/>\n<\/h3>\n<p>\n  Nun, Sie m\u00fcssen genau wissen, was Sie erreichen wollen. Das Ziel Ihres Typografie-Projekts sollte klar sein. Es ist wichtig zu wissen, was Ihre Leser f\u00fchlen sollen, und dann daran zu arbeiten, diesen Gedanken im Kopf zu behalten, wird Ihnen helfen, die Elemente klar hervorzuheben.\n<\/p>\n<p>\n  Probieren Sie verschiedene Schriftstile, -gr\u00f6\u00dfen, -farben aus, unterstreichen Sie den Text, machen Sie ihn fett, kursiv oder was auch immer Sie tun m\u00fcssen, damit er genau die Stimmung vermittelt, die die Menschen \u00fcber Ihre Arbeit informiert und ihre Aufmerksamkeit nicht nur auf den ersten Blick erregt behalte es dort f\u00fcr eine Weile. Wenn Sie Laie sind, k\u00f6nnen Sie ein Logo-Design-Tool einfach selbst ausprobieren und sehen, was f\u00fcr Sie funktioniert und was nicht.\n<\/p>\n<p>\n  Vergessen Sie auch nicht, dass es sehr wichtig ist, dass Ihr Text auch in kleinen Schriftarten gut lesbar ist. Die Zeichen m\u00fcssen richtig erkannt werden k\u00f6nnen und das Lesen Ihres Textes reibungslos gestalten, ohne dass Sie sich viel M\u00fche geben m\u00fcssen, nur den ersten Buchstaben zu verstehen.\n<\/p>\n<p>\n  Im Folgenden finden Sie einige Elemente, die Sie anwenden und verstehen werden, um Ihre typografischen F\u00e4higkeiten zu verbessern.\n<\/p>\n<h5>\n  Elemente der Typografie<br \/>\n<\/h5>\n<ul>\n<li>\n    <strong>Schriftarten<\/strong>: Verwendeter Textstil (z. B. Times New Roman, Calibri, Ariel etc.).\n  <\/li>\n<li>\n    <strong>Schriftarten<\/strong>: Spezifischer Schriftstil sowie seine Breite, H\u00f6he und Gr\u00f6\u00dfe (z. B. Century, Gr\u00f6\u00dfe 12, fett), oft synonym mit Schriftart verwendet.\n  <\/li>\n<li>\n    <strong>Tracking<\/strong>: Leerzeichen zwischen Zeichen in einem Text.\n  <\/li>\n<li>\n    <strong>Kerning<\/strong>: \u00c4hnlich wie Tracking, bezieht sich aber auch auf den Leerraum zwischen Buchstaben und Zeichen in einem Text.\n  <\/li>\n<li>\n    <strong>Leading<\/strong>: Messung des Abstands zwischen einer Textzeile und den Zeilen dar\u00fcber und darunter.\n  <\/li>\n<li>\n    <strong>Zeilenl\u00e4nge<\/strong>: Wie der Name schon sagt, L\u00e4nge des Textes in einer Zeile.\n  <\/li>\n<\/ul>\n<h4>\n  Abschlie\u00dfend<br \/>\n<\/h4>\n<p>\n  Typografie ist eine Kunstform, die sich auf die visuelle Komponente des geschriebenen Wortes konzentriert. Nur durch die angemessene Visualisierung f\u00fcr Ihre Zielgruppe k\u00f6nnen Sie eine unvergessliche Wirkung erzielen. F\u00fcr jeden Designer ist es entscheidend, der Typografie gro\u00dfe Aufmerksamkeit zu schenken und daran zu arbeiten, seine F\u00e4higkeiten darin zu beherrschen, wenn er seine Karriere in der Designbranche weiterentwickeln und verbessern m\u00f6chte.\n<\/p>\n<p>\n  Typografie ist K\u00f6rpersprache und macht oder bricht den ersten Eindruck, den ein Benutzer von Ihrer Marke hat.\n<\/p>\n<p>\n  Und wie Cyrus Highsmith es ausdr\u00fcckt: \u201eTypografie ist das Detail und die Pr\u00e4sentation einer Geschichte. Es repr\u00e4sentiert die Stimme einer Atmosph\u00e4re oder einer Art historischer Kulisse. Es kann eine Menge Dinge tun.&#8220;\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Aufnahmequelle: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2018\/01\/19\/typography-effect-on-user-experience\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Typografie ist eine Kunst und Technik, die im Laufe der Zeit immer mehr an Popularit\u00e4t gewinnt. Es ist eine entscheidende F\u00e4higkeit, die jeder Designer haben muss, egal auf welches Fachgebiet er sich konzentriert. Wenn Sie ein Unternehmen sind, es werden wollen oder einfach nur Designer sind, wird nicht umsonst \u00fcber Typografie gesprochen. Mit Hilfe von Typografie k\u00f6nnen Sie Ihre Leser und Nutzer nachhaltig beeindrucken. Obwohl es manchen Leuten nur wie ein Haufen zusammengef\u00fcgter W\u00f6rter erscheinen mag, ist dieser Haufen auf sehr logische und technische Weise zusammengestellt \u2026<\/p>\n","protected":false},"author":1,"featured_media":131571,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[55,146,198],"tags":[],"class_list":["post-253485","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-und-wordpress","category-web-tipps-und-tricks","category-webdesign"],"_links":{"self":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/comments?post=253485"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/posts\/253485\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media\/131571"}],"wp:attachment":[{"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/media?parent=253485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/categories?post=253485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/de\/wp-json\/wp\/v2\/tags?post=253485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}