Websites variieren, sowohl im Image als auch in der Absicht. Was für den einen funktioniert, funktioniert für den anderen nicht. Abgesehen davon gibt es einige Elemente des responsiven Designs, die für die meisten, wenn nicht alle Websites gelten und ein wesentlicher Bestandteil all Ihrer sein sollten Tools und Strategien für digitales Marketing. Eines dieser Elemente ist die gute Nutzung von „Weißraum“.
Website-Design ist natürlich immer auf der Suche nach einem optimalen Punkt zwischen Aussehen und Wirksamkeit. Egal, ob Sie ein Anfänger-Blogger oder ein fortgeschrittener Entwickler sind, der versucht, dies zu erreichen, die Herausforderung bleibt dieselbe.
Insbesondere WordPress-Design ist jedoch gut mit Leerraum. Sehen WPTavern für ein großartiges Beispiel für eine Website, die Leerraum gut nutzt. Sie müssen dafür kein Blog-Theme verwenden. Fühlen Sie sich frei zu experimentieren.
Eine weitere großartige Sache an WordPress ist, wie weit es verwendet wird.
Dies führt dazu, dass viele Nutzer eine Fülle von Tipps geben, was eine gut verständliche Website ausmacht.
Das sind genug Eröffnungsinformationen. Lassen Sie uns diesen Absatz zu Ende bringen und uns an etwas Leerraum erfreuen, um eine klare Abgrenzung zwischen diesem Abschnitt und dem nächsten zu schaffen.
Was ist Weißraum?
Bis zu einem gewissen Grad ist Weißraum so, wie er sich anhört. Es ist das, was auf der Seite ist, wo es an Inhalt mangelt. Lassen Sie sich jedoch nicht täuschen, dass dieser Raum weiß sein muss. Nein, es kann jede Farbe sein, die Sie mögen. WordPress bietet hervorragende benutzerdefinierte Farbhinweise darüber, was in Ihrem Projekt am besten funktioniert, einschließlich natürlich des Weißraumfarbtons, für den Sie sich entscheiden.
Als Beispiel lohnt sich ein Blick auf die fabelhafte Verwendung von Farboptionen im Weißraum in der Nationalmuseum für afrikanische Kunst Website erstellt mit WordPress-Design. Sie bilden einen ruhigen Hintergrund, der dazu dient, die vorgestellten Bilder wunderbar zu ergänzen.
Weißraum ist also ein Raum jeder Farbe, der auf den ersten Blick ohne viel Funktion ist.
Oder ist es?
Schauen Sie über das Gesicht hinaus, und die Funktion wird angezeigt. Wie bei jeder Designanwendung kann der Raum in Bezug auf Klarheit, Kontrast, Kontext und Rahmen enorm wichtig sein. Wir werden uns diese (und andere) Gründe für die Verwendung von Leerzeichen zu gegebener Zeit ansehen.
Arten von Leerzeichen
Lassen Sie uns zunächst einen Blick auf die Arten von Leerraum werfen, auf die Sie stoßen können.
Mikro und Makro
Ersteres ist der relativ geringe Weißraum, der das Verstehen grundsätzlich ermöglicht. Dies schließt den Abstand zwischen Textzeilen ein. Ohne dies funktioniert die Website eindeutig in keiner Weise als Kommunikationsinstrument, abgesehen davon, dass Sie dem Benutzer mitteilen, dass Sie keine Websites entwerfen sollten.
Letzteres bezieht sich auf die größeren Abstände zwischen den zu sehenden Komponenten. Also der Raum, der die Ränder der Seite bildet, sowie der Raum, der den Bildern und Textstücken Platz zum Atmen gibt, die Sie klar erkennen und verstehen möchten. Und ein klares Verständnis ist der Schlüssel zum Erfolg Ihrer Website.
Es ist einfach, die Möglichkeiten zur Rationalisierung des WordPress-Designs in diesem Bereich zu erkunden.
Passiv und Aktiv
Passive Leerräume erscheinen, ob der Designer es beabsichtigt hat oder nicht. Es ist das automatische Vorhandensein von Leerzeichen, das der Texteditor beim Erstellen von Zeilen und Absätzen einfügt.
Aktiver Leerraum ist dort, wo der Designer absichtlich mehr Platz zwischen den Seitenelementen eingeräumt hat, aus Gründen, auf die wir weiter unten eingehen werden. Generell gilt: Je deutlicher sich die Elemente voneinander unterscheiden, desto mehr Abstand sollte zwischen ihnen sein. Wir können sehr rudimentäre Kreaturen sein und neigen dazu, mit einer „Gleich und Gleich kleben“-Mentalität zu arbeiten.
Gründe für die Verwendung von Leerzeichen
Lassen Sie uns nun einen Blick darauf werfen, warum Weißraum im Webdesign verwendet wird.
Klarheit
Das ist enorm wichtig; Ein sehr häufiger Fehler von Website-Designern besteht darin, zu viel in eine Seite zu stopfen und dadurch die zentralen Botschaften, die Sie zu vermitteln versuchen, zu überladen und zu verschleiern. Denken Sie daran, dass ein sauberes Layout ein gutes Layout ist.
In Situationen, in denen Gestaltungselemente unter mangelnder Disziplin leiden, werden die Benutzer wahrscheinlich verblüfft und verlassen die Website möglicherweise vorzeitig. Wenn Sie eine schlechte Benutzererfahrung wie diese liefern, ein High Austrittsquote ist das, was Sie erwarten können.
Übermäßiges Durcheinander wirkt sich wahrscheinlich auch in erster Linie auf die Ladegeschwindigkeit aus, und eine hohe Ladegeschwindigkeit = hohe Abbruchraten.
Glücklicherweise gibt es viele Möglichkeiten, WordPress zu beschleunigen.
Kontrast
Ein Bild oder ein Textfeld kann weitaus mehr Wirkung erzielen, wenn Sie es mit einem Raum in einer Kontrastfarbe umgeben. Diese Art von Farbschema gibt Verdauungsraum, so dass der Benutzer über das, was vermittelt wird, kauen kann, bevor er auf das nächste Material stößt.
Kontrast durch Leerzeichen kann auch verwendet werden, um ein bestimmtes Element der Website hervorzuheben und so den Benutzer zu ermutigen, eine bestimmte Route zu nehmen, indem er beispielsweise auf eine CTA-Box klickt.
Kontext
Manchmal müssen Sie ein wenig Platz schaffen, um die falsche Anwendung des Kontexts zu verhindern. Eine unglückliche Gegenüberstellung eines ernsten Punktes und eines humorvollen Bildes wird beiden keinen Gefallen tun.
Rahmung
Das ist rein ästhetisch. Bilder sehen mit Rahmen einfach besser aus.
Und ein Rahmen ist effektiv ein Raum um das Bild herum, um zu verhindern, dass andere Reize einschleichen und eindringen.
Framing klingt ein wenig trivial, ist aber enorm wichtig. Für jeden, der einen Online-Shop eröffnen möchte, wird ein Teil des gesamten Geschäfts unweigerlich eine Sammlung von Produktbildern sein. Versuchen Sie, diese Bilder ohne Rahmung hart aneinander zu kleben. Ein Durcheinander ist das Ergebnis. Das Auge braucht natürlich einen Rahmen, um das, was sich vor ihm befindet, richtig wahrzunehmen. Übrigens hat WordPress Design einige großartige Startup-Funktionen zur Verfügung.
Ob es funktioniert…
Weißraum begleitet uns schon lange. Es hat seine Wurzeln in der Herangehensweise von Kalligraphen und Künstlern im China des frühen 20. Jahrhunderts. Bei der Arbeit mit Tinte und Reispapier fanden diese Handwerker nicht nur in dem, was sie auf das Blatt hinzufügten, sondern auch in dem, was leer blieb, eine Bedeutung. Auf die gleiche Weise kann Stille in einem Gespräch ausdrucksstärker sein als jedes Wort, und ein Leerzeichen auf einer Seite kann Bedeutung vermitteln, wenn es zur richtigen Zeit richtig eingesetzt wird.
Von diesem Anfang an prägte der weiße Raum die Moderne, die im 20. Jahrhundert weltweit dominant wurde. Dieser kühle Neoklassizismus hallt bis heute nach und ist ein Kürzel für Eleganz und Qualität. Aus diesem Grund setzen ihn so viele Marken so wirkungsvoll in ihrer Imagegestaltung ein. WordPress kann es mit seinen minimalistischen Themen in höchsten Tönen liefern.
Themen und Vorlagen
Theme-Designer auf der ganzen Welt haben WordPress-Benutzern eine Vielzahl von benutzerdefinierten Theme-Optionen zur Verfügung gestellt, die Ihnen bei der Verwendung von Leerraum helfen können. Egal, ob Sie ein E-Commerce-Design, ein sauberes Design, ein rein elegantes Design oder ein flexibles Design verwenden möchten, es lohnt sich, einen Blick darauf zu werfen, wie das WordPress-Design eine Vielzahl von Designoptionen bietet.
Die Totales WordPress-Theme bietet beispielsweise eine Reihe von Einstellungen, mit denen Sie aktive Leerzeichen auf Ihrer Website hinzufügen und anpassen können. Verwenden Sie Optionen für Seitenbreiten, Spaltenabstände, Vollbildzeilen und mehr, um Beiträgen und Seiten Leerraum hinzuzufügen.
Oder Sie können aufs Ganze gehen Leere Leinwanddas voll minimalistisch und eher ein Mehrzweckthema ist.
Auch Vorlagen können bei der Bereitstellung von Leerzeichen helfen. WordPress gibt dem Designer einige schöne Vorlagen zur Verwendung, egal ob Sie eine Zielseitenvorlage oder etwas Allgemeineres wünschen.
Holen Sie sich das richtige Gleichgewicht
Das Wichtigste bei Weißraum ist, eine gelungene Balance zu erreichen. Wie bereits erwähnt, können Sie nicht riskieren, den Bildschirm und den Benutzer mit zu viel auf einmal zu überlasten. Andererseits müssen Sie so aussehen, als hätten Sie tatsächlich etwas zu sagen und einen Dienst zu leisten.
Wie viel Leerraum zu verwenden ist, hängt stark davon ab, worum es auf der Website geht. Wie bei allen Marketinginstrumenten kann das, was Sie vermarkten, die Art und Weise beeinflussen, wie Sie es vermarkten. Braucht es viel Exposition? Wenn das Produkt sehr bekannt ist, benötigt der Benutzer nicht so viele Kontextinformationen.
Zum Beispiel die Walt Disney Website, die mit WordPress-Design erstellt wurde, geht den Weg mit wenigen Informationen auf der Zielseite. Sie haben den Disney-Namen, der ein Bild überlagert, was eine enorme Wirkung hat. Was Sie definitiv nicht bekommen und auch nicht brauchen, sind Informationen, die erklären, wer Disney ist und worum es geht.
Für ein Start-up-Unternehmen mit neuen Produkten wird es andere Überlegungen geben und SaaS-Ideen erforschen. Es ist verlockend, all diese Informationen bereitwillig über der Falte zu präsentieren.
Es ist jedoch fair zu sagen, dass Sie sich, selbst wenn Sie Massen zu vermitteln haben, eher auf weniger als auf mehr irren sollten. Sie können Nutzer jederzeit auf Unterseiten mit mehr Details verweisen, sobald sie Lust darauf haben, mehr zu erfahren. Ein Beispiel dafür, wie dies wirklich gut gemacht wurde, finden Sie unter WooCommerce Zielseite.
Websites sind am besten, wenn sie durch gutes Aussehen Aufmerksamkeit erregen und diese Aufmerksamkeit dann sinnvoll nutzen, indem sie sinnvolle Kommunikation ermöglichen. Wie wir gelernt haben, hängt die Weitergabe von Informationen nicht nur von der Menge der Inhalte ab. Wenn Sie alles auf einmal geben, um Daten an den Leser zu bringen, kann dies zu einer Überlastung führen.
Sie können dies mit Leerraum rationalisieren. Und Leerraum kann mit WordPress optimal genutzt werden, egal ob Sie ein erfahrener Designer sind oder jemand, der gerade erst aufbricht.
Leerraum gibt Raum, und das kann notwendig sein, um einen Punkt zu erzielen, der ins Schwarze trifft. Manchmal kann der eloquenteste Teil eines Gesprächs die Schwangere sein…. Pause.