\n Effektive Nutzung von Leerraum auf der Website von \u201e Hobson Bernardino + Davis LLP<\/a> „.\n<\/p>\n
\n Beispiel 2 \u2013 Erstellen Sie ein ausgewogenes Layout
\n<\/h5>\n
\n Die Aufrechterhaltung der visuellen Balance ist wichtig, um Ihrem Webdesign ein elegantes Aussehen zu verleihen. Au\u00dferdem macht ein ausgewogenes Layout das Webdesign einfach zu bedienen und verbessert die UX (Benutzererfahrung). Negativraum gilt als eine der effektivsten M\u00f6glichkeiten, um ein Gleichgewicht zu erreichen.\n<\/p>\n
\n Zum Beispiel: Die Website \u201eEnterprise Foundation“ verwendet Negativraum, der dazu beitr\u00e4gt, ein perfektes Gleichgewicht zwischen den Schl\u00fcsselkomponenten der Website zu schaffen, einschlie\u00dflich \u00dcberschrift, Inhaltsbereichen und Fu\u00dfzeile. Obwohl die Textbl\u00f6cke eng, aber nicht \u00fcberf\u00fcllt sind, weil der Negativraum im Gesamtlayout richtig genutzt wird \u2013 das macht das Design \u00e4sthetisch ausgewogen.\n<\/p>\n
\n Dar\u00fcber hinaus erzeugt das abwechselnde (und der richtige Kontrast) Farbschema, das im Hintergrund und im Text verwendet wird, auch ein Gef\u00fchl von einem gro\u00dfz\u00fcgigen und ger\u00e4umigen Design. Die mittleren Inhaltsbereiche im Homepage-Design f\u00fcr Enterprise Foundation wirken breit, da viel zus\u00e4tzlicher Platz in Form von Padding verwendet wird. Dieser zus\u00e4tzliche Platz hilft, die Inhaltsbereiche zu unterscheiden.\n<\/p>\n \n M\u00f6glicherweise k\u00f6nnen Sie in einem Webdesign keinen angemessenen negativen Raum erkennen, aber falls er fehlt \u2013 die \u00fcberf\u00fcllten Seitenabschnitte und Inhaltsbereiche w\u00fcrden Sie sicherlich auf das Fehlen von negativem Raum aufmerksam machen.\n<\/p>\n \n Kurz gesagt, Gleichgewicht ist nicht etwas, das man \u201emit blo\u00dfem Auge sehen kann“, weil es eher ein abstraktes Gef\u00fchl ist. Wenn Negativraum in Ihrem Website-Layout nicht richtig verwendet wird, wirkt er daher f\u00fcr Ihre Betrachter unsicher und uneben \u2013 das erschwert das Lesen.\n<\/p>\n \n Typografie hat sich in den letzten Jahren zu einem der hei\u00dfesten Trends entwickelt. Laut The Aesthetics of Reading<\/a>, einem Artikel von Rosalind Picard (MIT) und Kevin Larson (Microsoft), \u201ebeeinflusst Typografie die Stimmung und kognitive Leistung eines Lesers“.\n<\/p>\n \n Einfach ausgedr\u00fcckt: Ein effektives typografisches Design kann Ihnen helfen, einen guten Eindruck bei Ihren Benutzern zu hinterlassen.\n<\/p>\n \n Negativraum spielt eine wichtige Rolle bei der Erstellung einer guten Typografie. Denken Sie daran, dass ein gro\u00dfartiges typografisches Design nicht nur gro\u00dfe Buchstaben erfordert, sondern auch, dass Sie den richtigen Abstand verwenden, um ein Gef\u00fchl der Unterscheidung zwischen Buchstaben und W\u00f6rtern zu erzeugen.\n<\/p>\n \n Tats\u00e4chlich sorgt Typografie auch f\u00fcr die Aufrechterhaltung der Inhaltshierarchie. Ihre Webseiten-Header m\u00fcssen leicht als die \u201eherrschenden“ Komponenten des Inhalts Ihrer Seite erkannt werden. Und die \u00dcberschriften m\u00fcssen in der Lage sein, die Aufmerksamkeit der Benutzer sofort zu erregen, da sie helfen, festzustellen, worum es im Inhalt geht.\n<\/p>\n \n Au\u00dferdem m\u00fcssen die Textbl\u00f6cke oder Abs\u00e4tze unter den \u00dcberschriften n\u00e4her an der \u00dcberschrift platziert werden, um den Lesern zu helfen, die Beziehung zwischen ihnen zu verstehen, und so weiter.\n<\/p>\n \n Zum Beispiel: \u201eHDLive 2012″ zeigt eine hervorragende Verwendung von vergr\u00f6\u00dferter und richtig verteilter Typografie. Wenn Sie die Website nach unten scrollen oder auf die Innenseiten zugreifen, werden Sie feststellen, dass der Text auf den Webseiten viel Zeilenh\u00f6he und subtile Kontrastfarben zum Seitenhintergrund enth\u00e4lt. Dies ist wichtig, um Benutzern ein verbessertes Leseerlebnis zu erm\u00f6glichen.\n<\/p>\n \n Die Gestaltung von Typografie mit gut platzierten Elementen schafft einen nat\u00fcrlichen Rhythmus und erleichtert Ihren Besuchern ein angenehmes Leseerlebnis \u2013 unabh\u00e4ngig von der Gr\u00f6\u00dfe Ihrer Webseite.\n<\/p>\n \n Um Negativraum in einem Webdesign richtig zu nutzen, m\u00fcssen Sie sich mit den zwei verschiedenen Arten von Negativraum vertraut machen, n\u00e4mlich: Mikro- und Makro-Negativraum.\n<\/p>\n \n Es ist der Abstand innerhalb der kleineren (Seiten-)Elemente, wie z. B. die R\u00e4nder (links oder rechts) um die Elemente einer Webseite oder der Abstand zwischen W\u00f6rtern, Buchstaben und Zeichen. Zum Beispiel: Der Raum zwischen einem Bild und seiner Bildunterschrift ist ein Mikronegativraum.\n<\/p>\n \n Mikronegativer Raum wird im typografischen Design verwendet und hilft bei der Verbesserung der Lesbarkeit und Lesbarkeit des Textes. Wenn Sie Mikro-Negativraum anwenden, m\u00fcssen Sie sicherstellen, dass der Abstand zwischen Ihren Inhaltsbl\u00f6cken eng sein muss, aber er sollte sie nicht \u00fcberf\u00fcllt machen. Dies kann erreicht werden, indem Sie sicherstellen, dass Sie nicht zu viel Zeilenh\u00f6he zwischen Ihrer \u00dcberschrift und Ihren Abs\u00e4tzen hinzuf\u00fcgen. Achten Sie aber gleichzeitig darauf, dass auch die Zeilenh\u00f6he nicht unterschritten werden darf.\n<\/p>\n \n Ein gro\u00dfartiges Beispiel f\u00fcr Mikro-Negativraum ist die Website von W3Avenue unten. Die Website enth\u00e4lt viele Inhalte (mit mehreren Artikeln in verschiedenen Kategorien), aber das Layout verwirrt die Benutzer nicht. Der angemessene Abstand in der Kopfzeile und die richtigen Abstandselemente im Inhalt in der Mitte und in den Seitenleistenanzeigen machen das Website-Layout sauber und strukturiert.\n<\/p>\n \n Diese Art von negativem Raum schafft eine Distanz zwischen den Hauptelementen des Webdesigns. Diese R\u00e4ume sind im Vergleich zu Mikro-Negativr\u00e4umen breiter und fallen dadurch sofort ins Auge. Die R\u00e4nder zwischen den Kopf-, Navigations-, Inhalts- und Fu\u00dfzeilenbereichen werden als Makro-Negativraum bezeichnet. Au\u00dferdem ist der Raum zwischen den Seitenleisten, dem Hintergrund und anderen Teilen der Webseite ein makronegativer Raum.\n<\/p>\n \n Diese Zwischenr\u00e4ume bieten zwar reichlich Platz zwischen den Designelementen (im Vergleich zum Mikro-Negativraum), bieten aber dennoch nicht mehr Raum zum Atmen.\n<\/p>\n \n Der Raum wird haupts\u00e4chlich verwendet, um Webdesign-Elemente zu trennen und zu verbinden. Viele Designs bestehen jedoch oft aus K\u00e4sten (in Form von Bord\u00fcren) \u2013 die zum Trennen und Verbinden von Elementen verwendet werden. Obwohl sich Boxen als n\u00fctzlich erweisen, um Dinge zu trennen, k\u00f6nnen sie m\u00f6glicherweise nicht die Einheit im gesamten Design aufrechterhalten. Hier kommt der Makroraum zu Ihrer Rettung.\n<\/p>\n \n Die Verwendung von Makro-Negativraum anstelle von K\u00e4stchen kann dabei helfen, alle Elemente in Ihrem Webdesign effektiv zu trennen und zu verbinden. W\u00e4hrend der gr\u00f6\u00dfere Abstand beim Trennen der Elemente hilft, hilft der schmalere Abstand dabei, sie zu verbinden, was dazu beitr\u00e4gt, die Einheit der Seite aufrechtzuerhalten.\n<\/p>\n \n Hinweis<\/strong>: Die Mehrheit der Webdesigns, die Makro-Negativraum enthalten, ist symmetrisch \u2013 mit einem rhythmischen und sich wiederholenden Muster.\n<\/p>\n \n Die Landingpage von Stripe Connect ist ein perfektes Beispiel f\u00fcr die Verwendung von makronegativem Raum in einem Webdesign.\n<\/p>\n \n Schon die Navigationselemente in der Kopfzeile und eine betr\u00e4chtliche Menge an negativem Platz um die Handlungsaufforderungen heben die Landingpage von Stripe hervor.\n<\/p>\n \n Negative Leerzeichen oder Leerzeichen k\u00f6nnen Ihr Webdesign beeinflussen oder zerst\u00f6ren. Sie k\u00f6nnen Zeit damit verbringen, ein optisch ansprechendes Design mit unz\u00e4hligen aufregenden Funktionen zu erstellen, aber wie Sie vielleicht wissen, ist zu viel von allem nicht gut. Um eine gute Website zu erstellen, m\u00fcssen Sie also sicherstellen, dass Sie in Ihrem Webdesign den richtigen negativen Raum verwenden.\n<\/p>\n \n Die richtige Anwendung von Negativraum tr\u00e4gt zu einer leicht verst\u00e4ndlichen visuellen Hierarchie, einem ausgewogenen Layout und einer effektiven Typografie bei \u2013 all diese Faktoren sind entscheidend f\u00fcr den Erfolg eines Webdesigns. Dar\u00fcber hinaus gibt es zwei verschiedene Arten von negativem Raum, die Sie verstehen m\u00fcssen, um den negativen Raum richtig zu nutzen, genannt: Mikro- und Makro-Negativraum. Beide Konzepte sind wichtig und helfen dabei, ein gesundes Gleichgewicht in einem Webdesign aufrechtzuerhalten.\n<\/p>\n \n Ich hoffe, dass das Lesen dieses Beitrags Ihnen hilft, eine bessere Vorstellung davon zu bekommen, wie negatives Denken (im Kontext des Weltraums) in einem Webdesign gut sein kann.\n<\/p>\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-63820016679f0.webp\")
<\/a> Negativer Platz auf der Website der Enterprise Foundation<\/a>.<\/p>\n\n Beispiel 3 \u2013 Effektive Typografie erstellen
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001895b25.webp\")
<\/a> Richtig verteilte Typografie auf der HDLive 2012-<\/a> Website.<\/p>\n\n Wie sollten Sie Negativraum im Design nutzen?
\n<\/h3>\n\n Mikronegativer Raum
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001a9f765.webp\")
<\/a> Mikronegativer Raum auf der W3Avenue-<\/a> Website.<\/p>\n\n Makro negativer Raum
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-241123-6382001cc3fe4.webp\")
<\/a> Negativer Makrobereich auf der Landingpage von Stripe Connect .<\/a><\/p>\n\n Zusammenfassen!
\n<\/h3>\n