Wie sollte das Verhältnis zwischen Rand und Polsterung sein?

Sollte es in rasterbasierten Layouts eine Beziehung zwischen Rändern (dem Abstand zwischen Elementen) und Auffüllung (dem Abstand zwischen einem Elementinhalt und seinen Rändern) geben?

Antworten (3)

Nein, es gibt kein universelles Verhältnis oder Größe für Rand und Polsterung. Was in Design A harmonisch aussieht, kann in Design B ziemlich eigenartig sein. Ausgefallene Elemente können absichtliche Designentscheidungen und die Absicht des Designers sein. Also geht alles. Das gesagt...

Die gemeinsame Idee ist, dass Dissonanzen ablenken. Daher erfordern die meisten Designs Ränder und Polster, die harmonisch zu anderen Elementen passen. Tipps für einen harmonischen Rand und Padding:

  • Lesen Sie mehr über den Goldenen Schnitt und die Fibonacci-Folge.
  • Schlagen Sie die Canons des Seitenaufbaus nach.
  • Lassen Sie sich vom Rhythmus in und zwischen anderen Seitenelementen wie Rastergröße, Seitenränder, Spaltensteg, Zeilenhöhe usw. inspirieren.
  • Erstellen Sie Ihr anfängliches Layout mit grauen Rahmen anstelle von eigentlichem Text. Auf diese Weise können Sie die Designherausforderung isolieren und sich auf die verfügbaren Designoptionen konzentrieren. Ein temporärer Absatzstil, der Text als graue Linien formatiert, kann hilfreich sein.
  • Schauen Sie sich andere Veröffentlichungen an.

Wenn sich Ihr logisch begründeter Rand und Ihre Polsterung immer noch etwas daneben anfühlen (was durchaus möglich ist, da sich alle Elemente gegenseitig beeinflussen), können Sie Variationsbereiche erstellen, indem Sie jeweils einen einzelnen Parameter anpassen. Wählen Sie die Variante, die richtig aussieht. Durch das Speichern Ihrer Variationen können Sie zurückblicken und über die von Ihnen getroffenen Designentscheidungen nachdenken. Iterieren Sie über alle Parameter, solange Sie nicht zufrieden sind. Am Anfang können Sie größere Schritte verwenden und übertreiben und sich auf eine kaum wahrnehmbare Feinabstimmung beschränken.

Nein, das hängt ziemlich davon ab, was Sie erreichen möchten.

Persönlich versuche ich, bei einem Minimum von 5 Pixel Padding und 10 Pixel Margin zu bleiben. Aber auch hier kommt es darauf an, wie die Seite aussehen soll.

Manchmal übernimmt Padding die Aufgabe des Randes, wenn die Hintergrundfarbe das benachbarte Element berühren soll.

..wobei der Rand die beiden Hintergrundfarben auseinander drücken würde.

Dies hängt also wiederum davon ab, wie Sie den Stil der Seite wünschen, in einigen Fällen ist dies möglicherweise strenger als in anderen.

Nein - Wenn es richtig aussieht, ist es richtig.

Du bist der Designer, Regeln sind dazu da, um gebrochen zu werden :-) Wenn niemand herumspielen würde, würde alles gleich aussehen.

Ich denke nicht, dass dieser Rat sehr solide ist, Rand und Polsterung haben unterschiedliche Funktionen und sollten nicht willkürlich basierend auf dem Aussehen ausgewählt werden
es ist völlig subjektiv, basierend auf dem, was Sie erreichen möchten.
Subjektiv? Ich bin mit dieser Aussage nicht einverstanden. Die Wahl zwischen Padding oder Margin ist absolut objektiv , je nachdem, was Sie erreichen möchten
Was Sie also sagen, ist, selbst wenn es richtig aussieht, könnte es "falsch" sein ...
Manche Regeln kann man nicht brechen. So wie Sie ein Bild ohne eine horizontale Bildlaufleiste nicht rechts von der Leinwand entfernen können. Es ist die Regel von HTML.
Wie sollte das Verhältnis zwischen Rand und Polsterung sein?
AntwortenHierDatenschutz-Bestimmungen1y, 0v