株式会社ココロザシ

強い印象を与えるタイトルページについて

こんにちは。WEBデザイナーの篠田です。
本日は強い印象を与えるタイトルページについて記載いたします。

WEBサイトのデザインでは、ひと目見たときに強く印象づけることが重要です。
サイトの内容や、雰囲気にあわせた様々な工夫を凝らし、次のページに進みたくなるような、
楽しい仕掛けのある演出をするのが効果的です。

また、タイトル文字を目立たせたい場合、
大きいサイズの文字で太文字が最適だと思いがちですが、
重要なのは、地色と文字色の関係です。
もちろんジャンプ率の高い(文字サイズの差を大きく取った)デザインは目にとまりやすくはなりますが、
この色使いを間違うと、メリハリのあるタイトルにはなりません。
背景色と、文字色に明度差をつけるのが基本で、
明るい背景には暗色の文字、暗い背景には明色の文字を使うのが鉄則です。

タイトル文字は、サイズが大きいほどアグレッシブで力強く、
小さいほど上品で洗練された印象になります。
小さいサイズの文字も、周りの余白をたっぷり取ることで、
印象的に見せることもできます。

■参考ページ
・バイオハザード
http://biohazard-vendetta.com/

・スプラトゥーン
https://www.nintendo.co.jp/wiiu/agmj/

・スタジオジブリ
http://www.ghibli.jp/

・ハリウッド
http://hollycon.jp/

いかがでしたでしょうか。
皆さんもサイトを作る際は、
タイトルや文字が見やすいように工夫をしてみてはいかがでしょうか。

明日はビジュアルを活かしたタイトルページについて紹介いたします。
よろしくお願いいたします。