• MV_1120x330
  • MV_1120x330

透明度を変えるだけじゃもったいない! Hover表現のトレンド5選【画像編】

ほっしー ほっしー


LoadingMY CLIP

  • このエントリーをはてなブックマークに追加

5. クリックを促すアイコンの表示

5
出典:go-arch

画像の上にマウスをのせると、+マークや虫眼鏡のアイコンを表示し、さらにクリックを促す表現も最近の流行りです。デザインをする際は、使いどころを見極めるのはもちろん、ユーザーが「うるさい」と感じないようにシンプルで明快なものになるように表現をよく検討する必要があります。
 
 
さて、いかがでしたか? もちろんこれ以外にもHoverの表現は数多くありますが、ここでご紹介したトレンドや、そのサイトに適切かどうか、さらにユーザーどう感じるかを深く考慮する必要があります。これらを加味し、うまくHover表現を活用することで、サイトの世界観を効果的に演出することができます。ぜひ、今後のWEB制作にとりいれてみてくださいね。次回はボタン編をお送りします!

街角のクリエイティブ ロゴ


  • このエントリーをはてなブックマークに追加

TOP