eyecatch_sozai_designa

<登場人物>

ロキ
デザイナーを目指す未来からきた女の子。人々にドキドキを届ける一人前のクリエイターになるためにスキルアップの真っ最中。

ボロちゃん
ひょんなことからロキにデザインを教えることになった渋谷に生息するドブねずみクリエイター。ペディグリーチャムが大好物♡

 

タイトルとか少ない文字数の作図はできるけど、本文の文字をすべて作図するのは物理的に難しいわよね。。

そうだね。そんなときは「デザイン」フォントも提供してくれてるサイトがあるよ。 

ロキはフォント選びに苦労しています。ボロちゃんとフォントについて学んでいきましょう。
 
この記事では、文字の扱い方やフォントサイトへのリンクをまとめて紹介しています。今回はデザインフォントです。
 

目次
フォントとは
Adobe Fontsでフォントをアクティベート
デザインフォント素材サイトリンク一覧
ダウンロードしたフォントのインストール「Font Book」
まとめ

フォントとは

文字の形のことを「フォント」や「書体」といいます。厳密には違いがありますが、今ではPCで扱う文字の形状をいいます。日本語フォントだけでもたくさんの種類があるのですがまずは2つ、「明朝体」「ゴシック体」の特徴を知っておくとフォント選びがラクになります。

 

 

「明朝体」と「ゴシック体」ね!基準を知っておくとデザインにふさわしいフォントを1つに絞りやすいね。

うん。その2つの特徴から選択肢を拡げると決めやすくなるよ。

Adobe Fontsでフォントをアクティベート

Adobe製品を使っていればCreative Cloudサブスクリプションの一部であるAdobe Fontsを利用できます。フォントメーカー作成の数千ものフォントが提供されています。

アプリからAdobe Fontsへ移動する

イラストレーターの場合

 
フォトショップの場合

 
どちらもAdobe Fontsのページへ移動します。

フォントのアクティベートのしかた

リストから使いたいフォントのパネルをクリックすると、詳細ページへ移動します。ダウンロードではなくアクティベートなので設定すればすぐに使えます。

右上の「1個のフォントをアクティベート」をクリックします。

「すべてのフォントがアクティブ」が表示されたら設定完了です。
 

すぐにアプリで使用できます。(画面はイラストレーターです。)

Adobe Fontsの使用範囲


Adobe Fontsトップページで「使用フォント数に制限無し。 数千を超えるフォントから必要なだけ選択可能です。追加料金なし。すべてのフォントがCreative Cloudサブスクリプションに付属します。ライセンスは付与済み。すべてのフォントを商用にも個人用にも利用可能です。」と紹介しています。安心して利用できますね。
利用できるプラン概要の確認は、Adobe Fontsへようこそへ。
詳しい利用規約は、フォントのライセンスでご確認ください。

Adobe Fontsでダウンロードできるおすすめデザインフォント

 ※Adobe Creative Cloudサブスクリプションを購入していることが使用条件です。またAdobeIDを取得しCreative Cloud無償メンバーシップでも使用できます。

TA-F1ブロックライン

TA-F1ブロックライン
近未来を感じる懐かしさや楽しさをもつ書体フォント。

VDL 京千社

VDL 京千社
オリジナル江戸文字。墨だまりや打ち込み、ハライにイキイキとした筆の余韻を残すとともに、横線を水平にするという斬新な発想のフォント。6ウェイト揃っている。

VDL メガ丸

VDL メガ丸
軽やかなリズム感を生み出す絶妙なバランス感とエッジに丸みのある、ポップで柔らかい表情のフォント。

デザインフォントダウンロードサイト一覧

ネットにもフォントを提供しているサイトがあります。

851テガキカクット Ver 0.04

851テガキカクット Ver 0.04
イタリックに手書きで直線を引いたフォント。

マメロン

マメロン
これまでアナログとデジタルの間で抜け落ちてしまっていた感情表現や、漢字が多いだけで苦痛と感じる状況に何かしらの変化が生まれることを期待してつくられたフォント。

Perfograma typeface

Perfograma typeface
欧文書体のみ、パンチ穴で作成されたようなフォント。

Electroharmonix

Electroharmonix
カタカナをモチーフにデザインされた欧文フォント。日本人にはよみづらい。。。

ダウンロードしたフォントのインストール「Font Book」

ダウンロードしたフォントは、インストールして使います。Macでは「Font Book」でフォントを管理します。

メニューバー「新規Finderウィンドウ」→「アプリケーション」→「Font Book」を開きます。

「ユーザ」の右カラム、フォントが並んでいるところへ適用したいフォントファイルをドラッグします。または、パネル上の「+」からフォントファイルを選択適用したら、アプリを起動して使用します。

まとめ

OS標準フォントでまとまりが良いフォントでは、
Mac:ヒラギノ明朝
Win:游明朝
が、おすすめです。

知っておくと文字の扱いがグッとよくなる、文字組みについてはこちらで紹介しています。
デザイナー初級者必見! 読みやすい!伝わる!「文字組み」 その1
デザイナー初級者必見! 読みやすい!伝わる!「文字組み」 その2

日本語フォントは、「明朝体」「ゴシック体」から特徴を知っていこう。
フォントは、Adobe Fontsでアクティベートして使える。
フォント提供サイトからダウンロードもできる。
ダウンロードしたフォントは「Font Book」で管理。