Soll ich den Rahmen über oder unter der Kopfzeile platzieren, um Abschnitte zu trennen?

Wenn der Inhalt in mehrere Abschnitte aufgeteilt ist und jeder Abschnitt eine Überschrift hat, sollte ich einen Rahmen unter oder über der Überschrift platzieren?

Der „Rand unten“-Ansatz scheint weit verbreitet zu sein (siehe Google, Wikipedia), aber „Rand oben“ scheint als Trennzeichen besser zu funktionieren. Welcher Weg ist zu gehen?

Grenze oben

Geben Sie hier die Bildbeschreibung ein

Grenze unten

Geben Sie hier die Bildbeschreibung ein

Antworten (3)

Der Grund, warum Sie Schwierigkeiten haben, sich zu entscheiden, was Sie verwenden sollen, ist, dass die Abschnittsüberschriften zu weit vom Inhalt entfernt sind. Ein größerer Raum = Trennung, ein engerer Raum = Assoziation, aber es muss genug Unterschied zwischen "größer" und "näher" geben, um dem Auge klar zu machen, was was ist. Hier stehen die Informationsgruppierung und die visuelle Gruppierung im Konflikt.

Sie können das Problem sehen, wenn Sie die Regel vollständig herausnehmen. Die Überschrift befindet sich ziemlich genau in der Mitte zwischen dem Inhalt darüber und darunter. Die Überschrift wird also mehrdeutig; es verbindet sich gleichermaßen mit dem, was über ihm ist, und dem, was unter ihm ist. (Dies ist leichter zu erkennen, wenn Sie anstelle der eigentlichen Überschriften zufällige Zeichen verwenden, damit die Wortbedeutungen Sie nicht für die rein visuelle Darstellung blenden.)

Der visuelle Abstand sollte parallel zur Informationsstruktur verlaufen. Wenn Sie Border Below verwenden, reduzieren Sie den Abstand über und unter dem Rand auf etwa ein Drittel des aktuellen Betrags, und das Design rastet ein. Reduzieren Sie für Border Above den Abstand unter dem Rand und zwischen der Überschrift und dem Inhalt.

In jedem Fall werden die visuelle Gruppierung und die Informationsgruppierung übereinstimmen, und Ihr Design wird funktionieren. Die Linie (Rahmen) ist hier ein dekoratives Element, kein Datentrenner, wie es in einer Tabelle oder einem Spreadsheet sein könnte.

Ich persönlich denke in diesem Fall über der Überschrift..

Grund: Es hält Ihren Gedanken vollständig. Titel und Bilder werden zusammen gruppiert und als ein vollständiger Gedanke gehalten

Es hängt wirklich davon ab, womit Sie den Titel verknüpfen möchten. Wenn es die Bilder oben sind, dann Rahmen unten. Wenn es die Bilder unten sind, dann Rahmen oben.

Die Grenze dient als Inhaltsteiler. Wenn Sie es darunter platzieren, trennt es den Titel deutlich von den darunter liegenden Elementen.

Eine dritte/vierte Option von oben und unten oder überhaupt kein Rand würde den Titel trennen, ohne ihn direkt mit benachbarten Inhalten in Verbindung zu bringen.

"Wenn Sie es darunter platzieren, trennt es den Titel eindeutig von den darunter liegenden Elementen." Aber was ist mit Wikipedia, das den Rand unterhalb der Überschriften platziert? Oder ist dies ein anderer Fall, weil es sich um Text handelt?
Wikipedia teilt Textseiten. Bei Text ist die Teilung nicht so ausgeprägt. Rahmen unter Titeln würden jedoch bei Wikipedia nicht funktionieren, wenn sie Miniaturansichten von Bildern teilen würden. Es wäre das gleiche Problem, mit dem Sie konfrontiert sind.