Heute werden wir über Stile im Website-Design sprechen, und der Schwerpunkt liegt dabei auf dem Zeitungsstil. In diesem Beitrag erfahren Sie die markantesten Merkmale dieses Designs und erhalten einige nützliche Tipps, die Sie befolgen können, um mit Ihrem Projekt bessere Ergebnisse zu erzielen.

Stil ist eine Gesamtkombination davon, wie Sie Ihre Website gestalten. Stil ist auch eine Art der Kommunikation zwischen Ihnen und Ihrem Publikum. Jeder Webdesign-Stil hat seine spezifischen Komponenten.

Die wichtigsten Stile im Webdesign sind:

sauber;
grunge;
antik/retro;
Illustration;
Zeitungsmagazin.

Der Zeitungsstil wurde hauptsächlich für Online-Zeitungen und Zeitschriften verwendet, da ihre gedruckten Versionen diese Struktur haben. Heute ist dieses Design für jede Website geeignet, insbesondere wenn sie inhaltslastig sein muss. Eine Website im Zeitungsstil ist unter vielen anderen leicht an einem inhaltsreichen Layout, einer mehrspaltigen Struktur, einfachen und kontrastierenden Farben zu erkennen.

Layout der Zeitungswebsite: Merkmale

1 Schwarz auf Weiß

Traditionelle gedruckte Zeitungen sind weiß oder grau und der Text ist schwarz. Diese Farbkombination ist perfekt für unsere Augen. Der Kontrast der Farben erleichtert die Lesbarkeit und deshalb eignet sich dieses Farbschema am besten für Websites im Zeitungsstil, die normalerweise mit viel Inhalt gefüllt sind. Von diesem klassischen Farbmix können Sie absehen, aber Sie sollten immer bedenken, dass Kontrast ein Muss ist. Sie können die reguläre Farbauswahl umdrehen, indem Sie den Hintergrund schwarz und die Typografie weiß machen. Verwenden Sie aber niemals Gelb auf Schwarz, Grün auf Blau, Rosa auf Blau usw. Versuchen Sie, die Website selbst zu lesen, wenn Ihre Augen sich danach gut anfühlen, können Sie die ausgewählten Farben für Ihr Webprojekt übernehmen.

Neutrales Hell und Dunkel sind Grundfarben, es können jedoch mehr Akzentfarben verwendet werden. Blau eignet sich zum Beispiel gut für Überschriften, Rot wäre perfekt für Buttons. Die Registerkarten des Navigationsmenüs können mit einem helleren oder dunkleren Farbton der Primärfarbe dekoriert oder in derselben Farbe wie Akzentdetails gefärbt werden. So wird das Menü auf der Leinwand hervorstechen und den Benutzern ein perfektes visuelles Erlebnis bieten.

2 Minimale Grafiken

Die Website mit Zeitungslayout ist sauber, informativ, strukturiert und hat grafische Elemente, die präzise und minimalistisch gestaltet sind. Grafische Elemente sind:

Linien
Formen
Farben
Typografie
Texturen.

Wie bereits erwähnt, ist die Farbpalette auf solchen Websites immer einfach. Die Texturen werden selten in Zeitungswebdesigns verwendet, da eine Textwand mit Bildern auf einer Holz- oder Grunge-Textur Ihre Besucher ablenken und die Lesbarkeit des Inhalts erschweren wird. Trotzdem ist die Papierstruktur hier genau richtig. Es kann eine Hintergrundtextur, eine Schaltflächentextur sein oder nur für Kopf- oder Fußzeilenbereiche verwendet werden.

Das normale gitterbasierte Design oder das mehrspaltige Layout reduzieren die Verwendung von Formen und Linien, da es sowieso genug davon gibt. Es wäre zu viel Geometrie, wenn Sie Ihre richtige Formular-Website mit einem zusätzlichen Zahlensatz gestalten.

3 Rasterbasiertes Design oder mehrspaltiges Layout

Das Layout der Zeitungswebsite hat eine perfekt organisierte Struktur. Dies sind inhaltsreiche Websites, die normalerweise diese Art von Design haben, und daher kommt die Struktur an erster Stelle. Raster oder Spalten sind die nützlichsten Arten der Inhaltsanordnung. Es ist wahr, dass „gut gestaltete Rastersysteme Ihre Designs nicht nur schöner und lesbarer, sondern auch benutzerfreundlicher machen können” (Mark Boulton). Das rasterbasierte Layout ermöglicht es Ihnen, den Inhalt in umfassende Blöcke zu unterteilen; Dadurch regen Sie die Benutzer dazu an, Ihre Website zu lesen und nicht zu überfliegen.

