@ledsun blog

Hのキーがhellで、Sのキーがslaveだ、と彼は思った。そしてYのキーがyouだ。

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

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

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

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

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

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

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