Für die Nutzer ist es einfacher, Informationen zu verdauen, wenn sie in logischen Blöcken gruppiert sind. Setzen Sie die Auffüllung auf 120 px-180 px und trennen Sie Textblöcke durch farbige Hintergründe.

Um logische Blöcke sollten gleich große Abstände gesetzt werden. Andernfalls sieht Ihre Seite unübersichtlich aus, und die Benutzer berücksichtigen die einzelnen Abschnitte möglicherweise nicht gleichermaßen.

Um zu vermeiden, dass logische Teile ineinander übergehen, sollten Sie sie getrennt halten und einen großen Abstand (mindestens 120 px) zwischen ihnen einfügen.

Es sollte ein ausreichender Kontrast zwischen Text und Hintergrund bestehen. Um den Text hervorzuheben, legen Sie einen kontrastierenden Filter über das Bild. Schwarz ist eine beliebte Farbe, aber Sie können auch leuchtende Farben verwenden und sie miteinander kombinieren.

Eine weitere Möglichkeit ist, von Anfang an ein kontrastreiches Bild zu verwenden und den Text über einen dunklen Teil eines Fotos zu legen.

Zu viele typografische und gestalterische Stile auf einer Seite lassen sie unprofessionell und schwer lesbar erscheinen. Um dies zu vermeiden, beschränken Sie sich auf eine einzige Schriftart und zwei Optionen für die Sättigung, zum Beispiel normal und fett.

Vermeiden Sie es, schmale Seitenelemente mit Farbe zu betonen. Das sieht einfach nicht gut aus. Überschriften zum Beispiel sind durch ihre Größe, Schriftsättigung und Abstände bereits gut gekennzeichnet. Möchten Sie einen bestimmten Punkt auf einer Seite hervorheben? Verwenden Sie einen farbigen Hintergrund für den gesamten Block, einschließlich der zugehörigen Überschrift und des Textes.

Wenn viel Text in schmalen Spalten steht, ist er schwer zu lesen, weil die Besucher der Website von einer Zeile zur nächsten springen müssen. Außerdem sieht es einfach nicht gut aus! Am besten ist es, die Anzahl der Spalten zu reduzieren und den Text zu kürzen, sonst wird ihn niemand lesen.

Die Zentrierung von Text auf der Seite funktioniert gut, wenn wenig Text vorhanden ist, da es sonst für die Benutzer schwierig ist, effizient zu navigieren. Erhöhen Sie gleichzeitig die Schriftgröße ab 24 Pixel.

Wenn Sie viel Text einfügen müssen, verwenden Sie die Blöcke mit ausklappbarer Textkopie (in Tilda sind das die Blöcke TX12, TX16N oder die Schaltfläche BF703).

Vermeiden Sie es, wichtige Teile oder kleine Details eines Bildes mit Text zu überdecken. Auf diese Weise verdecken Sie nicht nur das Bild, sondern machen auch den Text unleserlich. Probieren Sie verschiedene Positionen für die Zeilen aus, wie z. B. die Zentrierung, die Ausrichtung des Textes nach links oder die vertikale Anordnung.

Damit die Informationshierarchie auf einer Seite gut sichtbar ist, sollte die Überschrift auf dem Deckblatt größer sein als die übrigen Überschriften oder zumindest die gleiche Größe haben, vor allem, wenn die Überschrift zum Beispiel lang ist.

Das gleiche Prinzip gilt für die visuelle Hierarchie innerhalb eines logischen Blocks. Die Überschrift sollte das größte Gestaltungselement auf der Seite sein, gefolgt von einer kleineren, weniger auffälligen Zwischenüberschrift. Die darauf folgenden Feature-Titel sollten deutlich kleiner sein als die Überschrift und das gleiche Gewicht haben. Die kleinste Schriftart sollte für die Beschreibungen der Merkmale verwendet werden.

Dies hilft den Besuchern der Website, zwischen den wichtigsten und weniger wichtigen Informationen zu unterscheiden.

Ein bildschirmfüllendes Bild oder eine Galerie, die auf einen Text folgt, wirkt wie ein separater, unabhängiger Block. Wenn Sie einen Rahmen um die Galerie hinzufügen, wirken Text und Bilder dank eines gemeinsamen Hintergrunds wie ein logisches Ganzes.

Eine sehr große Schrift ist perfekt für einen kurzen Satz. Wenn die Überschrift lang ist, sollten Sie eine kleinere Schriftart verwenden. Sie ist dann leicht zu lesen und lässt viel Platz für alle anderen Gestaltungselemente auf der Seite.

Umrandungen sind notwendig, wenn eine Schaltfläche transparent ist. Das Hinzufügen eines Rahmens für eine farbige Schaltfläche macht keinen Sinn, es ist nur ein weiteres sinnloses Designmerkmal, das eine Seite überfrachtet und das Lesen erschwert.

Die Verwendung zu vieler Farben auf einer Seite ist verwirrend und es ist unklar, welche Teile wichtiger sind. Eine oder zwei Farben reichen aus, um das wirklich Wichtige optisch hervorzuheben.