Ähnlich, aber nicht gleich ist das mehrspaltige Layout. Diese sollten einige Spalten in der richtigen Höhe haben, aber nicht unbedingt die gleiche Breite. Je breiter die Spalten sind, desto lesbarer ist der Text. Zwei Spalten können großartig aussehen, obwohl drei und mehr definitiv besser sind. Die Spalten als Raster helfen, den Inhalt zu differenzieren, erleichtern dem Benutzer das Auffinden eines interessanten Abschnitts. Während Sie sich für diesen Layoutstil entscheiden, sollten Sie die Spaltenlücke nicht vergessen. Die Website wird extrem schwer lesbar, wenn die Spalten zu eng beieinander stehen.

4 Überschriften und Auszüge

Möchten Sie jeden Beitrag öffnen und lesen, wenn Sie eine Website oder einen Blog mit vielen Texten betreten? Überschriften helfen uns, interessante Artikel von zweitrangigen zu unterscheiden. Daher muss jeder Inhaltsblock einen Titel haben. Egal, ob es sich um einen kleinen Abschnitt in einem Raster oder eine Spalte in voller Höhe handelt, es sollte eine Überschrift haben. Die Überschrift ist größer zu schreiben, fett zu schreiben oder farblich hervorzuheben. Dieser Punkt ist klar, schlage ich vor.

Auszüge sind Kurzbeschreibungen der Textartikel. Diese werden immer gemacht, um das Interesse der Leser zu wecken und ihnen einen langen Text in wenigen Sätzen verständlich zu machen. Dieses Element ist nützlich, wenn Sie einen Blog, eine Online-Zeitschrift, eine Nachrichten-Website usw. betreiben.

5 Primärer und sekundärer Inhalt

Ziehen Sie eine Grenze zwischen den Teilen Ihres Inhalts. Definieren Sie, was am wichtigsten ist und welche Texte darauf warten können, gelesen zu werden. Beispielsweise können Sie Ihre Titelseite mit einem großen Kopfbereich für neue Beiträge (einen oder mehrere) gestalten. Dies ist ein spezieller Bereich mit großen Bildern und Grafiken. Der andere Inhalt wird kleiner sein und auf Rasterfraktionen basieren. Dadurch wird ein starker Fokus auf die Neuankömmlinge gelegt und dazu beigetragen, mehr Social Shares zu gewinnen.

6 Intuitive und konsistente Navigation

Das Layout der Zeitungswebsite ist auf Inhalte ausgelegt und diese Inhalte müssen einfach zu navigieren sein. Folglich zeichnet sich das Navigationsmenü durch seine Einfachheit und richtige Position aus.

Die beste Position ist ein oberer Seitenbereich, da diese Zone als erstes erwähnt wird und sich immer an der gleichen Stelle befindet – scrollen Sie einfach nach oben, wenn Sie ganz unten sind. Falls Sie die vertikale Navigation lieben und nicht aufhören können, sie zu lieben – richten Sie Ihr Menü vertikal aus, aber auf der linken Seite. Wir lesen von links nach rechts und nicht umgekehrt, sodass die Elemente links früher ins Auge fallen als rechts.

Websites im Zeitungsstil teilen Tonnen von Texten und müssen für Benutzer erreichbar sein.

7 Kategorisierung

Eine bessere Verwendung von Kategorien ist am ehesten im Layout der Zeitungswebsite möglich. Es bezieht sich insbesondere auf Blogs und auch auf alle anderen Websites. Die meisten Websites scheitern, weil ihre Inhalte rein organisiert sind. Kategorien sind notwendig, wenn Sie häufig und zu unterschiedlichen Themen posten (z. B. News-Websites).

Unterteilen Sie Ihre Inhalte in Kategorien und zeigen Sie sie entweder in einer Seitenleiste oder in der Navigationsmenüleiste an.

8 Platz für Werbung

Wie werden Sie Geld verdienen, bevor Ihre Website populär wird? Werbung ist, wie viele Website-Besitzer ziemlich große Gewinne machen. Werbebanner müssen nicht nur irgendwo platziert werden, sondern diese Position muss genau definiert werden. Die richtigen Stellen sind Seitenleiste, sowohl links als auch rechts, Kopf- oder Fußzeile. Werbebanner sind oft mitten in den Textartikeln zu sehen, aber dieser Punkt ist umstritten: Es ist gut für Sie als Person, die dafür Geld nimmt, aber diese Elemente können Ihre Leserschaft auch irritieren.

