サイズの異なるフォントを利用することは、コンテンツを識別させるのにもっともよい方法のひとつです。Hierarchy)を作成することができます。見出しタイトルには、メッセージ性をよりうまく伝えるために、太字の書体を利用しましょう。補足として、文字間を狭くすることもできますが、読みやすいかどうかも確認しておきましょう。テキストにほんの少しだけ透明度を加えることで、全体の角ばったイメージを柔らかくしてくれ、文字間を調整した見出しタイトルの統一性を強くします。うまくコントラストを表現するために、シンプルな書体を、文字間を広げて利用してみましょう。コンテンツ内容を意識しよう。コンテンツの内容と、フォントの組み合わせがビジュアル的に揃い、調和がとれているか確認しましょう。選択した書体は、コンテンツ内容と他のデザイン要素を表現できていることが大切です。Oneは、シンプルで使いやすい書体で、やや彩度を落としたビンテージフィルタを適用した背景とも、見事に調和しています。Finesse)を表現できるテクニックとなっています。細長い書体を組み合わせよう。幅が狭く細字の書体は、見出しタイトルに適しています。似た2つの細長い書体を、異なる文字間と文字ウエイトで組み合わせることで、うまくコントラストを表現できます。文字の太さと同じくらいのライン線を加えることで、伝えたいメッセージやコンテンツを、より強調することができます。イメージ写真に重ねてみよう。イメージ写真の上に重ねてテキストを表示することで、うまくグラフィックデザイン要素を組み合わせることができる良い方法です。フォントに重ねる、コンテンツの特長を捉えたイメージ写真を選び、テキストの可読性を考えながら、明るさとコントラストを調整しましょう。ひとつのフォントファミリーだけを利用することで、デザイン全体の調和が取りやすくなります。Bold)など異なるスタイルで変化を演出できます。Thirds)を応用し、各フォントを配置することで、うまく階層を作成することもできます。クリエイティブな書体を活用しよう。セミコロン(;)やアンパサンド(&)などを利用する機会があれば、うまくデザインに活かしてしまいましょう。Character)も一緒に収録しています。その中でもアンパサンド(&)はエレガントな雰囲気が特長です。Displayなどよりクリエイティブに楽しんでいる書体を選択してみましょう。フォントを配置するときは、目的や意図をもつことが大事になります。上のサンプルでは、上段の’Crisp’のCが、下段の’Cool’のCとOの間にぴったりフィットしています。Alignment)に気をつけながら、他のデザイン要素とうまく並んでいるか確認しましょう。コントラストのあるスタイルを使おう。Hierarchy)を実現するだけでなく、文字テキストを読みやすくし、読み手にもより分かりやすく伝えることができます。モノクロイメージ写真を背景に、白などコントラストを表現できる書体を組み合わせることで、デザインを中間色で押さえた、落ち着きのある雰囲気を演出できます。イメージ写真の余白スペースも有効に活用しましょう。上のサンプルでは、馬の頭の形に沿って、文字テキストを配置しています。サブ見出しタイトルが、他のグラフィック要素とうまく一致しているのかも確認しておきましょう。細長フォントを積み重ねよう。Condensed)スタイルのフォントは、スペースが限られているときに有効なテクニックで、通常に比べ半分のスペースで配置可能です。注目してもらいたい単語に、細長い書体を利用してみましょう。することで、デザインにおけるアンカーの役目を果たし、視覚的階層をサポートする手助けをしてくれます。長すぎるコピーに使うのは避けましょう。デザインがごちゃごちゃと混みあった印象に仕上がります。Capsフォントで書かれた’Tower’という単語が、「高いビル」を連想させます。このように隠喩表現をデザインに適用させることもできます。文字列を同じ長さに揃えることで、よりコンパクトで、インパクトのあるデザインが完成します。アンティークな書体を活用しよう。Style)を利用することで、デザインに伝統的な印象を少しだけ加えてくれます。コンセプトに古いものを利用したり、古くあるものを強調したいときに賢い方法といえるでしょう。情報ごとに文字間が異なるように調整することで、特定の単語を強調することができます。Capsは、クセのある個性をもつ見出しタイトル向きの書体で、ボディコピーにはまあり適していません。小さく表示するフォントは、半透明のバナーを重ねて、可読性をアップさせましょう。ライン線とスケールを利用しよう。デザインの構成はとても大事な要素で、イメージ写真を背景として、文字テキストがもっともダイナミックに見える配置場所を探しましょう。異なる太さの同じフォントファミリーを組み合わせることで、余白スペースとして活用することもできるでしょう。Divider)として一緒に利用しましょう。上のサンプルでは、手描きされたライン線を中央に配置しています。補足として、よりデザインを強調したいときは、フォントサイズを変更するのではなく、文字間を広げることで、階層を崩す必要がなく有効なテクニックです。半透明の巨大太字を利用しよう。半透明の文字テキストを重ねて表示することで、より高度なデザインエフェクトを実現することができます。フォントの重ねる順番によってどのような色になるのか注意しましょう。何度か重なり方を移動させ、もっとも適した配色を見つけ出しましょう。Baseline)を決めることで全体のデザインを揃えましょう。Cut-out)エフェクトを実現できます。補足として、メインとなる見出しコピーと、他のテキスト要素の幅も揃えることを意識しましょう。これらのフォントに関するテクニックを使って、より魅力的なデザインレイアウトを作成してみましょう。楽しみながら試行錯誤することで、より有効t系なフォントの組み合わせを実現できるでしょう。Earthから無料ダウンロードできる美しい壁紙1000枚がリリース!商用利用も可能に2020年2月17日300年以上前のイラスト画15万枚がパブリックドメイン公開中!無料ダウンロード、二次創作も可能に2020年2月13日おめでとうDCJ!2周年記念で人気素材集が99%オフの特別再販大セール中2020年2月12日ずっと使える、デザインの基本まとめました。【2019年版】パブリックドメインで無料!世界の名画500万枚をダウンロードできる美術館サイト16個まとめ"ウェブ考察"の最新記事はこちらずっと使える、デザインの基本まとめました。