Soll der Abstand zwischen den Behältern einheitlich sein?

Zunächst ein Geständnis: Ich bin kein Grafikdesigner. Also poste ich diese Frage hier.

Je nach Wunsch besteht der Zweck der Innenbehälter darin, eine Reihe von Optionen zur Auswahl zu stellen. Alle inneren Container enthalten ähnliche Daten und sobald auf einen geklickt wird, dreht er sich um, um die kleineren Optionen anzuzeigen, die im allerersten inneren Container zu sehen sind.

Welcher der beiden Container ( Erstes Layout oder Zweites Layout ) sieht präsentationstechnisch besser aus? Und darf ich um eine Erklärung bitten warum? Wie kann es verbessert werden?

Erstes Layout:

Flex-Abstand herum

Zweites Layout:

Geben Sie hier die Bildbeschreibung ein

Zweite. Symmetrischer Abstand ist angenehmer. Der erste geht bis hin zu störend. Außerdem stimme ich dafür, diese Frage als zu allgemein zu schließen.
Es kommt darauf an . Wenn die Inhalte einheitlich oder vollständig zusammenhängend sind, ist die zweite der richtige Weg. Wenn sich die linke Spalte von der rechten Spalte unterscheidet, ist die erste besser. Wir brauchen mehr Informationen darüber, was hilfreich ist, um von großem Nutzen zu sein
@ZachSaucier Danke für das Feedback, ja, die inneren Behälter sind verwandt, sie sind ein Stapel von Optionen, aus denen der Benutzer auswählen kann.
Bitte verwenden Sie die Schaltfläche "Bearbeiten" , um Ihre Frage mit dem vorherigen Kommentar und anderen Details zu aktualisieren, die Sie anbieten können.
Ich bin auch im It-Hängt- Lager. -- Option 1, wenn Sie zwischen linkem und rechtem Inhalt trennen möchten, Option 2, wenn Sie möchten, dass der Inhalt auch als Ganzes gesehen wird.

Antworten (1)

Wenn es keinen Unterschied zwischen dem Inhalt der linken und rechten Spalte gibt, mit anderen Worten, wenn sie alle ähnlich oder völlig unähnlich sind, wenn zwei Gruppen nicht gekennzeichnet sind, dann ist das zweite Layout mit gleicher Bundweite (Abstand) vertikal und horizontal besser.

Dies liegt daran, dass der Raum verwendet wird, um Dinge in Beziehung zu setzen oder zu trennen. Wenn konsistenter Platz verwendet wird, werden die Elemente zugeordnet. Wenn es Inkonsistenzen gibt, trennt es in den meisten Fällen einige von anderen.

In Ihrem Beispiel scheint es, als gäbe es zwei Gruppen - die linke und die rechte -, wenn mehr vertikale Rinnen vorhanden sind. Da dies nicht Ihre Absicht ist, sollten Sie dieses Layout vermeiden.

Ein weiterer Hinweis ist, dass es wahrscheinlich besser wäre, einen konsistenten vertikalen Rand zwischen der Oberseite des Abschnitts, der diese Kacheln enthält, und den Punktschaltflächen darunter zu haben. So wie es ist, sieht es so aus, als würde etwas fehlen oder dass mehr Platz als beabsichtigt vorhanden ist, aber es ist gering im Vergleich zu einem inkonsistenten Rinnenraum zwischen den Elementen selbst.

Wenn Sie der Meinung sind, dass es aus irgendeinem Grund zu viel leeren Raum um die Elemente gibt, können Sie ihn füllen, indem Sie jede Kachel größer machen oder einige überflüssige Designelemente hinzufügen, die der Seite mehr Stil verleihen würden.