数値とスライダーの両方で、個別および複数（4つ）の入力フィールドを選択して調整します

Question

私はグラフィカルツールの新しいソリューションに取り組んでおり、ユーザーがfxマージンまたはパディングを調整するための代替バージョンを見つける必要があります。この場合、ユーザーが現在入力できる4つの入力フィールドがあります。1.数値を入力するか、スライダーを使用して個々のマージンを調整します。2. 4つすべてのフィールドを選択し、スライダーで4つすべての値を調整します。

現在のソリューションは、最適化され、可能であればより効率的で使いやすさを向上させる必要があります。これを解決する方法について何か意見はありますか、またはいくつかの良い例を見ましたか？

Answer 1

現在、Googleデベロッパーツールはこのようにしています（画像の右端に表示されます）。

マージンとパディング構造の視覚的表現を表示すると、ユーザーが編集している要素を明確に理解するのに役立ちます。すぐにジャンプして、その場で値を編集できます。

そのような正確な制御のために、私はスライダーに対してお勧めします。