モバイルサイトの魅力を引き出す配色術 : LINE Corporation ディレクターブログ

モバイルビジネスユニットのイシカワです。 端末の進化によって、モバイルサイトでも表現の自由なサイトが多くなってきました。 見せ方ひとつとっても、Flash を多用したリッチなコンテンツにしたり、絵文字や装飾で賑やかなコンテンツにしたり様々ですが、今回は物凄く基本的な「色」について書いてみたいと思います。 色の効果にも色々とあるので、掻い摘んで説明をしたいと思います。 視認性 視認性は色の見えやすさの事をいいます。 背景色と文字色とで明度差が小さいと、文字が見えにくくなり、逆に背景色と文字色の明度差が大きいと、文字は見えやすくなります。また明度以外にも彩度や色相の差も関係してきます。なので、文字の読みやすさに与える配色の場合は可読性とも言います。 背景色は白、文字色は赤で文字のみ明度に差をつけてみました。 左上の文は明度差が小さいので読み難くなっていますよね? 逆に右下の文は明度差が大きいの

[XIAORING]

color

[nkmmnya]

見やすいサイトをこころがけたいものです

[jun_okuno]

"視認'性" "誘目性" ”面積効果”

[nagyurita]

何か昔この辺を研究対象にしていた気がするんだ…

[matuix]

背景色が黒というのはアダルトサイトなどでも使用され、ユーザーからしてみればビックリしてしまう色使いなので、使用時には注意が必要です。