Share
Typografie ist eine der wichtigsten Fähigkeiten, die ein Designer haben kann. Industrieveteranen verbringen Jahre damit, ihre Technik zu verfeinern, und Sie könnten leicht Jahre an einer Universität verbringen, um das Thema zu studieren. Aber wo ist der beste Ort, um wirklich loszulegen? Heute, in der neuesten Ergänzung unserer Basix-Serie, stellen wir die Typografie für Anfänger vor, indem wir eine einfache Sache erklären: warum Typografie im Webdesign so wichtig ist.
Typografie ist eine alte Disziplin, die am einfachsten als die Kunst des Arrangierens und Gestaltens des geschriebenen Wortes erklärt werden kann. Die ersten Beispiele der Typografie gehen bis 1800 v. Chr. Zurück. mit den alten Griechen, aber die moderne Typografie ist an die Mitte des 15. Jahrhunderts gebunden, als die Druckmaschine erfunden wurde.
Ich werde die Geschichtsstunde hier kurz halten: Typografie ist aus einem Grund wichtig: weil Designer in erster Linie mit Lesern kommunizieren können? Unabhängig davon, ob es sich bei dem Medium um ein Buch, eine Printwerbung, eine Werbetafel oder eine Fernsehsendung handelt, ist Typografie wichtig, weil sie die Verkörperung der Bildsprache ist.
Das Internet besteht zu 96% aus schriftlichen Informationen oder Text. Dieser Text wird in große und kleine Informationsmengen verteilt, die sich auf verschiedene Seiten mit unterschiedlichen Formaten verteilen.
Die Formatierung all dieser schriftlichen Informationen im Design einer Website nennen wir "Web Typography"..
Typografie ist der wichtigste Teil eines Webdesigns, da es die Art und Weise beeinflusst, wie eine Website mit Lesern kommuniziert. Von größeren Überschriften und fetten Blöcken bis hin zu kleinen Textkörpern: Die verschiedenen Verwendungen von Text im Web sind die wichtigsten Kommunikationsmethoden. Daher ist es selbstverständlich, dass die Art und Weise, wie ein Webdesigner den Typ auf einer Webseite anordnet, entscheidend für die Wirksamkeit dieser Website ist.
Wir sehen seine Verwendung überall, da alle Websites auf Typografie angewiesen sind, um ihre Botschaft an die Leser zu übermitteln. Es gibt jedoch einige Webdesigner, die die unvermeidliche Wichtigkeit der Typografie übersehen und sich nur auf den visuellen oder grafischen Teil des Webdesigns konzentrieren.
Die Verwendung von Typografie für Printmedien wie Broschüren, Flyer, Zeitschriften, Bücher oder Medien für den Außenbereich wie Stangenschilder und Werbetafeln unterscheidet sich von der Verwendung für den Computerbildschirm. Typografisch ist der Bildschirm ein völlig anderes Medium? Und wie bei jeder Art von Design müssen Sie wirklich das Medium berücksichtigen, durch das die Leute Ihr Design betrachten. Betrachten Sie die folgenden zwei Bilder:
Das obere Bild ist ein Poster für die Band The Black Keys. Das untere Bild zeigt ihre Website. Gleiche Bande, andere Art der Typografie. Warum? Weil das Medium (und damit die Botschaft und Absicht) für jedes Design unterschiedlich ist. Eine ist die Förderung eines Konzerts, die andere ist ein Portal für alle Arten von Informationen über die Band.
Wenn Sie die Typografie in einem Druckdesign für so etwas wie ein Buch verwenden, können Sie mit den Schriftarten ziemlich viel spielen, da sie aus einer näheren Umgebung betrachtet wird, da die Lesbarkeit dadurch nicht beeinträchtigt wird. Wenn Sie Typografie für Kommunikationsmedien im Außenbereich wie eine Werbetafel oder ein Poster verwenden, wissen Sie, dass der Leser nur einen Bruchteil der Zeit hat, um die Tafel zu betrachten und das Kommunikationsmittel zu konsumieren viel - stattdessen kann man sich auf den ersten Eindruck eine Lesbarkeit des Typs konzentrieren.
Bei einer Website gibt es jedoch völlig unterschiedliche Ziele. Für die Erstellung von Typografie für Computer und das Internet muss der Designer viele Informationen in verschiedene Segmente und Untersegmente (Mikro- und Makrotypographie) unterteilen. Außerdem ist eine Webseite nicht konstant, da sie in verschiedenen Browsern, verschiedenen Internetzugangsgeräten und mit unterschiedlichen Bildschirmauflösungen angezeigt werden muss. Die Web-Typografie muss sich daher im Vergleich zu anderen Medien mit einer Reihe von Problemen befassen. Bei der Auswahl der Typografie für ihre Website muss ein Designer die plattformübergreifende Kompatibilität und Lesbarkeit berücksichtigen. Dies sind nur einige der Probleme, die ein Webdesigner bei der Annäherung an eine Website berücksichtigen muss.
Wenn es um Webdesign geht, beschränkt sich Typografie nicht nur auf die Auswahl einer Schriftart und deren Anordnung. Es ist der Kunst, Informationsbündel aufzuteilen so, dass der Leser eine gute Chance hat, herauszufinden, was für ihn von Interesse ist? Hier wird die Typografie im Internet eher zum Informationsdesign.
Bei der Typografie im Web geht es nicht nur darum, den Typ in effektive, sinnvolle Layouts umzuwandeln, sondern auch um eine großartige Schrift.
Die Aufmerksamkeit auf einen bestimmten Textblock zu lenken, Benutzern dabei zu helfen, den gesuchten Inhalt zu finden oder eine Vielzahl von Inhalten auf einer einzigen Seite zu platzieren, geschieht alles über typografische Fähigkeiten.
Die Idee, den Typ zu gestalten, soll mehr als nur lesbar sein, aber auch sein sinnvoll ist Teil dessen, was viele Leute über Web-Typografie verwirrt. Jeder kann einen Textabschnitt eingeben. Weniger Leute können Dinge wie Buchstabenabstand, Zeilenhöhe und Schriftgröße verwenden, um dem Charakter ein Zeichen zu geben ;? Die besten Webdesigner können den Typ jedoch über ein gesamtes Layout hinweg so organisieren, dass die Leser eine Bedeutung erhalten und sie über die gesamte Website geleitet werden.
Dies ist, was wir unter Typografie als Informationsdesign verstehen.
Es ist oft hilfreich, das typografische System für ein Design zu beginnen, indem es in zwei verschiedene Segmente unterteilt wird:
Wenn Sie sich zunächst der Makro-Typografie nähern, kann es leicht sein, die "größeren Bilder" -Elemente des Typsystems in einem Entwurf zu skizzieren. Wo wird die Navigation sein? Wie wird der Typ auf der Website gestaltet? Eine Spalte? Zwei? Mehr? Alle übergeordneten strukturellen Regeln sollten zuerst definiert werden. An dieser Stelle können Sie fast jede beliebige Schrift verwenden, die Sie möchten? Sie können jedoch ein Gefühl für die Größe und den Umfang eines Designs erhalten.
Sobald Sie das "große Bild" skizziert haben, ist es an der Zeit, sich mit der Mikrotypografie zu befassen. Hier werden Sie Ihr Typsystem wirklich verfeinern, indem Sie die Stilelemente definieren, z. B. Ihre primäre (und möglicherweise sekundäre) Schriftart, die Größe der großen Überschriften, die Standardgröße von Seitentiteln, Absatztext Linkfarbe usw.
Wenn Sie gerade erst als Webdesigner anfangen, kann der Blick auf die wilden und verrückten Dinge, die mit der Web-Typografie passieren, eine Herausforderung sein. Sie haben vielleicht eine Reihe von Fragen wie: Wo soll ich anfangen? Was ist richtig und falsch? Gibt es Regeln, denen ich folgen muss? Die gute Nachricht ist, dass die Web-Typografie im Kern tatsächlich einige konsistente Regeln hat, die Sie kennen sollten. Nachfolgend finden Sie einige nützliche Tipps zum Erstellen effektiver Typsysteme für das Web:
Die Hierarchie der Typografie ist für ein Webdesign sehr wichtig. Denken Sie an all die verschiedenen Stellen, an denen Sie Text auf einer Website verwenden: Navigation, Überschriften, Absätze, Bildunterschriften, Seitenleisten usw.? Die Chancen stehen gut, dass es viel Text gibt! Wie können Sie all dies zu einem logischen Typsystem machen? Durch die Entwicklung einer Typhierarchie.
Durch eine gut entwickelte Hierarchie können Sie wissen, wo Sie mit dem Lesen beginnen, wie Sie mit dem Lesen fortfahren, und den Unterschied zwischen den wichtigsten und den weniger wichtigen Informationen auf einer Seite. Bei einer effektiven Typhierarchie müssen Sie sich nicht mehr auf die Textplatzierung verlassen, um hervorzuheben, was Ihre Leser zuerst durchgehen müssen.
Lesen Sie mehr über die Hierarchie
Der Mangel an Konsistenz in der Typografie ist einer der häufigsten und am häufigsten wiederholten Fehler, den Webdesigner heutzutage begehen. Ein Printdesigner gestaltet oft jeden Buchstaben auf einer Seite akribisch? aber das ist bei webdesign nicht nötig.
Anstatt zu versuchen, jedes einzelne Element auf einer Website manuell zu entwerfen, sollten Sie die Idee von Cascading Style Sheets (CSS) berücksichtigen. Nutzen Sie den Segen von CSS und legen Sie Schriftart, Größe, Farbe, Zeilenabstand, Höhe und andere Merkmale Ihrer Typografie auf der gesamten Website fest.
Ich habe das schon früher erwähnt, aber ich möchte den Punkt betonen: Großartige Webdesigner tun mehr als nur Bilder zu platzieren und Text in ein Weblayout einzufügen. Es erfordert gute professionelle Gewohnheiten, um ein erfolgreiches Website-Design zu erstellen. Eine der besten beruflichen Gewohnheiten, die ein Webdesigner haben sollte, ist die lies den Text bevor Sie es in das Web-Layout einfügen. Wenn Sie Zugriff auf den Textinhalt haben, den Sie verwenden möchten, vermeiden Sie es, diesen Text blind einzugeben. Indem Sie den eigentlichen Text durchgehen und lesen, können Sie eine bessere Verbindung zwischen Inhalt und Design herstellen.
Wenn Sie mit dem Einfügen des Textes und anderer Elemente im Design fertig sind, sollten Sie den Text noch einmal als Korrekturlesen durcharbeiten, um Fehler oder Dinge zu vermeiden, die ausgelassen werden. Es ist erstaunlich, wie oft Designer vergessen, einfache Dinge wie Aufzählungslisten zu gestalten, da sie die Designphase durchlaufen haben.
Für ein erfolgreiches Webdesign sollte ein Webdesigner sowohl Makro- als auch Mikrotypografie berücksichtigen. Selbst die besten Layouts können auseinanderfallen, wenn auf der "Mikro" -Seite Dinge fehlen? und selbst die beste Mikrotypografie ist für die Leser nicht nützlich, wenn sie nicht nach den Grundsätzen der Makro-Typografie ausgelegt ist. Beides ist wichtig!
Viele Designer sind auf dem einen oder anderen besonders gut? Nehmen Sie sich etwas Zeit, um zu überlegen, was Ihre stärkste Farbe ist: Makro oder Mikro? Tun Sie dann Ihr Bestes, um Ihre Fähigkeiten (durch Übung und Liebe zum Detail!) In Ihrem schwächeren Skillset zu stärken.
Dies ist für viele Designer selbstverständlich, aber auch die Farbe des Textes ist wichtig. Es gibt Hunderte von Websites, die diesen Punkt für selbstverständlich halten und Schriftfarben verwenden, die entweder:
Sie müssen nicht den gesamten Regenbogen über die Seite spritzen, und Sie müssen nicht etwas Schreckliches wie roten Text auf grünem Hintergrund verwenden. Verwenden Sie einfach eine einfache und sinnvolle Farbtheorie, um Farben für Ihre lesbaren und interessanten Schriftarten auszuwählen. Denken Sie daran, dass Links in den meisten Fällen farbig sein sollten. Es sagt den Leuten, dass sie darauf klicken können!
Lesen Sie mehr über Webdesign-Farbtheorie.
Stoppen Sie, Lorem Ipsum zu verwenden! Der eigentliche Text kann beim Entwerfen einer Website nicht ersetzt werden. Sie können Dummy-Text verwenden, um eine Vorstellung davon zu bekommen, wie die Dinge im Layout aussehen werden. Sobald Ihr Webdesign abgeschlossen ist, versuchen Sie, den tatsächlichen Text zu verwenden, den Sie oder Ihr Kunde in der Live-Website verwenden möchten . Nur dann werden Sie in der Lage sein, das Design mit dem Text zu synchronisieren und zu bestimmen, wie die gesamte Website aussehen wird. Selbst kleine Versäumnisse in diesem Prozess können zu Schwachstellen in einem Entwurf führen. Nehmen Sie sich daher die Zeit, Live-Text zu verwenden, bevor Sie ein Projekt als "abgeschlossen" bezeichnen.!
Das Wunderbare an Web-Typografie ist, dass es eine Vielzahl von Ansätzen gibt - jeder Designer hat seinen eigenen Stil, und es gibt wirklich keinen einzigen "richtigen" Layout-Typ auf dem Web Netz. Typ hat eine Persönlichkeit, genau wie Sie oder der Kunde, für den Sie arbeiten. Machen Sie sich also keine Sorgen, mit Ihren eigenen kreativen Variationen herumzuspielen, sobald Sie den Grundgedanken eines Website-Designs festgelegt haben.
Lesen Sie mehr über die Wahl der richtigen Schriftart
Für das Webdesign müssen Sie einige Dinge beherrschen, um ein wirklich tolles Layout zu erstellen. Typografie ist definitiv eines dieser Dinge. Ein Webdesigner, der die Bedeutung der Typografie wirklich versteht, kann den Erfolgsfaktor öfter als üblich treffen? und alles, was es wirklich braucht, ist Übung, um den Kopf zu trainieren, um den bestmöglichen Weg zu finden, um ein bestimmtes Stück des Typs auszulegen! Typografie ist keine Hexerei, aber es erfordert viel Arbeit, um die beste Vorgehensweise für ein bestimmtes Projekt zu finden.
Nehmen Sie sich jeden Tag etwas Zeit, um zu üben. Nehmen Sie einen Artikel mit, den Sie wirklich mögen, und gestalten Sie ihn neu. Entwerfen Sie Ihren eigenen Lebenslauf, Portfolio, was immer Sie finden können? Verwenden Sie einfach alle möglichen Ideen zum Üben, und Sie werden in kürzester Zeit besser werden! Vertrauen Sie mir, sobald Sie die Grundlagen verstanden haben, wird es zum Kinderspiel!
Dieser Artikel wurde von Arfa Mizra und Brandon Jones mitgeschrieben. Danke fürs Lesen!
Accentsconagua