最小限の拡張可能/アコーディオンメニューボタンのスタイル

Question

私は製品をフィルターするためのサイドバー/パネルを作ろうとしています、そして全体的に私はミニマリスト/フラットなデザインを使用しています。これが折りたたまれて展開されたレイアウトです。

私の問題は、ご覧のように、特にアコーディオンボタン（フィルターボタン）がいくらか見えないことです。もう一度クリックすると、折りたたむことができることをユーザーに理解してもらいたい。そのデザインを大胆に、しかしシンプルでミニマリストにするためのアイデアはありますか？通常の丸いボタンのデザインはボタン（？）ではないので使用できないと思います。

ありがとう、どんな考えでも感謝します！ :)

Answer 1

＃f4f4f4やライトグレーなど、アコーディオンパネル内のコンテンツの背景に色を付けることができます。これにより、奥行きが増し、目立ちやすくなります。

Answer 2

別の方法は Material design が拡張パネルを扱うようにすることです：

パネルが展開されるとわかるように、この問題を処理するために他のパネルから分離されています。