it-swarm.com.de

Minimalistischer erweiterbarer / Akkordeon-Menütastenstil

Ich versuche, eine Seitenleiste/ein Bedienfeld zum Filtern von Produkten zu erstellen, und insgesamt verwende ich ein minimalistisches/flaches Design. Hier ist das Layout, reduziert und erweitert.

(enter image description here

Mein Problem ist, wie Sie sehen können, dass die Akkordeon-Taste (Filter-Taste) etwas unsichtbar ist, insbesondere wenn sie erweitert ist. Ich möchte, dass Benutzer erkennen, dass es durch erneutes Klicken wieder reduziert werden kann. Haben Sie eine Idee zu seinem Design, um es mutig, aber dennoch einfach/minimalistisch zu machen? Ich glaube nicht, dass ich normales Design mit abgerundeten Knöpfen verwenden kann, da es sich nicht um einen Knopf handelt (?).

Vielen Dank, jede Idee geschätzt! :) :)

3
Dolorosa

Sie können dem Hintergrund des Inhalts im Akkordeonfenster eine Farbe geben, z. B. # f4f4f4 oder Hellgrau, um die Tiefe zu verbessern und die Wahrnehmung zu verbessern. (enter image description here

4
Rob H. Yamin

Eine Alternative ist Materialdesign befasst sich mit Erweiterungsplatten:

Wie Sie sehen können, wenn ein Panel erweitert wird, trennt es sich von den anderen, um dieses Problem zu lösen.

4
Alvaro