![文字の話(後編)─タイポグラフィ/書体のイメージ/文字間|デザインの基礎知識|デザインのイロハ 第8回](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto,c_scale/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-00.png)
新人デザイナー、シンコが先輩とともに一人前のデザイナーを目指す物語。
2人の掛け合いを見ながら、デザインの知識を紹介していきます。
みなさんもシンコと一緒に、新人デザイナーになってデザインを知ろう!
![先輩](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-00-01.png)
先輩
新人デザイナーシンコの先輩。
今回も気合の入った説明が暑苦しい。
全てはかわいい後輩のため! とのこと。
![シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-00-02.png)
シンコ
先輩のもとでデザインを勉強中の新人。
最近は先輩のツッコミ要員というウワサを耳にしてしまい、自分の個性を出そうとリアクションの表情作りに余念がないらしい。
タイポグラフィ
![タ、タ、タイポグラフィって何~!?](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-01.jpg)
![デザインのイロハ第7回文字の話(前編)](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-02.png)
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
タイポグラフィとはそう・・・
文字を読みやすく、美しく配置することだ!
文字に関してデザインすることをタイポグラフィという! 例えばこれ!
![吉田印刷所フレッシュプリントなら](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-03.png)
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
うーん! 文章がずらずら並んでいるだけでつまんないです先輩!
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
そうだろう、そうだろう!
ではこの文章をレイアウトしてみよう!
![もしもの時に安心できるフレッシュプリント](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-04.png)
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
むむーっ! キレイに読みやすくなりましたね!
タイトルは大きく太く強調されて、内容も整理されていてわかりやすくなりました!
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
一見普通の文字だけのページだが、文章をレイアウトすることで読みやすくなっただろう?
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
これがタイポグラフィってことですか・・・?
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
そう! だがそれだけではないぞ!
これをみて欲しい!
![先輩セ・ン・パ・イ ラプソディ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-05.jpg)
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
な、なるほど~・・・
タイポグラフィの奥は深そうですね・・・
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
ところでこの映画、見たくなったでしょ?
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
絶対お金払いませんからね!
ていうか意味わからん!
書体のイメージ
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
文字の話(前編)では、書体の基本である明朝体とゴシック体を紹介したけど、それ以外にも世の中にはたくさんの書体がある!
![書体](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-06.png)
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
日本語の書体だけでもいっぱいありますよね~!
どれを使ったらいいんだろ?
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
まずはそれぞれの書体のイメージを知ることが重要だな!
では代表的な和文書体をざっくり説明していくぞー!
![明朝体](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-07.png)
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
まずは明朝体~~~~!
縦線が太くて、横線が細い! 文字の端に飾り(ウロコなど)のある書体~~っ!! 優しくって、清潔で、しなやかで落ち着いたイメージのある書体~っ!!
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
センサイなイメージのデザインにぴったりな書体ですよねー!
![ゴシック体](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-08.png)
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
次にゴシック体~!
太く均一な線! 力強く直線的! はっきりしていて読みやすく、ガッシリとした印象の書体~~っ!
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
ビシッとしてカチッとしてガッっとしたデザインに使うべきですよね!
![丸ゴシック体](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-09.png)
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
ヒュー! ゴシック体の角が丸まっちまってるぜ! 丸ゴシック体~!
かわいく・優しく・柔らかいイメージになっちまってるぜ!
子供向けのデザインやかわいいポップなデザインにピッタリってやつだぜ!
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
優しく親しみやすいイメージがあっって・・・
この書体には安らぎしかありません・・・!
![楷書体](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-10.png)
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
手書きの文字から生まれた書体~~っ!!
アナログなイメージを出したい時や情緒を感じさせるときに使うとぴったりな書体~~っ!!
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
賞状や為書き、和食のメニューとか、和を感じさせるデザインにピッタリの書体~っ!!
![装飾書体](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-11.png)
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
ロゴやタイトル文字に使用されることを目的としたデザイン性の高い書体~~っ!! それぞれクセの強いものばかりだが、強烈なインパクトを出してくれるぜー! フッフーゥ!
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
面白い形の書体を見るとワクワクしてきますよねー! ウフフーゥ!
![雰囲気のあわない書体](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-12.png)
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
んん? なんか雰囲気が合ってませんよ??
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
あっ! 使う書体を間違えたー! こっちこっち!
![ピッタリな書体](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-13.png)
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
あぁ~なるほど~使う書体を間違えるとこんなことになっちゃうんですね~なるほど~
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
は、恥ずかしい~~~!
文字間
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
さてシンコ! 前編で「和文フォントと欧文フォントを組み合わせる時は見た目で大きさを揃えると良い」って言ったことを覚えているかい?
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
もちろん覚えてますよ! 細かい作業だけど見た目の仕上がりが違ってくるアレですよね!
![デザインのイロハ第7回文字の話(前編)](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-02.png)
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
それと似たようなことなんだけど「文字間」について説明しようと思う!
![文字間調整前](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-14.png)
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
ではこの見出し文字なんだけど、見た目はどう思う?
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
んん~~~? なんか間の抜けた感じがするような・・・? スカスカというかあ?
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
その通り! これは文章をただ打っただけの文字で、普通の文章ではいいけど、見出しやタイトル文字として使うにはバランスが悪い!
そこで「文字間」の調整をしてみよう!
![文字間の調整後](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/20190515-design-iroha-08-15.png)
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
おお~! 余計なスペースがなくなってバランスよく見えますよ先輩!
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
そうだろう~? ひらがなやカタカナは画数が少ないので文字を並べたときに空間が空きやすい!
そこで文字間を調整することでバランスをとり、見た目をよくしてあげるんだ!
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
デザインは手をかければかけるほど、よくなりますね!
細かいところまで見渡せるデザイナーになります先輩!
![先輩デザイナー](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-senpai-01.png)
頼もしい返事だなー! 先輩は嬉しいぞ!
では今回のレクチャーはおしまい! 帰りに映画でも見に行こうかシンコ!
![新人デザイナー シンコ](https://res.cloudinary.com/yoshida-print/image/fetch/f_auto,q_auto/https://www.ddc.co.jp/dtp/images/face-shinko-01.png)
あ、「先輩ラプソディ」は結構です