プライマリボタン
Primary Button
別名: メインボタン / Main Button
ライブデモ
説明
一言で説明
画面で最も重要なアクションを示す、目立つデザインのボタン。通常、塗りつぶしのアクセントカラーで表現される。
いつ使う？
「保存」「送信」「登録」など、画面で最も行ってほしいアクションに使う。1画面に1つが原則。
💡 日常の言い方
「色がついた一番目立つメインのボタン」
似ている用語との違い
プライマリボタン vs セカンダリボタン
セカンダリボタンは補助的なアクション用のボタンで、枠線のみなど控えめなデザイン。
プライマリボタン vs CTA
CTAはコンバージョンにつなげる行動喚起要素の総称。プライマリボタンはそのUIコンポーネント名。
AIへの指示例
フォームの下にプライマリボタン「送信」とセカンダリボタン「キャンセル」を配置して。プライマリはアクセントカラーの塗りつぶし、セカンダリは枠線のみにして。