Warum ist negativ im Webdesign positiv?
Mit all den Begriffen, die uns während unserer Designausbildung (egal ob wir selbst oder institutionell gelehrt werden) auf uns geworfen werden, ist es leicht zu verstehen, warum einige Landstriche nur mit kaum einer Penetration in unsere Psyche wehen.
Diejenigen, die bald aus unserem Reich des vollen Verstehens verblassen werden ohne die ständige Verstärkung und Aufmerksamkeit, die ihnen gewidmet wird. Was wir heute tun wollen, widmen wir ein wenig Aufmerksamkeit dem Webdesign, dem negativen Raum.
Was ist ein negativer Raum?
Für diejenigen, die eine Erinnerung brauchen, lassen Sie uns einen Moment nehmen, um es in die Grundlagen zu zerlegen: Es gibt zwei Arten von Raum im Design, den positiven und den negativen Raum. Positiver Platz enthält alle Elemente Ihrer Website, Inhalte, Navigation, Bilder usw. Negativer Raum (häufig als Leerraum bezeichnet) ist der gesamte leere Raum dazwischen, der Raum um den Inhalt herum, der die Elemente trennt und zur Strukturierung beiträgt und definieren, wie der Benutzer mit dem Inhalt im positiven Raum interagiert.
Jetzt, wo wir das haben, gehen wir weiter, sollen wir? Es gibt auch zwei Arten von negativen Leerzeichen, Mikro und Makro. Micro Negative Space ist der Raum zwischen den kleineren Elementen des Designs. Dinge wie der Abstand zwischen Absätzen, einzelne Textzeilen, bis hin zum Abstand zwischen Buchstaben und Wörtern. Makronegativraum ist der Abstand zwischen den größeren Kernelementen des Designs, z. B. Kopf- und Fußzeile.
Yeedor
Freundschaft Hamburg
Moving Things Design Company
Mikro-negativer Raum
Zunächst werden wir uns das kleinere Ende des Spektrums ansehen. In Anbetracht dessen, dass die Größe die Mikroseite nicht zu einer Position von minimaler Wichtigkeit bestimmt. Weit davon entfernt. Wenn wir in unseren Textblöcken viel Leerraum halten, kann dies dazu beitragen, dass eine Website lesbarer und einfacher zu scannen ist, und es kann sogar dazu beitragen, dass die Menschen besser verstehen, was sie lesen.
Und wir reden über Micro, also müssen Fokus und Wartung tief gehen. Wir müssen darauf achten, dass der gesamte negative Bereich in unseren Textblöcken eng ist. Nicht überfüllt, sondern ästhetisch ausgeglichen und offen. Das hast du richtig erkannt? Dies bedeutet, dass der Abstand zwischen Kopfzeilen und Absätzen angegangen wird. Besondere Beachtung der Zeilenhöhen in den Absätzen. Sicherstellen, dass der Abstand zwischen den Werbebuchungen in den Listen nicht über- oder unterschritten ist. Sogar der Abstand zwischen Wörtern und Buchstaben.
Dies ist nicht immer eine leichte Aufgabe. Die Entscheidung über die Ränder und die Polsterung für diese Art von Mikro-Negativ-Raumanpassung ist eine heikle Kunst. Eine, die mit jeder einzelnen Site, die wir bauen, hergestellt werden muss. Jeder Standort wird sein eigenes Gleichgewicht finden müssen. Während Sie nicht zu wenig Leerzeichen wollen, wirkt sich zu viel auf die Lesbarkeit negativ aus.
Information Autobahn
Verdauen
MakeMatter
Makro negativer Raum
Lassen Sie uns nun unseren Anwendungsbereich etwas erweitern und konzentrieren Sie sich auf die Makro-Seite dieses Spektrums. Auch wenn diese Seite die Aufmerksamkeit auf sich zieht, geben wir ihr immer noch nicht viel Platz zum Atmen. Die Leute wollen ihre Header mit allem verstopfen, was sie möglicherweise passen, denn es ist das erste, was Besucher sehen. Stattdessen sollten Sie versuchen, diesen Bereich auf ein paar Schlüsselelemente zu beschränken, damit die Benutzer genau wissen, wo sie sich befinden und nicht erstickt werden, sobald sie die Site betreten.
Wie der Header ist es eine ziemlich einfache Falle, die Seiten und Seitenleisten eines Designs als etwas zu betrachten, das den Inhalt erfasst. Ein Platz, um so viele Informationen wie möglich zu veröffentlichen. Anders als der Header ist es wahr, dass man in diesen Bereichen mit mehr Inhalt durchkommen kann, aber es sollte dennoch darauf geachtet werden, dass wir genügend Leerzeichen sowohl innerhalb als auch innerhalb dieser Elemente lassen.
Je mehr wir angemessenen Raum und Abstände lassen, desto zweckmäßiger erscheinen unsere Einschlüsse. Wenn wir durcheinander sind (es sei denn stilistisch gemacht, was sich leicht von dem unterscheidet, worüber wir hier sprechen), haben wir oft den Eindruck, dass wir unseren Planungsphasen nicht genug Aufmerksamkeit geschenkt haben. Zugegeben, wenn wir durcheinander kommen, können wir unseren Kunden sicherlich einen Großteil der Schuld zuschieben, denn sie wissen, dass ein Großteil der Unordnung auf ihren Wunsch hin geschieht. Ein Punkt, auf den wir kurz eingehen werden.
Daher möchten wir sicherstellen, dass der Platz um jedes Blockelement herum reichlich vorhanden ist (stellen Sie sicher, dass Ihre Seitenleiste nicht direkt gegen den Hauptinhalt der Site geschoben wird). Mit besonderer Sorgfalt darauf achten, dass um alle Handlungsaufforderungen herum genügend Platz ist. Lassen Sie die CTAs auffallen.
Viva Audio
Waren
Mach einen Backflip
Warum negativer Raum zählt
Die Verwendung von negativem Raum spielt eine große Rolle in der Benutzerfreundlichkeit. Auf die wir schon immer hingewiesen haben. Die Benutzer müssen nicht nur in der Lage sein, alle Inhalte auf der Website bequem zu lesen, sondern müssen auch in der Lage sein, leicht zu finden, wonach sie suchen. Unordnung verhindert, dass es eine leichte Aufgabe ist. Viele Menschen, vor allem Kunden, neigen dazu, jeden verfügbaren Zoll Bildschirm mit Informationen stopfen wollen, dann wundern sich, warum die Website so überladen und unansehnlich aussieht. Und außerdem, warum Benutzer Probleme haben, diese Website zu navigieren.
Und hier kommt unsere Überzeugungskraft und unser Vertrauen in unsere Designsensibilität zum Tragen. Als Designer müssen wir sie dazu bringen zu verstehen, warum dieser negative Raum so wichtig ist und warum es ebenso wichtig ist, zu entscheiden, welche Inhalte in ihre Website aufgenommen werden sollen. Das ist keine Verschwendung ihres Geldes. Es ist auch keine Verschwendung von Bildschirm Platz. Aber ein notwendiges Element, um die wichtigen Informationen, die bereits auf dem Bildschirm vorhanden sind, in einer sauberen und professionellen Umgebung hervorzuheben. Wir müssen sie dazu bringen, das zu sehen.
Wir können immer noch alles Notwendige auf der Baustelle einbauen. Stellen Sie sicher, dass Sie alle Raum zum Atmen geben. Es ist in Ordnung für die Leute, sich durch die Seite scrollen zu lassen, tatsächlich wird es erwartet. "Above the fold" hält nicht mehr die gewohnte Leistung. Es ist jedoch wichtig, sich daran zu erinnern, dass der Inhalt (insbesondere der Inhalt der Startseite) mit Bedacht gewählt werden sollte. Je mehr Optionen auf der ersten Seite angegeben sind, desto schwieriger wird es für den Benutzer sein, zu wählen, wohin er als nächstes gehen soll, ohne sich überfordert zu fühlen und möglicherweise auf der Seite alle zusammen aufzugeben.
Pure Fix-Zyklen
Nurun
Fast unmöglich
Wie verwenden Sie negativen Raum in Ihren Entwürfen? Ist "negativ" der richtige Ausdruck für Whitespace? Lass uns deine Gedanken in den Kommentaren wissen.