【ポートフォリオマスターへの道 】 フォントを上手く扱おう!

ポートフォリオにおいてのフォントは、説明文やタイトルなど作品を紹介するにあたり重要な役割を担っています。さらに文字の間隔を調整し、読みやすくするカーニングは、最後の仕上げに重要です。

このカーニングを扱うことができれば、ポートフォリオを熟知したと言っても過言ではありません。これからアップデートをし続けるにあたり、避けては通れない道です。

 

カーニングのプロ技を学ぶ!文字組みに必要な9つのテクニックまとめ

 

文字デザインを良く見せるための10のヒント:カーニングを使いこなす

 

デザインのレベルを上げる!レイアウトやタイポグラフィに関するまとめ

どんなフォントがある?

大まかに分類分けすると、システムフォントWEBフォントがあります。ざっくり説明すると、システムフォントはどのOSにもインストールされているフォントを指します。Webフォントはフリーのものや有料のもの、商用可能でフリーなものまで様々です。

おすすめのシステムフォント

游ゴシック

出展:游ゴシック体ファミリー – 字游工房|JIYUKOBO

言わずと知れた定番のフォントです。

ゴシック体の中でもかなり汎用性があり、文字ごとのバランスも良いので、ポートフォリオ以外にもプレゼン資料やレポートなどにも使えます。

ヒラギノ

出展:ヒラギノフォント   ヒラギノ基本6書体セット – テンプレートBANK

ヒラギノ角ゴシック、丸ゴシックなど字体の種類も豊富です。

游ゴシック同様、様々なシーンで使われています。

おすすめのWEBフォント

日本語で人気のフォントから、英数字でぜひ使ってみてほしいフォントなど、使うだけで圧倒的に印象が変わるおすすめの定番フォントがあります。

有料のフォントからフリーで商用可能のフォントまでご紹介します。

こぶりなゴシック

出典:憧れのこぶりなゴシック-EMDesigns

游ゴシック派とこぶりなゴシック派で分かれるほど人気があります。

からかぜ

出典:手書き風「からかぜフォント」- BOOTH

手書きで味のあるフリーフォント。英字は大文字しか対応していないので注意です。

 

DIN Condensed

出典:DIN Condensed – Adobe fonts

アメリカンでカジュアルなイメージのフォント。

DINのフォントは年代によっても様々あるのでお気に入りをぜひ見つけてみてください。

Century Gothic Pro

出典:Century Gothic Pro – Adobe fonts

丸み帯びたイメージのフォント。海外でも非常に人気で、広告などでもよく見かけます。

Avenir

出典:優しくモダンなAvenir – EMDesign

モダンなイメージのフォントです。

カーニングに挑戦してみる

文字間の間隔の調子を合わせる

文字ごとの一つ一つでバランスが違うため、空き具合を調整しなければなりません。

応急処置で調整できるカーニングから、細かく調整する方法までご紹介いたします。

自動調整機能を使ってみる

どのグラフィックツールにもデフォルトで内蔵されています。あくまで応急処置のため、時間がなく、仕方ない場合のみ使うようにしましょう。カーニングしないよりはする方が見た目が良くなりますので、あらかじめ使ってみることをおすすめします。

メトリクス/和文等幅カーニングオプティカルカーニングなど、多様な自動カーニングツールあります。このツールは文字の形を元に間隔を自動調整し、応急処置としては便利ですが、自由にカーニングをいじるとある意味不便でもあります。適切なタイミングで使うことをおすすめします。

数字でいじる時と、見た目をいじる時

開け過ぎによる弊害、近すぎる閉鎖感に気をつけて見た目で調整すべきか、数字で調整すべきかを検討します。↑↓のテンキーを使うとより操作性もアップします。

フォントによっても変わる

文字によっては斜体や、特定の文字に表れる溝のコントロールが必要になります。

デザインのレベルを上げる!レイアウトやタイポグラフィに関するまとめ


「PORTFOLIO SENSEI」-ポートフォリオ添削サービス-

ご自身のポートフォリオに出来に満足していますか?
Euphoric ” “運営元 アムーン株式会社では、「PORTFOLIO SENSEI」というポートフォリオ添削サービスを提供しています。「新卒/第二新卒でクリエイティブ職」「クリエイティブ業界に転職」「海外美大への入学」を目指す方に是非お勧めのサービスです!
現場クリエイター陣が見極め、添削・ご指導させていただくことであなたのポートフォリオを最大化致します!