web-dev-qa-db-ja.com

通常の状態よりも濃い色のボタンとハイライトのボタン

ウェブサイトの一部をコーディングしているときに、デザイナーが通常の状態よりも暗い色調のホバー状態を選択した理由に戸惑いました。アクティブ状態を強調するために、ロールオーバー状態は通常状態よりも明るい色相であるべきだと私には論理的に思えます。しかし、これに気づいた後、ホバー状態のボタンを暗くする場所(UXを含む)がたくさんあることに気付きました。これはロールオーバーでボタンを強調表示するよりも優れていますか?私はそれがボタンを押し下げていることを示唆していると思います。シェーディングとハイライトのどちらが良いですか?

6
Styler

ホバー状態の目的は、ホバーされた要素に注意を引くことです。自然に明るい色はより多くの注意を引きます(そしてさらに重要なのは色の変化です)が、一部の明るいデザインでは、ホバー時のボタンを暗くすると、より目立つまたは美的に楽しい効果が得られます。

モニターの色は非常に明るくなるだけで、サイトの美観を維持するために特定の明るさになるように希望するだけです。 UXの「質問する」ボタンを例にとると、明るさがかなり明るくなると、過度に明るく見えるようになります。 UXは、超飽和されていないプロの色を使用しています。 「質問する」ボタンを明るくしすぎると、蛍光ペンのマーカーが黄色のように、漫画風に見える場合があります。

これは、ほとんどの場合、明るくしたり暗くしたりする方が良いかどうかというケースではありませんが、目立ちますが、極端ではない色の変更を選択します。これは、インターフェイスの色とムードに合うものです 上手。

4
Ben Brocka

UIアイテムのホバー変更が存在する理由は2つあります。

  • 正確なポインタの位置を確認するために、より重要なこと
  • クリック可能性を確認するため。

特にテキストリンクでは、何かがリンクなのか、単に装飾が異なるテキストなのかがはっきりしません。指されたときにマウスに反応すると、クリックが確認され、促されます。

明るくするか暗くするかは、見た目の美しさだけで、配色によって異なります。初期の強調表示はしばしば極端でした(例:ネットスケープの明るい赤:ホバーのデフォルト)。ただし、経験豊富なユーザーに対応するサイトは、視覚的に障害のあるユーザーの使いやすさをわずかに犠牲にして、効果をより美的に心地よくすることができます。

3
Myrddin Emrys