Menschen besuchen Websites, um Lösungen für ihre Probleme zu finden. Helfen Sie ihnen! Verwenden Sie das Menü, um den Besuchern zu helfen, sich auf der Website zurechtzufinden und schnell und einfach das zu finden, was sie brauchen. Überfrachten Sie sie nicht mit zu vielen Informationen. Es genügen 5-7 Menüpunkte.

Eine Wand aus Text macht das Lesen schwer verständlich. Um die Navigation zu erleichtern, sollten Sie den Text in Absätze unterteilen oder Unterbrechungen einführen, z. B. in Form eines Schlüsselsatzes oder eines Bildes.

Eine Überschrift sollte nicht in gleichem Abstand zwischen den Kapiteln "hängen", weil sie zu dem darauf folgenden Absatz gehört. Der Abstand über einer Überschrift sollte 2-3 mal größer sein als der Abstand unter der Überschrift. Gleichzeitig sollte der Abstand unter einer Überschrift ungefähr dem Abstand zwischen den Absätzen entsprechen oder etwas größer sein. Auf diese Weise verweist die Überschrift visuell auf den nachfolgenden Text.

In der Typografie werden Kontraste verwendet, um verschiedene Textebenen visuell zu unterteilen und eine strenge Hierarchie zu schaffen. Die Hauptüberschriften sollten auf der Seite am stärksten hervortreten, die Zwischenüberschriften sollten deutlich kleiner, aber immer noch gut sichtbar sein.

Wenn die Blöcke gleich schwer sind, sollten sie auch gleich aussehen und sich gleich anfühlen und in gleichem Abstand zueinander angeordnet sein.

Einerseits bilden eine Abbildung und ihre Beschriftung ein Ganzes, aber es handelt sich um zwei getrennte Elemente, und die Beschriftung sollte nicht mit den Bildern interferieren.

Eine Zwischenüberschrift und der darauf folgende Text gehören zusammen, aber wenn der Abstand zwischen den Absätzen in einem Artikel größer ist als der Abstand zwischen der Zwischenüberschrift und dem folgenden Absatz, wirkt der Artikel unzusammenhängend.

Elemente, die zur Hervorhebung verwendet werden, wie Schlüsselsätze oder Zitate, sind eigenständige Objekte. Damit sie wirklich hervorstechen, sollten sie einen Abstand von 75-120 px zum Haupttext haben.

Wenn Sie einen bestimmten Satz hervorheben möchten, machen Sie ihn fett und 10-15 px größer als den Haupttext. Lassen Sie den Schlüsselsatz wirklich vom Rest des Textes abheben.

Wenn Sie einen kleinen Abschnitt einer Seite hervorheben möchten, z. B. Informationen zum Autor, reicht es aus, diesen mit einer ausreichenden Füllung zu versehen, um den Eindruck von Platz zu vermitteln. Platzieren Sie diesen Abschnitt nicht auf einem farbigen Hintergrund, das würde deplatziert wirken.

Verwenden Sie keine Farbe für die Zwischenüberschrift. Eine größere Schrift und eine Unterfütterung sollten ausreichen, um die Überschrift auf der Seite hervorzuheben.

Wenn Sie mehrere bildschirmfüllende Bilder in einer Sequenz verwenden, vermeiden Sie es, einen Abstand zwischen den Bildern zu lassen. Der Rahmen bleibt sichtbar, und es besteht keine Notwendigkeit, ein zusätzliches Element hinzuzufügen. Es fügt einfach nichts hinzu.

Design-Akzente (wie hier die Fettschrift) funktionieren gut, wenn es nur wenige davon gibt. Wenn Sie zu viele setzen, stört das den Lesefluss auf der Seite.

Das Design sollte die Lesbarkeit nicht beeinträchtigen. Je weniger typografische Stile es gibt, desto besser sind wichtige Elemente sichtbar. Es reicht aus, Überschriften und Zwischenüberschriften zu betonen und Schlüsselbegriffe kontrastreich zu gestalten.

Zentriert werden in der Regel Überschriften und Anführungszeichen, um sie vom übrigen Text zu unterscheiden. Ein zentrierter langer Text ist schwer zu lesen.

Eine Überschrift ist ein eigenständiges Gestaltungselement. Sie sollte nicht zu nah an einem Bild sitzen, das darauf folgt. Eine gelungene Kombination ergibt sich, wenn Sie einen Abstand von mindestens 60 px wählen und eine Zwischenüberschrift hinzufügen - so wird der Inhalt der Seite aufgefächert und der richtige Schwerpunkt gesetzt.

Kursivschrift wird verwendet, um ein Wort oder einen kurzen Satz innerhalb eines Textes hervorzuheben. Sie ist nicht so auffällig wie Fettdruck, aber sie ermöglicht es Ihnen, eine Betonung dort vorzunehmen, wo es nötig ist.

Schreiben Sie nicht alles in Kursivschrift (Textkörper, Überschriften). Wenn im Text serifenlose Schriften verwendet werden, sollten Sie die Kursivschrift ganz vermeiden.

Sie können diesen Fehler leicht selbst erkennen, wenn Sie nach der Bearbeitung Ihrer Seite (Änderung von Schriftgröße, Ausrichtung oder Einrückung) eine kleine Pause einlegen und einen Blick auf den Inhalt der Seite werfen.