web-dev-qa-db-ja.com

テーマにこれらの色のいずれかが含まれている場合、Webサイトで負、正、警告、およびニュートラルカラーを表示する方法

次の色は、通常、次の意味です。

  • ここが良かった:Green。
  • ここが気に入らなかった:Red。 (中国ではネガティブとポジティブが逆転していますが)
  • 警告:黄​​色。
  • ニュートラル:グレー。

ここで、赤いテーマでWebサイトを作成し、プライマリボタンの色が赤であったとします。ユーザーに否定的なボタンをどのように表示しますか?たとえば、deleteまたはnoボタンですか? cancelをニュートラルにして赤で表示することはできると思いますが、すべてのリンクとプライマリボタンが赤であると、混乱を招きます。

私が使用している配色は http://flatuicolors.com/ です。

5
yaharga

赤/緑/黄/ニュートラルの別の色合いまたは色相を使用し、ポジティブ/ネガティブ/警告/ニュートラルに一貫して使用します。また、アイコンとともにアイコンを使用して、メッセージを強制します。たとえば、「!」とともに1pxのボーダーの薄い赤を使用しますすべてのエラーメッセージのアイコン。ポジティブ/ネガティブ/警告/ニュートラルUIと同様のメッセージまたはUIで、プライマリWebサイトの色を使用しないようにしてください。

4
hbowman

絵文字を使ってタイポグラフィで遊ぶこともできます。これはこの場合に役立つかもしれません。私のプロジェクトの1つに同様の問題があり、うまくいきました。

さまざまな種類のアニメーション(シェイク、ウォブル、ラバーバンドなど)も役立ちます。たとえば、ハードアラートの場合、不安定なアニメーションが問題に役立ちます。これは、目を引くだけでなく、フローを壊すことによって何か問題が発生していることを示します(そのようなアニメーションがまだインターフェースに存在しない場合)。

2
bagaria