「フォントの種類がありすぎて、どのフォントをダウンロードしたらよいのかわからない」
「いつも同じフォントばかり使ってしまう」
「バナーをいざ1から作ろうとすると、どのようにフォントを選んでよいのかわからない」
など、こんなお悩みありませんか?
今回はWebデザイン初学者がまず悩むであろう「フォント」について書いていきたいと思います。
「女性向け美容商材で使われているフォント」、「ビジネス向けデザインで使われているフォント」など、ターゲットや目的に沿ったフォント法則を見つけるために、様々なデザインで使われているフォントがどのような印象を与えているのかを紹介していきます。
フォントの与える印象がわかれば、まずはターゲットや見せたいイメージに沿った基本的なフォントを選ぶことが出来るのではないかなと思います。
この記事はわたしの主観で書いております。全く同じように感じないなという方もいらっしゃるかと思いますが、ご了承いただけたらと思います。
今回はイメージ画像など載せていなくてわかりにくいと思うのですが、Pinterestなどで検索してみるとたくさん出てくるので、ぜひ見比べて見てみてください。
デザインで使用されているものと全く同じフォントは難しいかもしれませんが、似ているフォントをPhoto Shopのマッチフォントという機能で探すことが出来ます。
ぜひ気になるものがあれば試してみてくださいね。
それではフォントの与える印象について紹介していきますので、ぜひご覧ください。
女性向けデザイン
まず女性向けデザインと聞いたらまずどのようなデザインを想像しますか?
わたしは柔らかい、優しい、華奢、可愛い、綺麗などのイメージを想像しました。
いま想像したイメージに合うフォントってどのようなフォントなのでしょうか?
美容商材
明朝体が使われているデザインがとても多い印象です。
美容商材を購入する時はこの商品を使ったら今より綺麗に、素敵になれるのでは?と想像を膨らませて購入する人が多いと思います。
それから直接肌に触れるもののため、安全性も大切ですよね。
明朝体は格式が高くて綺麗なイメージ、きちんとしていて丁寧(=安全)のような印象を与えることから、女性向け美容商材には打ってつけのフォントなのかも知れませんね。
フィットネス
明朝体やゴシック体や丸ゴシック体が複数の組み合わせで使われているケースが多いと感じました。
フィットネスは今より華奢になりたいと想像したり、楽しい時間を過ごしたいと考えて契約する方が多いのではないかと思います。
キャッチコピーの内容だと、
- 理想の自分になろうという内容→明朝体
- 楽しい時間を過ごそうという内容→角ゴシックや丸ゴシック
特徴に関しては、
- キャッチコピーが明朝(理想)→特徴がゴシック体(時間帯など知りたい情報)
- キャッチコピーがゴシック(楽しさ)→特徴が明朝体(功績など書かれている)
店舗によって魅力は違うけれど、テキストの内容を軸にフォントを選んでみると考えやすいかもしれませんね。
女子旅
明朝体や装飾フォント、丸ゴシックなどで細めのフォントが使用されていることが多い印象です。
女子旅って1つ1つの観光地を周る楽しみももちろんありますが、仲の良い女性同士で見たものや普段の悩み、楽しみを一緒に共感しあって過ごす時間を楽しみに行く方が多いのではないかと考えました。
明朝体って小説によく使われているように、優しい語り口調みたいにも見えるので、女性向けのデザインに多く使われているのかもしれませんね。
次に装飾フォントについてですが、女性旅で使用されている装飾フォントは、少しレトロで風情のあるタイプの印象です。可愛さがありながらも、すこし懐かしく感じるフォントは味が出ていてとても素敵ですね。
最後に丸ゴシックは、優しくて可愛らしい印象なので女性向けのデザインとわかりやすく表現できます。
合わせやすい明朝体や、味と可愛らしさがある装飾フォント、優しさがある丸ゴシックは女性向けデザインにとても合っていますね。
男性向けデザイン
男性向けデザインと聞いたらまずどのようなデザインを想像しますか?
わたしははっきりしている、堅実、スッキリしていてシンプル、かっこいいなどのイメージを想像しました。
男性のイメージに合うフォントってどのようなフォントなのでしょうか?
メンズスキンケア
ミディアムくらいのゴシック体が使われてるデザインや太めの角ゴシックの印象です。
以前より男性用のスキンケアブランドが出来たり、まつげパーマや脱毛など身だしなみに気を遣う男性が増えました。
スキンケアは綺麗に肌の調子を調整するものなので、フォントもちょうどよいミディアムサイズが合うのかもしれないですね。
太い角ゴシックの場合はテキストを斜めに配置し、効き目ありそうという印象です。
ゴシック体は視認性がよく、無駄なものを取り除いているフォントです。無駄がなく必要なものしか使っていないって、スキンケア商品を選ぶ上でもとても大切な点ですよね。
求人
求人のデザインはゴシック体、明朝体が使われていたデザインが多い印象です。
基本的にゴシック体がほとんどで、明朝体はメッセージ性が強いテキストの時に選ばれている印象です。ゴシック体も明朝体も固い安心感のあるビジネスに適しているフォントです。
フォントを斜めにして使用しているところも多かったです。斜めのデザインを入れるだけで、スピード感があり挑戦して成長していける印象を与えることができます。
ビジネス向けデザイン
ビジネス向けデザインと聞いたらまずどのようなデザインを想像しますか?
堅実な安心感、誠実で紳士的、グローバルでネットワークが広い、スピード感があるなどのイメージを想像しました。
想像したイメージに合うフォントってどのようなフォントなのでしょうか?
セミナー
ゴシック体や明朝体が使われ、とても堅実な印象があります。
ゴシック体を横並びにしているのがほとんどの印象でした。明朝体を使用している場合は文字組みで横並びを少し崩し、堅すぎない印象を持たせたいのかなと感じました。ゴシック体も明朝体も、堅実で安心感のイメージが必要なビジネスに適しているフォントです。
テキストを横並びのままに配置しているデザインが多いですが、
- 斜めに配置する→スピード感がでる
- 明朝体を選んでテキストをバラバラに配置する→横並びより、堅い印象が薄れる
配置の仕方を変えてみるだけでも印象が変わります。
キャッシュレス
基本的に角ゴシックが使用され、一部丸ゴシックのデザインがありました。ゴシック体は安心感のある印象に見えるためキャッシュ関連のデザインに最適です。
テキスト量の多いデザインも多く見られました。ゴシック体は視認性がよく、無駄なものを取り除いているフォントのため、テキスト量が多くなってしまっても読みやすいフォントです。
ただ、英数字に関しては英字フォントに変えたほうが綺麗に見えるので変更するように心掛けるとよいです。
まとめ
「どうやって選べばいい?Webデザインでよく使われる、センスのよいフォントの選び方」いかがだったでしょうか?
今回の記事はかなりわたしの主観で書いておりますが、自分でデザインする時も、見てもらう相手にどのような印象を持ってほしいと考えてフォントを選んでいます。
本当はイメージ画像など使用したいのですが、著作権が怖いので文章のみで書かせていただきました。いいなと思ったフォントがあった時、全く同じものというのは難しいかもしれませんが、似ているフォントをPhoto Shopのマッチフォントという機能で探すことが出来ます。
ぜひ試してみてくださいね。