[Sponsor] 「これからWebデザインを始めたい」方のための
Webデザインスクールを渋谷で開催!
yamanoku2019/08/15 23:37

ホバーしたときに対象の要素の透明度を上げるのは何故?

背景が白地の場合だとコントラスト比が薄まる場合があって見づらくなるような気がしているのですが、
ホバー時に透明度を上げる明確な理由が分かる方がいたらお聞きしたいです。

回答

  • 人間2019/08/16 18:13

    あくまで仮説に過ぎないですが:

    1. デザイナーが hover など UI ステートのデザインを忘れていたので実装側で対応した
    2. 透過だと別の UI アセットを用意する必要がないので作り手にとって手間が省けた
    3. CSSの透過効果は古い IE をはじめ広くブラウザサポートがあるだけでなく、JavaScript を使う必要がなかった

    個人的な見解は「作り手都合でやっている」ではないかと思います。おっしゃる通りコントラスト比が担保されていないケースも見かけますし、透過という認知が難しいエフェクトにエフェクトとしての意味があるのかという疑問が残ります。

    では、デザイナーや実装者が悪いのかというと。そう言い切れないと思います。 UI ステートの指示がされていたのか。設計時にどういうインタラクションがあるのかといったプロジェクトメンバーとのコミュニケーションが足りていなかった可能性もあります。タッチデバイスの操作が当たり前になっている現在、hover がどれだけ重要なのか何とも言えないですが、UI に触れたり操作したときのエフェクトは忘れないようにしたいですね。

回答する

新規登録してログインすると質問にコメントがつけられます