{"id":11379,"date":"2020-11-30T08:00:47","date_gmt":"2020-11-30T07:00:47","guid":{"rendered":"https:\/\/www.insertioweb.com\/?p=11379"},"modified":"2025-05-10T10:23:47","modified_gmt":"2025-05-10T08:23:47","slug":"tipografija-na-webu","status":"publish","type":"post","link":"https:\/\/www.insertioweb.com\/de\/tipografija-na-webu\/","title":{"rendered":"Typografie im Web"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><nav aria-label=\"Paniermehl\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Startseite<\/span><\/p><\/nav><\/p>\n\n\n<h2>Typografie \u2013 wichtig f\u00fcr das Internet oder nicht?<\/h2>\n<p>Typografie im Internet, so irrelevant sie vielen auch erscheinen mag, spielt eine Schl\u00fcsselrolle bei der Gestaltung der Web-Schlacht. Wenn wir \u00fcber das \u201eDesign\u201c einer Seite sprechen, denken wir nicht mehr an das klassische Design, ob etwas sch\u00f6n ist oder nicht, denn es war schon immer eine subjektive Sache f\u00fcr jeden Menschen. Hier meinen wir ein funktionales Design, das dazu beitr\u00e4gt, die Website auf eine bestimmte Weise zu erleben, und dass die Website wirklich die Funktionalit\u00e4t hat, f\u00fcr die sie gedacht ist.<\/p>\n<p>Wenn Sie im Internet und in der Literatur suchen, werden Sie feststellen, dass es Tausende und Abertausende von Texten dar\u00fcber gibt, ob eine Schriftart f\u00fcr dieses oder jenes sch\u00f6n ist oder ob eine Schriftart auf diese oder jene Weise besser ist, aber da die Informationen dar\u00fcber so unterschiedlich sind, weil, wie wir bereits erw\u00e4hnt haben, in erster Linie vom subjektiven Gef\u00fchl abh\u00e4ngt, werden wir die wichtigsten Merkmale im Zusammenhang mit Schriftarten beachten, die sich in B\u00fcchern und Enzyklop\u00e4dien widerspiegeln wie: <a href=\"https:\/\/www.superknjizara.hr\/hr\/graficka-enciklopedija-1971-f-mesaros\" rel=\"noopener\">https:\/\/www.superknjizara.hr\/hr\/graficka-enciklopedija-1971-f-mesaros<\/a>.<\/p>\n<p>Wenn Sie eine Website erstellen, die sich auf ein bestimmtes Thema bezieht, muss das Design dieser Website an dieses Thema angepasst werden, und dies ist jedem bekannt. Denn wenn eine Website f\u00fcr einige Hochzeiten gemacht ist, dann muss die Website in erster Linie so sein, dass sie elegant aussieht, denn wenn das Design so ist, dass es mehr an eine Website f\u00fcr den Verkauf von Baggern erinnert, wird niemand am Leben etwas von dieser Website kaufen. Nat\u00fcrlich sind in diesem Design neben den Elementen der Seite in Bezug auf Bilder und Text die wichtigsten Elemente von Farbe und Schriftarten.<\/p>\n<p>Die Schriftverteilung, die Sie im Internet finden k\u00f6nnen, kann verwirrend sein, denn wie wir recherchiert haben, gibt es fast keine klare Trennung, die die meisten Typografen als Standard betrachten w\u00fcrden. Hier ein paar Beispiele: <br>1. <a href=\"https:\/\/www.fonts.com\/content\/learning\/fontology\/level-1\/type-anatomy\/type-classifications\" rel=\"noopener\">https:\/\/www.fonts.com\/content\/learning\/fontology\/level-1\/type-anatomy\/type-classifications<\/a><br>2. <a href=\"https:\/\/www.jotform.com\/blog\/a-crash-course-in-typography-the-basics-of-type\/\" rel=\"noopener\">https:\/\/www.jotform.com\/blog\/a-crash-course-in-typography-the-basics-of-type\/<\/a><br>4. <a href=\"https:\/\/design.tutsplus.com\/articles\/the-different-types-of-fonts-when-to-use-each-font-type-and-when-not--cms-33346\" rel=\"noopener\">https:\/\/design.tutsplus.com\/articles\/the-different-types-of-fonts-when-to-use-each-font-type-and-when-not\u2013cms-33346<\/a><br>5. <a href=\"https:\/\/digitalsynopsis.com\/design\/font-psychology-emotions\/\" rel=\"noopener\">https:\/\/digitalsynopsis.com\/design\/font-psychology-emotions\/<\/a>Um in diesem Meer von Informationen angesichts unserer Erfahrung und Forschung so verwirrt wie m\u00f6glich zu sein, k\u00f6nnen wir sagen, dass die Aufteilung von Schriftarten in fast alle Websites, die auf dem Markt zu finden sind, in vier Kategorien von Buchstaben unterteilt werden kann:<\/p>\n<ol>\n<li>\n<p>Serifenbuchstaben (Gruppe von Antiqua-Buchstaben oder Serifenbuchstaben)<\/p>\n<\/li>\n<li>\n<p>Briefe ohne Serifen (Grotesk Group of Letters oder Non-Serif Letters)<\/p>\n<\/li>\n<li>\n<p>Manuskriptbuchstaben<\/p>\n<\/li>\n<li>\n<p>Sonderformulare<\/p>\n<\/li>\n<\/ol>\n<p>Diese Aufteilung ist grob und jede dieser Gruppen k\u00f6nnte in eine gro\u00dfe Anzahl von Untergruppen unterteilt werden, aber die Grundlage bei der Erstellung der Website ist auf nur diese vier Buchstabengruppen reduziert. Bei der Erstellung von Websites und wenn dieselben Websites sowohl auf gro\u00dfen Desktop-Ger\u00e4ten als auch auf kleinen Mobiltelefonen angezeigt werden, muss jedoch ber\u00fccksichtigt werden, dass ein gro\u00dfer Teil der Bev\u00f6lkerung ein Problem mit dem Sehverm\u00f6gen hat und dass, wenn Schriftart und -gr\u00f6\u00dfe nicht gut angepasst sind, ein Problem beim Lesen von Lods entstehen kann und derjenige, der ein Problem mit dem schwierigen Lesen hat, sehr schnell aufgeben wird, was nicht um jeden Preis passieren sollte.<\/p>\n<p>Daher gibt es grundlegende Regeln bei der Auswahl der Typografie (eine Art von Schriftart) abh\u00e4ngig von den Elementen der Seite:<\/p>\n<ol>\n<li>Es ist notwendig, so wenige Buchstaben wie m\u00f6glich mit den Sheriffs zu verwenden.<\/li>\n<li>Verwenden Sie nur Nicht-Serifen-Schriftarten auf schwarzem Hintergrund.<\/li>\n<li>Verwenden Sie Tarifschriftarten nur f\u00fcr gr\u00f6\u00dfere Buchstaben und zur Hervorhebung (Titel, Untertitel usw.)<\/li>\n<li>Um l\u00e4ngere tksts zu schreiben, ist es w\u00fcnschenswert, serifenbuchstaben zu verwenden, da sie besser lesbar sind, aber der buchstabe sollte nicht klein sein.<\/li>\n<li>Manuskripte ausschlie\u00dflich f\u00fcr h\u00f6here Prominenz verwenden (Titel)<\/li>\n<li>Verwenden Sie handschriftliche Buchstaben nur in kuratierter Form (kleine Buchstaben au\u00dfer dem ersten Gro\u00dfbuchstaben)<\/li>\n<li>Spezielle Buchstabenformen werden nur f\u00fcr globale Elemente der Website mit starken Akzenten verwendet.<\/li>\n<\/ol>\n<p>Da es f\u00fcr viele Menschen sehr schwierig ist, die richtigen Kombinationen zu finden, gibt es viele Tools, die bei der Auswahl der Schriftart und Schriftgr\u00f6\u00dfe eines Buchstabens helfen k\u00f6nnen, wie zum Beispiel:<\/p>\n<ol>\n<li>Archetyp \u2013 hilft bei der Auswahl und Kombination von Schriftarten sowie bei der Anpassung von Gr\u00f6\u00dfen, Abst\u00e4nden usw.<\/li>\n<li><a href=\"https:\/\/fontstruct.com\/\" rel=\"noopener\">Fontstruct<\/a> \u2013 ein Werkzeug zum Erstellen eigener Schriftarten unter Verwendung von Rastersystemen und geometrischen Formen<\/li>\n<li><a href=\"https:\/\/www.prototypo.io\/\" rel=\"noopener\">Prototypo<\/a> \u2013 ein Tool, mit dem Sie Ihre eigenen Schriftarten auf der Grundlage einer bestehenden Schriftart entwerfen k\u00f6nnen, indem Sie bestimmte Schriftparameter anpassen<\/li>\n<li><a href=\"https:\/\/www.myfonts.com\/WhatTheFont\/\" rel=\"noopener\">Meine Schriftarten<\/a> \u2013 ein Tool zur Identifizierung von Schriftarten auf der Grundlage eines Bildes<\/li>\n<li>FontFace Ninja - kostenloses Add-on f\u00fcr Google Chrome zur Identifizierung der Schriftart<\/li>\n<li><a class=\"broken_link\" href=\"https:\/\/www.canva.com\/font-combinations\/\" rel=\"noopener\">Canva<\/a> \u2013 ein Tool zum Kombinieren und Koppeln verschiedener Schriftarten<\/li>\n<li><a href=\"https:\/\/type.method.ac\/\" rel=\"noopener\">Kerntyp<\/a> \u2013 Werkzeug zur korrekten Anpassung des Buchstabenabstands<\/li>\n<li><a href=\"https:\/\/www.calligraphr.com\/en\/\" rel=\"noopener\">Kalligraph<\/a> \u2013 ein Tool zur Gestaltung Ihrer eigenen Schrift auf der Grundlage von handschriftlichem Text<\/li>\n<li>Emotypes - ein Tool, das es einfach macht, eine Schriftart zu finden und auszuw\u00e4hlen, die auf den Emotionen basiert, die Sie dem Publikum durch Design vermitteln m\u00f6chten<\/li>\n<li><a href=\"https:\/\/fontjoy.com\/\" rel=\"noopener\">FontJoy\u00a0<\/a>\u2013 ein Tool zur einfachen Kopplung verschiedener Schriftarten<\/li>\n<li><a href=\"https:\/\/type-scale.com\/\" rel=\"noopener\">Typ-Skala<\/a> \u2013 ein Tool zur Bestimmung der Schriftgr\u00f6\u00dfe von Titeln und Untertiteln auf der Grundlage der Textgr\u00f6\u00dfe von Abs\u00e4tzen;<\/li>\n<li><a href=\"http:\/\/www.type-finder.com\/\" rel=\"noopener\">Typ Finder<\/a>\u00a0\u2013 ein Online-Tool, um anhand des Fragebogens die ideale Schriftart zu finden.\u00a0<\/li>\n<\/ol>\n\n\n<p class=\"wp-block-paragraph\">\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>","protected":false},"excerpt":{"rendered":"<p>Typografie \u2013 wichtig f\u00fcr das Internet oder nicht? Typografie im Internet, so irrelevant sie vielen auch erscheinen mag, spielt eine Schl\u00fcsselrolle bei der Gestaltung der Web-Schlacht. Wenn wir \u00fcber das \u201eDesign\u201c einer Seite sprechen, meinen wir nicht \u2026. <\/p>\n<p class=\"read-more-container\"><a title=\"Typografie im Web\" class=\"read-more button\" href=\"https:\/\/www.insertioweb.com\/de\/tipografija-na-webu\/#more-11379\" aria-label=\"Mehr Informationen \u00fcber Web typography\">WEITERLESEN<\/a><\/p>","protected":false},"author":1,"featured_media":11465,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"tpgb_global_settings":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-11379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","infinite-scroll-item","resize-featured-image"],"tpgb_featured_images":{"full":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2020\/11\/Tipografija-na-webu.jpg",500,300,false],"tp-image-grid":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2020\/11\/Tipografija-na-webu.jpg",500,300,false],"thumbnail":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2020\/11\/Tipografija-na-webu-150x150.jpg",150,150,true],"medium":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2020\/11\/Tipografija-na-webu-300x180.jpg",300,180,true],"medium_large":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2020\/11\/Tipografija-na-webu.jpg",500,300,false],"large":["https:\/\/www.insertioweb.com\/wp-content\/uploads\/2020\/11\/Tipografija-na-webu.jpg",500,300,false],"default":"https:\/\/www.insertioweb.com\/wp-content\/plugins\/the-plus-addons-for-block-editor\/assets\/images\/tpgb-placeholder.jpg"},"tpgb_post_meta_info":{"get_date":"November 30, 2020","get_modified_date":"Mai 10, 2025","category_list":{"category":[{"term_id":1,"name":"Zanimljivosti","slug":"uncategorized","term_group":0,"term_taxonomy_id":1,"taxonomy":"category","description":"","parent":0,"count":39,"filter":"raw"}],"post_tag":false,"post_format":false},"author_name":"insertio","author_url":"https:\/\/www.insertioweb.com\/de\/author\/insertio\/","author_email":"insertioweb@gmail.com","author_website":"https:\/\/www.insertioweb.com","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"insertio","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/00193c03147a29b56101ea2b24b996a323f330ba78cd3f9e84b29d7df878638a?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/00193c03147a29b56101ea2b24b996a323f330ba78cd3f9e84b29d7df878638a?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/00193c03147a29b56101ea2b24b996a323f330ba78cd3f9e84b29d7df878638a?s=96&d=mm&r=g","comment_count":6,"post_likes":0,"post_views":0},"tpgb_post_category":{"category":"<a href=\"https:\/\/www.insertioweb.com\/de\/category\/uncategorized\/\" alt=\"Zanimljivosti\"  class=\"category-uncategorized\">Zanimljivosti<\/a> "},"_links":{"self":[{"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/posts\/11379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/comments?post=11379"}],"version-history":[{"count":5,"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/posts\/11379\/revisions"}],"predecessor-version":[{"id":20050,"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/posts\/11379\/revisions\/20050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/media\/11465"}],"wp:attachment":[{"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/media?parent=11379"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/categories?post=11379"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.insertioweb.com\/de\/wp-json\/wp\/v2\/tags?post=11379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}