Wie strukturiere ich einen Abschnitt richtig? [geschlossen]

Ich habe den folgenden Abschnitt auf meiner Website.

Dies wird auf einem 1980p-Display angezeigt, sodass bei einer kleineren Auflösung der linke und rechte Rand reduziert wird, aber das allgemeine Layout auf dem Desktop relativ gleich bleibt.

Geben Sie hier die Bildbeschreibung ein

Auf dem Handy

Geben Sie hier die Bildbeschreibung ein

Ich bin kein Designer und habe das Gefühl, dass es in diesem Abschnitt einige Probleme gibt, insbesondere auf dem Desktop, aber ich bin mir nicht sicher, wo.

Ich freue mich über alle Rückmeldungen. Vielen Dank im Voraus

Antworten (1)

Ich denke, was Sie fühlen, ist eine gewisse Inkonsistenz bei der Ausrichtung und dem Festhalten an einem Raster. Es gibt kein „richtiges oder falsches“ Raster oder eine Ausrichtung, aber die Verwendung solcher Layout-Tools hilft dabei, eine wahrgenommene Konsistenz und Ordnung zu schaffen.

Hier sind einige Beispiele, um zu veranschaulichen, was ich meine und wie Sie Ihre Designs verbessern können. (Auf keinen Fall die beste oder einzige Möglichkeit, dies anzugehen.)

Desktop: Ist meistens zentriert, aber die Elemente in der Mitte sind etwas freischwebend.

Geben Sie hier die Bildbeschreibung ein

So könnten Sie sie konsistenter ausrichten:

Geben Sie hier die Bildbeschreibung ein

Mobil: Auch zentriert, fühlt sich schon recht gut an, könnte aber noch verbessert werden, indem auch die Außenkanten ausgerichtet werden.

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Es gibt ein großartiges kostenloses E-Book des berühmten Designers Massimo Vignelli mit dem Titel „The Vignelli Canon“. Zur weiteren Lektüre empfehle ich, es von der Website seiner Designfirma zu beziehen und auf Seite 40 zu beginnen. http://www.vignelli.com/home/bookmagazine/canon.html

Danke schön. Es sieht definitiv nach mehr Konsistenz aus. In diesem Fall sollte ich responsive Grids vermeiden, da es sich je nach Bildschirmgröße dehnt und schrumpft
Gern geschehen. Nein, Responsive Grids sind ein großartiges technisches Gerät. Sie möchten lieber Ihre Container und grafischen Elemente „verfeinern/optimieren“, wenn das Sinn macht? Ein Layout-Raster ist nicht 100% gleich dem responsiven Raster, es ist eher die wahrgenommene Ordnung und das übergeordnete Konzept der visuellen Ausrichtungsachse ... eine Denkweise über das Aussehen ... Es tut mir leid, dass ich das nicht besser erklären kann .