it-swarm-ja.com

HTMLボタンホバー効果の標準、原則、またはベストプラクティス

ホバー時のボタンの色や効果を変更するための標準、原則、またはベストプラクティスはありますか?.

何かのようなもの :

  • 軽くする
  • 暗くする
  • 背景と前景色を変更する
  • 効果を追加

ホバーで色を変更する場合、変更する特定のルールまたは比率はありますか?

5

これについては数か月前に読みましたが、どこか思い出せないので、これを頭の中でやりました。それは行きます:

まず、システムホバー効果に依存しないでくださいをクリックして項目を示します。この時代のタッチスクリーンの時代では、プレゼンテーションはクリック可能なものとそうでないものを明確にする必要があります。

次に、ホバー時にcursorを変更して、アイテムがクリック可能であることを確認することをお勧めします。

ホバー時のインターフェースに対するその他のタイプの変更は、純粋に美的理由のために行われます。これらの変更は、ビジュアルデザイナーがmotionと呼ぶもの、または簡単に言えば、アニメーション(インターフェースへの動的な変更)に該当します。視覚兵器のすべてのツールの中で、動きは最も注目を集めるツールです。したがって、一般的な推奨事項はそれを使用することです辛うじて

質問に直接回答するには:

  • 明るくする-明るくすると、彩度または明るさが増し、アイテムが「ホッター」になります。これにより、行動を促すことが適切に促進されます。
  • 暗くする-「クールオフ」効果を示す可能性があります。これは、ボタンが関与するアクションの論理的な呼びかけにおそらく反するものです。
  • 背景または前景を変更-不必要に注意を引くため、色を完全に変更しないでください。色合い/明るさの微妙な変更は問題ありませんが、色相は変更しないでください。
  • 効果を追加-純粋に審美的な理由で行われますが、これによりシステムの応答性の印象が高まるという仮説を立てることができます。注意を引きすぎないように、微妙な効果を使用します。ホバーアニメーションを使用する最もよく設計されたサイトはこれに従います。
8
Izhaki