9 Funktionale Seitenleiste

Die Seitenleiste kann nicht nur Werbung enthalten, sondern auch Inhaltskategorien, aktuelle Inhalte, ein Suchfeld, eine E-Mail-Newsletter-Leiste, Navigation, Social-Sharing-Schaltflächen, Rabatte/Sonderangebote usw. Das Layout einer Zeitungswebsite ist großartig, um eine Seitenleiste zu implementieren, da es nur eine andere wäre Spalte in der Zeile.

Es gibt ein paar Zutaten für ein erfolgreiches Sidebar-Design:

Größe (Höhe und Gewicht);
Farben;
Schriftarten;
Platzierung.

Eine Seitenleiste sollte kleiner oder gleich der regulären Spalte in Ihrem Layout sein, keinesfalls größer. Es sollte in neutralen Farben gehalten werden, aber mit sichtbarer Typografie. Die Platzierung kann sowohl links als auch rechts sein, aber wie wir bereits gesagt haben, ist alles auf der linken Seite sofort zu sehen.

10 Maximierung des Leerraums

Soweit wir eine multifunktionale Website mit beeindruckendem Layout erstellen, können wir nicht umhin, uns an Leerraum zu erinnern. Auch für eine Gestaltung im Zeitungsstil ist dies ein wesentlicher Bestandteil. Lassen Sie es Raum zwischen Spalten, leere Abschnitte von den Seiten oder am Boden sein. Benutzer sollten die Möglichkeit haben, ihre Augen von der Textwand abzuwenden und zu überdenken.

Im Allgemeinen wird ein Leerraum als Abschnitt betrachtet, in dem nichts eingegeben wird. Es gibt eine engere Bedeutung: Leerraum ist zwischen Textzeilen und Buchstaben, um Inhaltselemente herum. Es ist alles, was Ihre Website lesbarer und einfacher macht, auch wenn sie mit einer übermäßigen Anzahl von Inhaltselementen gefüllt ist.

11 Häufige Inhaltsaktualisierungen

Das Layout einer Zeitungswebsite zwingt Sie dazu, ständig an Ihrem Projekt zu arbeiten. Die Website mit vielen leeren Spalten und Rasterabschnitten sieht unangenehm aus. Sie müssen die Website gründlich füllen und die Tendenz beibehalten, den Inhalt regelmäßig zu aktualisieren, Ihre Veröffentlichungen häufig zu machen und den hervorgehobenen Inhalt im Header (oder wo immer Sie es tun) zu ändern.

Inhalt und Frequenz sind ein Paar, wie König und Königin. Neben dem Aussehen der Website selbst wirken sich häufige Inhalte auf Ihre Ergebnisse in Suchmaschinen aus. Leute besuchen Ihre Website selten, wenn sie veraltet ist und Google sie sieht. Ihre Inhalte erzielen also schlechtere Ergebnisse in den Suchergebnissen.

12 Teilen in sozialen Netzwerken erwünscht

Blogs und Nachrichtenseiten werden am häufigsten im Zeitungsstil verwendet, und diese Websites können ohne die Integration von sozialen Medien nicht existieren. Es ist die Epoche des Massenaustauschs, und in sozialen Netzwerken verbringen die Menschen einen Großteil ihrer Zeit. Sie sollten coole Follow- und Share-Buttons für jedes Netzwerk verwenden: Twitter, Facebook, Google+, Pinterest, LinkedIn usw. Einzige Vorsicht: Verwenden Sie nicht die Konten, die Sie aufgegeben haben, verwenden Sie nur die, auf denen Sie häufig posten. Erstellen Sie diese Schaltflächen am sichtbarsten auf der Website, um eine bessere visuelle Präsenz auf den Medienplattformen sicherzustellen.

Eine weitere Sache, die wir über die Besonderheiten des Website-Layouts von Zeitungen erwähnen möchten, ist die Reaktionsfähigkeit. Dieses Layout wird auf Mobilgeräten niemals dasselbe bleiben, und es gibt keine Möglichkeit, eine mobile Version zu erstellen, die es im Zeitungsstil behält. Eine mobile Website sollte keine mehrspaltige Inhaltsanordnung haben, und dies ist ein Muss für das Webdesign von Zeitungen. Eine mobile Website darf keine Seitenleisten haben. Und es ist besser, die Navigation zu überdenken, denn es ist sinnvoller, Ihre mobile Website scrollbar statt anklickbar zu machen.