Apple Webサイトのメニューの色は、ホバーするとフェードアウトします。これは、アイテムをホバーすることがそれをアクティブにするようなものであり、積極的なアクションであるため、これは間違っていると思います。
それでは、ホバーカラーを選択する論理的かつ合理的な方法は何ですか?
まず、質問への回答を簡単にするいくつかのことを説明します。
ホバー。リンクまたはコマンドのホバー応答の目的は、アフォーダンスを通知または強化すること、またはおそらくその柔軟性(ドラッグされたオブジェクトのドロップなどのアクションに対する意欲または受容性)を示すことです。
ポインタコンピュータ画面上の==は、私たちの指や手の代用です。これを使用して、プッシュまたはドラッグを示したり、選択したり、押したり、押したりします。
「ホバー色を選択するための論理的で合理的な方法は何か」というあなたの質問には、おそらく組み合わせることができる多くの可能な答えがあります。
あなたは組み合わせることができます上記のソリューションは、視聴者に最適な視覚的キューを定義/設計するために使用します。そうです。私はあなたの質問に特定の答えはありません。なぜなら、それは依存するは、コンテキスト、ユーザーのタイプと以前の経験、ビジュアルデザインの感情的な目標などに依存するためです。
ホバー状態はクリック機能を提供するため、ホバー色はnoticeableであることが推奨されます。 一般に、背景色とのコントラストは、この望ましい効果を実現するのに役立ちます。
このサイト自体で例を見ることができます:
ホバーの色は、基本色のトライアドスキームに従っています。
リンクの色とホバー状態を選択するために利用できるいくつかの技術的なガイドラインがあります。 W3CによるG183文書 を参照してください。周囲のテキストと3:1のコントラスト比を使用し、リンクまたはコントロールのフォーカスに追加の視覚的合図を提供して、色のみを使用してそれらを識別することをお勧めします。
お役に立てれば!
それには本当の「論理」はありません。それはもっとプロセスです。
可能なすべての視覚的変化を特定します。
または上記の任意の組み合わせ。 (サイズを変更することもできますが、問題があるため、通常は避けます。正しく実行することは可能ですが、複雑になります。)変更を明確に(十分なコントラスト)して、カラースキームと調和させて、 (テキストと背景のコントラストを下げすぎて)何かを不明瞭にしたくない。また、サイト/ページ全体で一貫性を保つ必要があります。すべての要素タイプのホバー効果はすべて同じである必要はありませんが、テーマのバリエーションであり、バリエーションの数は限られている必要があります。
また、タッチデバイスにはホバー効果がないので、ホバー効果は非タッチデバイスの装飾にすぎないと考えてください。