Hast du mehrere Knöpfe in einem Abschnitt und irgendwie sieht es komisch aus?
Das liegt wahrscheinlich daran, dass sie beide gleich dominant wirken und sich so den Platz streitig machen. Unser Auge weiss nicht, welcher Knopf wichtiger ist und welcher es zuerst ansehen soll.
Wie schaffe ich es nun mehrere Knöpfe so darzustellen, damit sie sich nicht gegenseitig die Show stehlen?
Mit Hierarchie!
Hierarchie kannst du mit Grösse, Schatten und Farbe erschaffen. Schauen wir uns einige Beispiele an:
Grösse
Grössere Buttons wirken automatisch wichtiger / dominanter. Mach also den wichtigeren Knopf grösser.
Farbe und Kontrast
Mit einer auffälligeren Farbe kannst du signalisieren, dass dieser Knopf wichtiger ist, wie der andere.
Gestalte die zwei Knöpfe unterschiedlich. Wie wäre es mit einem ausgefüllten Knopf für die wichtige Aktion und einen umrandeten Knopf für die zweit wichtigste Handlung?
Schatten
Füge mit Schatten Tiefe hinzu. Elemente die Schatten werfen sind weiter oben, also wirken näher bei dir und sind dadurch in der Hierarchie weiter oben.
Und wie gestaltest du deine Knöpfe?