Sollten Widgets dem vertikalen Rhythmus folgen?

Sollten bei der Gestaltung für einen vertikalen Rhythmus im Web auch Formelemente dem Rhythmus folgen?

Ich arbeite derzeit an der Entwicklung einer neuen Reihe von Richtlinien und Mustern für eine webbasierte Unternehmensanwendung, einschließlich der Entwicklung sowohl eines vertikalen als auch eines horizontalen Rhythmus – etwas, das dem traditionellen Produkt in der Vergangenheit fehlte. Dies ist das erste Mal, dass ich dem vertikalen Rhythmus so viel Aufmerksamkeit schenke , also habe ich viel darüber gelesen.

Ich fand eine Quelle besonders nützlich, sowohl in Bezug auf die Dokumentation als auch auf das CSS als Beispiel. Als ich jedoch den Abschnitt über Formularsteuerelemente (z. B. Schaltflächen) erreichte, fiel die Kadenz auseinander. Zumindest konnte ich das sehen.

Das Beispiel war ein vertikaler Rhythmus von 6 Pixeln. Der Standardwert <button>wurde jedoch als 32 Pixel ohne zusätzlichen Rand definiert.

Sollen die Formularsteuerungen auch in den Rhythmus passen, oder übersehe ich etwas, wenn es darum geht, dass die Steuerungen mit dem gesamten Seitenrhythmus übereinstimmen?

Antworten (1)

Sie sollten . Es gibt keinen logischen Grund, irgendetwas aus Ihrem vertikalen Rhythmus auszuschließen.

Traditionell wird dem vertikalen Rhythmus im Webdesign nicht viel Bedeutung beigemessen (zumindest bei weitem nicht so universell wie im Printdesign). Teilweise aufgrund technischer Einschränkungen – es ist viel schwieriger, einen konsistenten vertikalen Rhythmus mit Grundlinien und Höhen und Rändern und Auffüllungen usw. im gesamten Design beizubehalten, wenn Sie 4 oder 5 Metriken codieren, die Ihre vertikale Ausrichtung für jedes einzelne Element auf Ihrer Seite beeinflussen , insbesondere wenn Sie relative Einheiten für tief verschachtelte Elemente verwenden, die abhängig von einer nahezu unendlichen Anzahl von Browserbreiten umfließen. Fügen Sie Browser-Inkonsistenzen hinzu (insbesondere Formularelemente waren je nach Browser und Betriebssystem immer inkonsistent).

Ein Grundlinienraster ist ein Mittel zum Zweck – ein Werkzeug und eine Anleitung. Manchmal müssen Sie dieses Raster durchbrechen und Ihr Urteilsvermögen einsetzen, damit sich ein Design „richtig anfühlt“, und das ist vollkommen in Ordnung. Aber Sie müssen verstehen, was und warum Sie diese Entscheidung treffen.

Wenn Sie einen Rahmen oder eine Reihe von Richtlinien entwerfen, sollten Sie auf jeden Fall Formularkontrollen und alles andere berücksichtigen. Viele würden nicht und tun es nicht, aber Sie sollten .