web-dev-qa-db-ja.com

「編集」の色

Bootstrap=配色では、危険ボタンは赤、OK /確認/成功ボタンは緑、セカンダリは灰色(キャンセルなど))などです。

赤い「Bootstrap use。」と同じ色合いの「削除」ボタンと一緒に編集ボタンを配置したいのですが、「情報」ボタンと「警告」ボタンは編集ボタンに使用する正しい色。セカンダリ/デフォルトボタンはそれほど重要ではないか、バックアップの種類のボタン(キャンセルなど)のように見え、メインボタンはメインアクションのように重要すぎると思われます。編集ボタンの色じゃあ?

enter image description here

2
Mingle Li

bootstrap配色は、組織またはプロジェクトのブランディングまたはスタイルガイドをまだ用意していない場合の出発点に過ぎないため、適切なものだけを取り上げます。そこにあるすべてのものを単に適用するのではなく、.

bootstrapテーマを本当に適用したい場合は、デフォルトのボタンスタイルが適切です。必要な強調の度合いに応じて、プライマリアクションカラーを使用してどちらかを確認できます。それがそれほど重要でない場合は、二次的なアクションの色を計画または定義します。

2
Michael Lai

私のマネージャーはかつて私に言った、「私の言葉を福音にしないでください。私はあなたからアイデアを跳ねています」

ブートストラップのボタンの色に関するガイドは参考にするとよいでしょうが、ターミナルアクション、ステップアクションなど、ボタンの種類ははるかに多くなります。

編集自体はdefaultボタンのように見えますが、状況に応じて変更できます。

編集がページ(プロファイルページなど)の主要なアクションである場合は、Primaryとして使用する必要があります。

PS:不明な場合は、デフォルトを使用してください。それで失敗することはありません。

1

Bootstrap buttonsオプションで、各デフォルト色の一般的な解釈をすでに正しく述べました。

赤い色は否定的/危険な行為であると一般に認められています。オレンジ色はアラートアクションですが、緑色は通常、肯定的/安全なアクションに関連付けられています。

他のすべての色はBootstrapテーマスタイルに固有です。たとえば、主ボタンとしての青は、デフォルトの白のBGではデフォルトの白のボタンよりもコントラストが高くなります。

したがって、デザイン/ページの主要なアクションにしない限り、デフォルトボタンのようなニュートラルボタンを使用する必要があります。

とはいえ、それはもちろんあなたのデザイン次第です。例えば。背景が暗い場合は、明るいボタンが主ボタンになり、暗いボタンがデフォルトボタンになります。

0
caruso_g