Inhalt
- Führen Sie mit einer klaren Hierarchie
- Geben Sie Ihren Listen Raum zum Atmen
- Überbeanspruchen Sie sie nicht
- Fünf Beispiele zum Auschecken
- 01. Devia
- 02. JoyentCloud
- 03. Virb
- 04. Achtstundentag
- 05. Hey Indy
Es gibt viele verschiedene Arten von Listen, von nummerierten, gestuften und mit Aufzählungszeichen versehenen Listen bis hin zu komplexen Listen mit mehreren Inhaltstypen. Die Möglichkeiten, sie zu stylen, sind noch zahlreicher. Listen sind eine perfekte Inhaltsform für das Web, da sie der Geschwindigkeit entsprechen, mit der sie aufgenommen wurden. Um die Leistungsfähigkeit einer großartigen Liste zu nutzen, ist es wichtig, sich an einige wichtige Gestaltungsprinzipien zu erinnern.
Führen Sie mit einer klaren Hierarchie
Eine Liste ist klar und einfach zu scannen, wenn die Hierarchie gut etabliert ist. Verwenden Sie einen starken kontextbezogenen Titel, der so gestaltet ist, dass er die Aufmerksamkeit des Betrachters mit großem, fettem oder kontrastreichem Text auf sich zieht. Eine Variante hierfür wäre, die Liste mit einem Bild, einer Illustration oder einer visuellen Markierung zu führen, die sich auf den Inhalt bezieht.
Geben Sie Ihren Listen Raum zum Atmen
Einer der häufigsten Fehler beim Listen-Styling besteht darin, alles zusammen zu bringen. Eine Liste ist wirksam, wenn sie sich von einem Absatz oder einer Textkopie unterscheidet. Sie können dies mit Hierarchie tun und indem Sie zulassen, dass die Liste durch eine Regel oder ein visuelles Element unterteilt wird, aber auch mit einer großzügigen Portion Leerzeichen.
Überbeanspruchen Sie sie nicht
Listen sorgen für so gute Webinhalte, dass sie häufig überbeansprucht werden und so allgegenwärtig sind, dass sie ihre Stärke verlieren. Sie werden zu alltäglichen Inhalten (Unsinninhalt). Am besten lassen Sie eine Liste einen Kontrast zum Rest Ihrer Kopie bilden. Unabhängig davon, ob es sich um einen Unterinhalt oder einen Teil eines Artikels handelt, kann eine Liste eine perfekte Möglichkeit sein, Ihre Ideen zusammenzufassen, eine Reihe von Konzepten zu erstellen oder auf verwandte Inhalte in prägnanter Weise zu verweisen.
Fünf Beispiele zum Auschecken
01. Devia
Devia verwendet ein hervorragendes Rastersystem und eine elegante Hierarchie reiner Typografie und verfügt über ein hervorragendes Beispiel für eine Liste von Artikeln in einem horizontalen Format.
02. JoyentCloud
Illustrierte Konzepte bilden wunderbare Hinweise auf jeden dieser Services, die JoyentCloud in seinem Cloud-Angebot einsetzt.
03. Virb
Für grafische Darstellungen sind häufig Begleitlisten erforderlich, um den Betrachter durch die Bedeutung der Abbildung zu führen. Virb hat genau das getan und das effektiv.
04. Achtstundentag
Einige Artikellisten haben Bilder zugeordnet, beispielsweise in diesem Beispiel vom Achtstundentag.
05. Hey Indy
Eine Schrittliste ist ein häufiger Bedarf für Webanwendungen oder Websites der Dienstleistungsbranche wie Hey Indy. Diese Liste verwendet Zahlen, Farben und eine gestapelte Überschrift und einen gestapelten Text, um Ihnen den Vorgang zu zeigen.
Wenn Sie Beispiele für Websites gesehen haben, bei denen die Listen richtig sind, können Sie sie in den Kommentaren erwähnen.
Wörter: Matthew Smith
