サムネイルに目を止めてもらうには?

サムネイルに目を止めてもらうには?

記事
デザイン・イラスト
サムネイルで苦労をしてきて
色やデザインが大切だということに気づき、
色について書いています。
配色はやってみたけど
文字がなんだか見にくい・・・
文字を見やすくするにはどうしたらいいのか
という疑問を解消できると思います。
今回は、どうしたら文字が見やすくなるのか、
キーワードは「コントラスト」です。
目次
「文字が見やすい」とは?
黄も青も明るいけど読みやすさが違うのはどうして?
「文字が見やすい」とは?
文字が見やすいということはどういうことでしょうか。
文字が見やすいのは
上と下、どちらでしょうか?
A
視認性2.png

B
視認性.png


明らかにBだと思います。
ではこれはどうでしょうか?
C
視認性3.png

D
視認性4.png

Dの画像の方が見やすいと思います。
見やすい、見にくいの差は何かわかりますか?
答えは、
背景と文字の明るさの差です。
これが
明度のコントラストです。
コントラストといっても
文字の読みやすさや見つけやすさには
この明度コントラストが影響します。
背景の色と文字の色の明るさの差が
高ければ高いほど
その文字は読みやすくなるのです。
黄も青も明るいけど読みやすさが違うのはどうして?
灰色の背景と黒の背景では
明るさの差がわかりやすいと思いますが、

明るいビビットな色でも
実は明るさが違うのです。
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す