@ledsun blog

無味の味は佳境に入らざればすなわち知れず

ダイアログのボタンの配置

Subjectの値を編集するボタンの配置を考えました。

レスポンシブデザインというか、スマートフォンでも見れるようにダイアログの要素はなるべく縦に並べてあります。 PCの画面でみて横幅に余裕があるときでも、縦に並べると今風のデザインになるみたいです。

最初はこのルールにしたがって、Subject欄の真下にボタンを置きました。

f:id:ledsun:20211201233407p:plain
値の下にボタンを配置

このダイアログから、Subjectの値を編集することはまれです。 ですが、この配置だと、一番よく使いそうなボタンに見えます。 そこで、脇役らしく、Subject欄の右に配置してみました。

f:id:ledsun:20211201233440p:plain
値の右にボタンを配置