Viele Internet-Seiten haben runde Ecken. Zum Beispiel bei Knöpfen, Kästen und Tabellen. Fachleute sagen dazu: Rounded Corners. Weil fast alle Seiten runde Ecken haben, sehen viele Seiten sehr ähnlich aus.
Wir machen es jetzt anders. Unsere Website webconsulting.at benutzt eckige Kanten. Das gilt nur für unsere eigene Website und unsere Tools. Es ist keine Regel für alle.
Runde Ecken sind nicht schlecht. Wir erklären hier nur unsere eigene Entscheidung. In unserem System Desiderio kann man die Rundung weiter selbst einstellen. Mehr dazu steht am Ende von diesem Text.
Inhaltsverzeichnis
Warum eckige Kanten?
Darum haben wir uns so entschieden.
Was runde Ecken kosten
Diese 4 Probleme machen runde Ecken.
So setzen wir es um
Eine zentrale Regel für die ganze Website.
Desiderio
Hier kann man die Rundung selbst wählen.
Warum eckige Kanten?
Runde Ecken sind heute normal. Viele Programme für Websites machen runde Ecken automatisch. Darum sehen viele Websites gleich aus.
Wir wollen ein eigenes Aussehen. Eckige Kanten passen gut zu einem klaren Raster. Ein Raster ist eine unsichtbare Ordnung auf der Seite. Wichtig sind für uns: gute Schrift, klare Abstände und guter Kontrast.
Was runde Ecken kosten
Runde Ecken sind nicht nur eine Frage vom Aussehen. Sie machen auch Arbeit. Vier Punkte waren für uns wichtig.
1. Runde Ecken brauchen Platz
In kleinen Feldern ist wenig Platz. Eine runde Ecke nimmt davon noch etwas weg. Der Inhalt muss dann weiter nach innen rücken. Ein eckiges Feld kann die ganze Fläche nutzen.
Links geht Platz in den runden Ecken verloren. Rechts kann die ganze Fläche genutzt werden.
2. Zeichen in der runden Ecke
Manchmal sitzt ein kleines Zeichen nahe an einer Ecke. Zum Beispiel ein Symbol oder ein Punkt. An einer runden Ecke sieht das Zeichen schnell abgeschnitten aus. Dann braucht es extra Abstand. An einer eckigen Kante passiert das nicht.
In der runden Ecke braucht das Zeichen extra Abstand. An der eckigen Kante nicht.
3. Rundungen vererben sich
Websites bestehen aus vielen Teilen. Eine Regel für Rundungen wirkt oft auf viele Teile gleichzeitig. Dann sind plötzlich Teile rund, die eckig sein sollen. Das muss man einzeln reparieren. Das macht viel Arbeit.
Eine Regel wirkt auf viele Teile. Am Ende muss man einzelne Stellen von Hand reparieren.
4. Verschiedene Rundungen mischen sich
Eine Website nutzt oft mehrere Programme und Bausteine. Jedes bringt eigene Rundungen mit. Dann stehen verschiedene Rundungen nebeneinander. Das sieht unruhig aus. Ein gemeinsamer Wert löst das Problem. Wir haben uns für den Wert 0 entschieden. Das heißt: keine Rundung.
Verschiedene Rundungen passen nicht zusammen. Ein gemeinsamer Wert schafft Ruhe.
So setzen wir es um
Auf webconsulting.at gilt jetzt: Alle Ecken sind eckig. Fachleute sagen dazu: Radius 0.
Eine zentrale Regel im Code sorgt dafür. Die Regel gilt für die ganze Website. So bleibt das Aussehen überall gleich.
Eckige Kanten allein machen eine Website noch nicht gut. Umso wichtiger sind: klare Schrift, gleiche Abstände und guter Kontrast. Daran arbeiten wir laufend.
Ausnahmen sind selten. Für eine Ausnahme braucht es einen guten Grund.
Desiderio: Die Rundung bleibt einstellbar
Desiderio ist unser neues System für TYPO3. TYPO3 ist ein Programm für Websites. Mit Desiderio baut man das Aussehen von einer Website.
In Desiderio legen wir die Rundung nicht fest. Jede Website kann die Rundung selbst wählen.
Das Vorbild dafür ist shadcn/ui. Das ist eine bekannte Sammlung von Bausteinen für Websites. Dort wählt man die Rundung einfach aus einer Liste: keine, klein, mittel oder groß. Viele Fachleute sagen im Scherz: shadcn hat immer recht. Darum bleibt die Wahl auch in Desiderio offen.
Die Einstellung wirkt sofort auf die ganze Website. Man muss nichts neu bauen.
Die Bilder zeigen das gleiche Element mit drei verschiedenen Rundungen:
Keine Rundung: Alle Ecken sind eckig. So macht es webconsulting.at.
Mittlere Rundung: Die Ecken sind etwas rund. Viele Websites nutzen diese Einstellung.
Starke Rundung: Die Ecken sind sehr rund. Kleine Flächen sehen aus wie Pillen.
Mehr über das System steht im Text über Desiderio.
Das Wichtigste zum Schluss
Runde Ecken sind nicht falsch. Viele Menschen mögen sie.
Für unsere Website passen eckige Kanten besser. Sie sparen Platz. Sie machen weniger Arbeit. Und sie geben der Seite ein klares Aussehen.
Wichtig bleiben: gute Schrift, klare Abstände und guter Kontrast.
In Desiderio kann jede Website die Rundung selbst wählen. Dort ist die Rundung eine Einstellung.
Wollen Sie über Ihr Design sprechen? Schreiben Sie uns.